站內公告
抱歉!這陣子很忙,無法回復留言。
I Love Coffee 不要一來就問問題!請先爬文!文章總攬只要這裡有答案的重複問題會直接刪除
I Love Coffee 任務相關問題請詳細留下【總店or分店、任務名稱、階段】沒留下的抱歉無法幫你
I Love Coffee 系統相關問題請別問我,我不是官方,有問題請回報官方。

此篇教學特別感謝小天的幫忙!小天我也用好囉
迴響列表的連結圖案要怎麼改掉? 用 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); 就是把小地球圖片弄不見。
創作者介紹

N's

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


留言列表 (4)

發表留言
  • peywen
  • 我是新手

    请问blogspot能用吗?
  • 這是 Pixnet 的標籤,我不清楚 blogspot 是不是一樣。

    Naomi 於 2008/01/25 11:27 回覆

  • 牛奶
  • 不好意思!我想請問要怎ㄇ換新游標呢?
    有什ㄇ語法嗎?要將語法貼在哪個位置呢?謝謝喔
  • Nicole♥
  • 想請問你有可以在迴響區和留言板加入表情符號
    讓留言的人回應的css嗎?
    我目前只找到WordPress的外掛
    可是沒有看過可以在痞客加入的
    請問你有研究過嗎?
    希望你能回應我
    非常感謝
找更多相關文章與討論

您尚未登入,將以訪客身份留言。亦可以上方服務帳號登入留言

請輸入暱稱 ( 最多顯示 6 個中文字元 )

請輸入標題 ( 最多顯示 9 個中文字元 )

請輸入內容 ( 最多 140 個中文字元 )

請輸入左方認證碼:

看不懂,換張圖

請輸入驗證碼