招呼語設定語法整理－ω。艾媽の手作 Mapin-cloth 小舖。ω

更多的語法設定請參考→ 語法記錄

招呼語設定的預覽圖↓

奇摩預設樣式---未更改↑

/*Opacity for blast奇摩本身的招呼語設定*/
#yblast .bg {zoom:1; filter:alpha(opacity:100); background: url(http://tw.yimg.com/i/tw/blog/yimg/blast_bg4.gif ) no-repeat}

更改後的樣式---預覽圖↑

如何更改---語法如下↓

/*Opacity for blast招呼語字體顏色圖框置中*/
#yblast .text{color:#F4F4F4;}
#yblast{text-align:center}
#yblast .text{font-size:14px;font-weight:bolder}
#yblast .bg{background-image:url(http://i438.photobucket.com/albums/qq110/carolinepoppy/oline213.gif);background-repeat:no-repeat; background-position:50% 80%;width:540px;height:66px}

語法註解↓

/*Opacity for blast招呼語字體顏色圖框置中*/
#yblast .text{color:#F4F4F4;}
#yblast{text-align:center}
#yblast .text{font-size:14px;font-weight:bolder}
#yblast .bg{background-image:url(網址);background-repeat:no-repeat; background-position:50% 80%;width:540px;height:66px}

color:#F4F4F4 = 字體顏色

#yblast{text-align:center} = 字體置中

font-size:14px = 字體的尺寸

background-image:url = (圖檔的網址)

no-repeat = 圖檔不重複

position:50% 80% = ↓

第一個50%=圖檔左右移動

(100%圖檔往右移)(0%圖檔往左移)(50%在中間)

第二80%=招呼語圖下邊緣與中間最新文章距離

(100%就緊貼最新文章→ 0%越低圖檔往上)

width:540px = 圖檔的寬度

height:66px = 圖檔的高度

招呼語若不想設定圖檔只想以文字代替，那麼就參考以下語法↓

/*招呼語色+調整高度+置中+字體大小*/
#yblast .bg {background: transparent no-repeat}
#yblast .text{color:#ffffff;padding-top:30px;}
#yblast{text-align:center}
#yblast .text{font-size:14px;font-weight:bolder}

語法註解 ↓

color:#ffffff = 字體顏色

top:30px = 字體與標題距離，數字越大距離越高

#yblast{text-align:center} = 字體置中，不想置中可刪除

font-size:15px = 字體的大小，數字調高字體越大

-----------------------------------------------------------------

不想設定字體的高度、置中讓奇摩預設決定↓

/*招呼語字體顏色*/
#yblast .bg {background: transparent no-repeat}
#yblast .text{color:#000000;}

/*字體大小↑*/
#yblast .text{font-size:14px;font-weight:bolder}

以上三種設定語法，還可再加上這段↓

/*隱藏招呼語(我要留言)*/
#yblast .text a{display:none;}

或是你想把(招呼語我要留言)換圖嗎?請參考以下↓

ㄚ！設定這段，只有自己看的到啦！

/*招呼語我要留言換圖(自己才看得到)*/
#yblast a.edit{background:url(http://i234.photobucket.com/albums/ee170/MichelleRuby/caroline03-217.gif );width:35px;height:27px;}

我要留言換圖→圖檔不宜過大，一般我們設定左右欄小圖的即可。

再來~~~~最後嚕，若是你不想顯示招呼語，那麼就乾脆給它用隱藏滴↓

/*隱藏招呼語*/
#yblast{display:none;}

---------------------------------------------------------

以上就是招呼語設定的語法整理

招呼語圖示的更改，可尋找自己喜歡的樣式，琳就貼幾個偶製作逗

更多的圖檔請參考→ 隨藝創作