此篇教學特別感謝小天的幫忙!小天我也用好囉 迴響列表的連結圖案要怎麼改掉? 用 display:none; 隱藏的話 就沒有別人留下來的網址按鈕!不隱藏的話又會有很醜的小地球圖片,好煩惱阿 以下教學屬於 css 語法,所以請自行尋找 css 標籤。 目前用語法設定都無法單單設定「網址」的圖片,會連「刪除」和「信箱」的圖片都一起修改掉! 比較簡單的話是直接把圖片隱藏,然後設定連結的背景顏色 ↓ .comments-post a {background: #ccc !important;} .comments-post a:hover {background: #ddd !important;} .comments-post img{filter: Alpha(opacity=0);width: 9px;height: 9px;} 所以顯示出來會是正方形框框 另一種方法則是利用背景圖片 ↓ .comments-post a {background: url(圖片網址) #f8f8f8 no-repeat 0% 50%;} .comments-post a:hover {background: url(圖片網址) #f8f8f8 no-repeat 0% 50%;} .comments-post img {filter: Alpha(opacity=0); width:15px; height:12px; vertical-align:middle;} 所以顯示的就是你設定的圖片,擅用自己的創意,就可以設計出獨一無二的連結樣式! ----------------------------------------------------------------------------------------------------- 標籤說明: .comments-post a 是設定超連結的樣式 .comments-post a:hover 是設定滑鼠移到超連結的樣式 .comments-post img 就是設定原本的圖片 width 和 height 是設定寬度和高度,filter: Alpha(opacity=0); 就是把小地球圖片弄不見。
文章標籤
全站熱搜
創作者介紹

Naomi 發表在 痞客邦 留言(0) 人氣(0)