1.先看看奇摩原設的招呼語放置,文字有置中喔。

 

語法範例↓

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

 

2.再來看看,若自行加入圖片後→ 文字會貼在上方且圖片無法全部顯示喔。

 

語法範例↓

/*Opacity for blast 更換招呼語圖框*/
#yblast .bg {zoom:1; filter:alpha(opacity:100); background: url(
http://blog.yam.com/love454517/a142bcdc.gif) no-repeat}

 

3. 把招呼語換成這段語法→ 看到了嗎?文字在中間了,且圖片全部顯示了唷。

※若是您只想讓文字單純置中,就可以複製下列語法,置換您格子裡的CSS裡的這段招呼語法,然後修改一下圖片網址,就可以囉。看清楚唷,圖片網址有兩個地方都要改喔。

語法範例↓

/*Opacity for blast招呼語圖框文字置中*/
#yblast{zoom:1;position:relative;top:-20px;left:0px;margin:0 0 -55px 0;z-index:2;}
#yblast .text,#yblast .bg{overflow:hidden;padding:5px 5px;width:555px;height:70px;}
#yblast .text{zoom:1;margin:-55px 0 0;}
#yblast .text a
#yblast a.edit{background:url(
http://blog.yam.com/love454517/a142bcdc.gif);width:13px;height:13px;}
#yblast .bg {zoom:1; filter:alpha(opacity:100); background: url(
http://blog.yam.com/love454517/a142bcdc.gif) no-repeat}
#yblast .text{color:#2D328D;font-size:100%;}

 

4.

可以自行應用語法設定→  margin:-xxpx 改成 -57px 招呼語框就會貼齊最新文章邊線。

加入字體指令 font-family:標楷體; 就可以改變字型了

(↑任何字型都可以,但 若對方電腦沒有您設的字型,觀看時還是會變成細明體喔)。

再來就是將百分比的數字加大→ font-size:150%; 文字就會變大了,(數字越大文字越大喔)。

 

語法範例↓

/*Opacity for blast招呼語圖框貼齊最新文章邊線及換字體加大文字*/
#yblast{zoom:1;position:relative;top:-20px;left:0px;margin:0 0 -57px 0;z-index:2;}
#yblast .text,#yblast .bg{overflow:hidden;padding:5px 5px;width:555px;height:70px;}
#yblast .text{zoom:1;
margin:-57px 0 0;}
#yblast .text a
#yblast a.edit{background:url(http://blog.yam.com/love454517/a142bcdc.gif);width:13px;height:13px;}
#yblast .bg {zoom:1; filter:alpha(opacity:100); background: url(http://blog.yam.com/love454517/a142bcdc.gif) no-repeat}
#yblast .text{color:#2D328D;
font-family:標楷體;font-size:150%;}

 
5. 語法說明:

/*Opacity for blast招呼語圖框文字置中*/


#yblast{zoom:1;position:relative;
top(圖片.文字位置往上移):
-20px;left(圖片.文字位置往右移):0px;margin:0 0 -55px 0;z-index:2;}
#yblast .text,#yblast .bg{overflow:hidden;padding:5px 5px;
width(圖片寬)
:555px;height:(圖片高)70px;}
#yblast .text{zoom:1;margin:-55px 0 0;}
#yblast .text a
#yblast a.edit{background:url(
圖片網址);width:13px;height:13px;}
#yblast .bg {zoom:1; filter:alpha(opacity:100); background: url(
圖片網址) no-repeat}
#yblast .text{color:#2D328D;
font-family(設定字體)
:標楷體;font-size(文字大小):125%;}

 

 


 

好了..以上就是招呼語框文字置中的語法分享唷..

arrow
arrow
    文章標籤
    教學
    全站熱搜

    鳳鳳幸福滿滿部落 發表在 痞客邦 留言(0) 人氣()