芯誼製招呼框總整理－寶貝培培的部落格

※此款也可作標題圖框↓

/*Blog blast module招呼語欄字體顏色文字圖框置中*/
#yblast .text{color:#文字顏色;}
#yblast{text-align:center}
#yblast .bg{background-image:url(招呼語的圖址);background-repeat:no-repeat; background-position:50% 50%;width:招呼語框的寬度px;height:招呼語框的高度px}
#yblast .text{font-size:15px;font-weight:bolder}

感謝柏憲的語法解說～

</*由左至右依序解說-在此位置分三段設定，適合不同圖片，方便調整，並且比較不容易受其它環境設定影響，取絕對的置放位置* font <>
/*文字背景圖片部分*//*背景圖網址-絕對位置-靠上的位置-靠左的位置-圖片顯示的高度(通常與圖片同高)-背景圖片置中*/
#yblast .bg {background:url(http://img215.imageshack.us/img215/2747/10ee2.gif) no-repeat;position:relative;top:0px;left:80px;height:50px;background-position:center;} >/*文字部分*//*絕對位置-靠上的位置-靠左的位置-字型-字體顏色*/

#yblast .text {position:relative;top:3px;left:15px;font-family:新細明體; color:#00007f;}

/*文字連結部份*//*預設使用招呼語加上連結時的字型與文字顏色*/

#yblast a {font-family:新細明體; color:#ff0000;}
/*招呼語主框架部份*//*置中位置-絕對位置-靠上的位置-靠左的位置*/

#yblast {text-align:center;position:relative;top:8px;left:-70px;}