目前分類:╚ B L O G 語法記事 (11)

瀏覽方式: 標題列表 簡短摘要
〔930928語法更改記錄〕

★更動事項一:增加引言語法 (成功!)

~原語法~(0817加入)

blockquote {
color: #A6628F;
background:#EEF5E7;
margin:5px 40px 5px 40px;
font-size:small;
font-weight:normal;
line-height:150%;
padding: 10px;
border: 0px solid #3399ff;

angelmini 發表在 痞客邦 PIXNET 留言(0) 人氣()

正要寫幾篇布拉格分享語法篇,將常用的語法做整理,就看到愛倫米亞阿布的留言版問的問題。不過要Step by step的說明,會是一大篇,所以我就不在留言版回,直接寫一篇文章做個詳細的說明吧^^

其實我會的語法大都是幾個有耐心的網友教我的,像是艾瑪Floria等等,另外自己也還要不斷的嘗試,漸漸你就可以摸索出語法的規則的。阿布會的語法多是簡單、基本的而已,若有錯誤還請各位高手指正哦!

要修改語法首先要先了解各語法的相對位置,你可以先參照CSS對照表Tjun無名網誌語法教學裡的前言裡有說明!

要將首頁放上圖片,要先將圖片上傳(你可以放到你個人的無名相簿裡),再來你要決定放什麼圖片、多大、放在首頁的那個位置,在去找到各位置的語法在裡面做修改。

舉例來說,阿布想將圖片上傳至首頁當內文的底圖,而內文就是blogbody{....}那一個區塊,於是阿布就要那裡修改;再來,你到已上傳的圖片按右鍵將網址(URL)複製下來,套進以下的語法中background-image : url("剛剛你複製的URL網址")中,放進blogbody{....}裡,即可修改背景底圖。但要注意一點就是,原先你套用的樣版裡也會設定背景的顏色(例如background-color :#FFF)你要將此語法消掉,才能顯示出你想要的背景(意思是說,原設定的背景色可能會和你改的顏色衝突或擋住,你要改掉才能顯示你後來修改的背景)。

而要鎖定背景的語法是background-attachment: fixed; (固定背景,不隨視窗滾軸而移動,就是你說的讓底圖不動)其他修改背景的語法,可參考這裡

要改變捲軸的顏色有一個特定的語法,將此語法放在所有語法的最前面:

HTML {

angelmini 發表在 痞客邦 PIXNET 留言(0) 人氣()

因為背景改了,我想接下來要調整banner的底色或樣式,讓網誌整個版面看起來能更協調‥‥有空再來改留言版的背景和捲軸色(因為也還不知道那語法怎麼改),至於相簿,不太想花心思做太大的改變,因為對我來說那只是放網頁素材的地方 XD

↑↑上面的備忘錄內容是早上寫的,結果沒想到我還是先改了留言版的banner背景色和捲軸顏色,反而是網誌的banner要怎麼改卻還沒有個主意‥剛剛問大哥他有沒有圖片編輯軟體,他說有PhotoSop,嘿嘿!有了工具,希望我能有時間和精力好好的來弄我的網誌 ^ ^

剛剛去修改一些舊文章,把文中的連結改為另開新視窗的語法‧這讓阿布又另起一個念頭,我想把常用的語法整理起來,編輯在一個資料夾內,這樣方便在自己線上查詢,也可作為語法記錄‧

經過一個晚上的嘗試,我的留言版新版面終於催生出來啦!是很漂亮的藍‧這樣令我滿意的版面,是經由Floria持續耐心的指導和自己努力嘗試的成果,阿布非常喜歡喔!大家一定要去看看!

angelmini 發表在 痞客邦 PIXNET 留言(0) 人氣()

〔930730留言版語法更改記錄簿〕


留言版背景色預定#99ccff #66ccff B3CBF6 D5DFFF 留言版文字色預定#0066ff 3399FF

配色 實驗室


★改留言版banner背景:<成功!>

設定一-

background-image: url('http://a.pic.wretch.cc/./photos/a/angelmini/3/1091094379.jpg');

設定二-

angelmini 發表在 痞客邦 PIXNET 留言(0) 人氣()

〔920729語法更改記錄〕

★把banner下的虛線變不見:<成功!>

#banner {
height: 65px;
border-bottom: none;(多加這一行,並將pt改成none)
margin-top: 0px;
margin-right:100px;
margin-left:100px;
margin-bottom:5px;

}

background-image: url('http://noion.cool.ne.jp/1-noion/ban/image/sports/09.gif');

angelmini 發表在 痞客邦 PIXNET 留言(0) 人氣()

〔920728語法更改記錄〕

★網誌內文修改:

.blogbody {
color: #666;
font-size: small; (由原語法font-size: small改成font-size: 11pt)
font-weight: normal;
background: #fff;
line-height: 140%;
margin-left: 15px;
margin-bottom: 10px;
padding: 5px;
}

angelmini 發表在 痞客邦 PIXNET 留言(0) 人氣()

〔920726語法更改記錄〕

★修改行事曆的邊界:

.calendar {
font-size: x-small;
font-weight: normal;
line-height: 140%;
padding: 2px;
text-align: center;
margin-top:210px; (從180px改為210px)

}

★增加網頁素材連結圖片:

angelmini 發表在 痞客邦 PIXNET 留言(0) 人氣()

〔920725語法更改記錄〕

★網誌右方連結區改邊界:

原:

.side {
color: #333;
font-size: x-small;
font-weight: normal;
line-height: 140%;
padding: 3px 7px;
}

改為:

angelmini 發表在 痞客邦 PIXNET 留言(0) 人氣()

〔920725語法更改記錄〕

★經艾瑪協助,修改的語法為:

body {
background-color: #fff;
margin-top:10px; /*上邊界*/
margin-right:1px; /*右邊界值*/
margin-bottom:1px; /*下邊界值*/
margin-left:10px; /*左邊界值*/
padding: 0px;
}

angelmini 發表在 痞客邦 PIXNET 留言(0) 人氣()

〔920724語法更改記錄〕

★更改背景:

背景欲改為卜卜口 但與前景不合而做罷

body{
background-image : url(http://a.pic.wretch.cc/./photos/a/angelmini/3/1090648914.jpg);
background-attachment: fixed;
}

背景欲改為愛情合約桌布 但與前景不合而做罷

body{
background-image : url(http://a.pic.wretch.cc/./photos/a/angelmini/3/1090678317.jpg);

angelmini 發表在 痞客邦 PIXNET 留言(0) 人氣()


今天一直嘗試著修改語法,一直想要有一個心中理想的版面,但屢試不成,又找不出原因,最後只好厚著臉皮在線上向艾瑪求救:P

沒想到我這個天才(艾瑪語),不但一急話講不清楚,打字還很慢,讓艾瑪被我弄得也一頭霧水‥‥後來艾瑪發現我的語法有一些小錯誤,慢慢導正我一番(因為我常犯連新手都少錯的問題 ̄□ ̄|||)。

真的很感謝艾瑪的耐心教學,我一直覺得如果我是艾瑪一定會對眼前這個笨蛋很不耐煩(對!阿布是很沒耐心的人,喔,不!是沒有耐心的笨蛋),但艾瑪很認真看著笨蛋阿布寫的語法,又帶著阿布仔細找出問題,幫阿布改正過來,讓阿布終於看到自己理想的部落格版面‥‥

後來阿布又問了兩個語法的問題(分別是挪移部落格右方的連結區 a n d 修改分隔線),艾瑪也分享了她改連結區的經驗供我參考。最讓阿布開心的事還不只這樣(神啊!感謝祢讓我今晚好運不斷),艾瑪後來說我設定的表格很好,是難得的好原始碼(比照樣版而言)。呵呵!妳知道被部落格專家稱讚的感覺嗎?很不好意思,但又真的很開心!艾瑪另外又分享了她especially for me的獨創語法,我有空一定要來試試,但一定要先寫完這篇好好感謝艾瑪 ^ ^

現在你看到的版面,正是艾瑪提供語法協助我修改的唷!

最後阿布還跟艾瑪小聊了一下,我幫艾瑪回憶了她是如何被我在網路上搭訕認識的,也各自分享了目前的近況(聊什麼,嗯!是秘密),最後阿布才依依不捨的道了再見(因為想偷偷寫篇感謝的文章,妳知道的,我打字慢嘛!),雖然今晚不斷出搥,但也感覺自己真的是很幸運的,不但解決了語法的問題,還更認識艾瑪一點,讓我作夢都微笑。

其實,除了感謝,阿布也期勉自己能像艾瑪一樣,在自己漸漸專精於一些技術之後,也能用良好的態度提供這樣的能力和資源給需要幫助的人。另外,我一定要說,其實艾瑪收起C S S 碼並不小氣。試想辛苦寫下的語法,雖是公開的,但遇上不尊重作者的沒禮貌者,雖不高興,但有時也只能氣在心裡‥‥但做這樣得不償失的行為,最後損失的還是自己,還傷害了好心分享的網友,佔人家便宜將來自己一定會吃虧。所以我雖覺得可惜,但我能體會艾瑪(或類似處境的人)的感覺,那一定很不好受。希望這招防堵,能讓那似小偷行徑的人有些反省。

感謝寫完了,我也該睡囉,希望今晚艾瑪和各位正在看網頁的朋友都能有個好夢。

angelmini 發表在 痞客邦 PIXNET 留言(0) 人氣()