公告版位
歡迎光臨小君的友情世界!小君最近有事!無法上痞客邦與好友哈啦~暫時告別痞客邦一段時間!後會有期~珍重再見請不要忘了小君喔~~歡迎光臨小君的友情世界,最溫暖的不是春天,而是朋友的笑; 最愜意的不是陽光,而是朋友的祝福; 最浪漫的不是桃花滿天飛舞的季節, 而是我們彼此的牽掛和溫馨的問候! 祝福好友安康吉祥幸福!謝謝大家的支持和鼓勵本格文章侵權請告知會立即刪除,謝謝大家的支持!

 

我準備ㄌ下方這兩張圖

zbanner1

zbanner2

 

下方兩張圖為顯示結果
h1-01


h1-02

 

請先進入CSS自訂式樣編輯框中找出下方語法中


有紅色字標示標籤對應每一個標籤

將花刮號...   }裡面語法

改成下方每個對應標的花括號 {...} 內語法

進CSS自訂式樣步驟請參考

語法如下:

(請複製下方語法到記事本修改後再找出對應標籤,如無法找到先貼到CSS編輯框最底處)

/*部落格名稱*/

#banner h1 {


font-size:0px;  /*文字大小一定要設成 0*/

position:absolute;

margin-top: 115px;   /*離上方留白空間距離請自行修改*/

margin-left: 520px;   /*離左邊留白空間距離請自行修改*/

background:url(圖片網址) no-repeat;   /*呈現部落格名稱處圖片*/

}

/*部落格名稱未按連結時呈現狀態*/


#banner h1 a{

float:right;

display:block;

width:300px;  /*呈現部落格名稱寬度以圖片大小做決定*/

height:60px;   /*呈現部落格名稱高度以圖片大小做決定*/

_margin-right:18px;

font-size:0;  /*文字大小一定要設成 0*/

text-indent:-5000px; 
/*這裡一定要設才能移開原先部落格名稱處文字*/

margin:5px 40px 0 0;    /*留白距離設定...為 上 右 下 左 */


}

/*部落格名稱滑鼠按到連結呈現狀態*/


#banner h1 a:hover {

background:url(圖片網址) no-repeat;   /*滑鼠移到部落格名稱處超連結時圖片*/

margin:5px 40px 0 0;    /*要與#banner h1 a內的設一樣留白距離...為 上 右 下 左 */

 }

 



本文引用自hopopo923 - 將網誌名稱以圖片替代CSS語法

創作者介紹
創作者 小君的友情世界 的頭像
小君的友情世界

小君的友情世界

小君的友情世界 發表在 痞客邦 留言(0) 人氣()


留言列表 (0)

發表留言