鹽鹽鹽

2008年11月12日

招呼語設定語法整理

歸類於: 歡迎蒞臨 Kitty Li Blog — 歡迎蒞臨 Kitty Li Blog @ 6:25 pm

 

 
 

招呼語設定語法整理     更多的語法設定請參考→ 語法記錄 

招呼語設定的預覽圖↓

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

/*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;}

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

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

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

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

 


設定路線→複製語法→點按管理部落格→面板樣式→自訂樣式→清除自訂樣式原語法,

在將語法貼上,按確定即完成設定

紫蘿琳 隨藝妨 http://tw.myblog.yahoo.com/jw!YFl.6UmaHk9bFp1B_BIetSfj/profile

尚無評論

尚無評論。

RSS feed 此篇文章的評論。

抱歉,此時評論的功能已被關閉。

Powered by WordPress