[600X150]


今天突然心血來潮。想為部落格加點東西。
發現 在留下迴響的部分。ohoh!可以加點東西唷。

就是更改留下迴響的圖案。順便做下筆記

1.首先先準備好要放置的圖案。

2.接著上傳至網路空間。

3.至痞客邦後台/部落格/樣式設計精靈/CSS

4.找到以下語法並修改它。可利用CTRL+F搜尋。

主要設定以下語法。

/*-----發表留言(預設為文字)
.post-comment{
     text-align: ??????;
}

??????可設定為:靠左:left。置中:center。靠右:right。

/*-----連結"發表留言"時
.post-comment a{
     display:block;
     width:圖片寬度;
     height:圖片長度;
     margin:10px auto;
     text-indent:-5000px;
     background:url(圖片網址) no-repeat;


width、height     -----     設定圖片的長寬。
display:block     -----     顯示圖片。
margin     -----     設定邊界的的距離。
text-indent:-5000px     -----     將預設文字移動位置(移至看不見)。
no-repeat     -----     設定圖片不重覆。

/*-----當滑鼠移至"發表留言"時
.post-comment a:hover{
     background:url(圖片網址) no-repeat;

也可設定的跟.post-comment a一樣。
也可以設定不同的照片。當滑鼠移至連結時就會變成另一張圖。



資料來源:蘋果咬一口-玩弄∥留下迴響連結圖片變化教學(Pixnet)

arrow
arrow
    全站熱搜

    ANE 發表在 痞客邦 留言(2) 人氣()