小君的友情世界

我準備ㄌ下方這兩張圖

下方兩張圖為顯示結果

請先進入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內的設一樣留白距離...為 上 右 下 左 */

 }