移動你的招呼語並換成你想要的框



分類:語法總集

2008/04/22 00:20


移動你的招呼語並換成你想要的框



 

上方招呼語移動到你想要放的地方,並且可以換成你想要的樣子。

(『管理部落格』-->『面板設定』-->『自訂樣式』)


然後在『管理部落格』的裡面,『外觀設計』單元中的『面板設定』裡面的『自訂樣式』中,加入下列CSS語法:


/*Opacity for blast*/
#yblast{zoom:1;position:relative;top:110px;left:-150px;margin:0 0 -55px 0;z-index:2;}
#yblast .text,#yblast .bg{overflow:hidden;padding:5px 5px;width:47px;height:45px;}
#yblast .text{zoom:1;margin:-55px 0 0;}
#yblast .text a{display:none;}
#yblast a.edit{background:url(http://www.xxx.com/xxx.gif);width:13px;height:13px;}
#yblast .bg {zoom:1; filter:alpha(opacity:100); background: url(http://www.xxx.com/xxx.gif) no-repeat}
#yblast .text{color:#817254;}


 


語法說明:


#yblast{zoom:1;position:relative;top:110px;left:-150px;margin:0 0 -55px 0;z-index:2;}


top:110px;  招呼語與頁面上方的距離


left:-150px;  招呼語與左方區塊的距離


margin:0 0 -55px 0;   控制"最新文章"區塊與頁面上方的距離


z-index:2;  設定招呼語的層次層級



#yblast .text,#yblast .bg{overflow:hidden;padding:5px 5px;width:47px;height:45px;}


width:47px;height:45px;  招呼語的大小,也就是整張招呼語框的大小


#yblast .text a{display:none;} 


設定顯示或隱藏當別人進來時看到的"我要留言"四各字是否出現,現在是不出現,若要出現把display:none;拿掉即可


#yblast .bg {zoom:1; filter:alpha(opacity:100); background: url(http://www.xxx.com/xxx.gif) no-repeat;}


background: url(http://www.xxx.com/xxx.gif) no-repeat;   招呼語的框,no-repeat是設定不要重複拼貼


arrow
arrow
    全站熱搜
    創作者介紹
    創作者 牡麗三郎 的頭像
    牡麗三郎

    牡麗三郎的部落格

    牡麗三郎 發表在 痞客邦 留言(0) 人氣()