amarylliss。艾瑪[隨處走走]

今天是除夕，我沒辦法發紅包給大家，就改寫了三年前寫的CSS，加上最新功能的部分，也把醜醜的回應底線移除，想要下載的朋友請自行下載或複製。 改寫的CSS我會另PO新文，這裡先寫最新功能的CSS囉～

回覆區的CSS語法，無名在發表新功能後，還改了回應區的架構，
我用 1~5 號標出區塊，看大家要改哪裡自己想辦法啦！

　

以下全部複製貼在CSS中最下方即可（下方可全文複製沒問題）

/***複製從這裡開始***/

• /*(1)(2)訪客留言區*/

.comments-user { background: red /*紅色區塊*/ color: white } .comments-user .comments-post { background: orange; /*橘色區塊*/ color: white }

• /*(3)版主回應區*/

.comments-reply .comments-author { background: yellow  url(http://farm3.static.flickr.com/2090/2242943644_8dabbd30c5_o.gif) no-repeat 0px top; /*黃色區塊*/ color: black; /*字體顏色*/ padding-top:8px; /*** 回應區底圖請自行更換 ***/ }

• /*(4)(5)版主回應區時間顯示及修改連結*/

.comments-reply .comments-author .comments-post { background: green url(http://farm3.static.flickr.com/2396/2242927030_5dbe719d49_o.gif) no-repeat 0px bottom; /*** 綠色區塊，底圖請自行更換 ***/ color:green ; /*綠色字型*/ font-size:1px; /*將字體改小，並將字型顏色與底色統一*/ height:60px; padding-top:8px; } .comments-reply .comments-author .comments-post a { color:#fff; /*版主回應連結字的顏色*/ font-size:11px; }

　

• /*(6)消除回應區的醜醜底線*/

.total-comments-div .comments-body {border-bottom:0px;} /說明：消除版主於XXXX回覆那行下方的底線*/

• /*將誰來我家移到邊欄上方的方法*/

/*

1) 改 #links
2) 改 #boxWho

*/

#links { position: absolute; top:400px; } /*top:400px 這個數值表示邊欄最上方距離頁首的長度有多少，可自己調整看看*/ #boxWho { position: absolute; top: -190px; } /*top:-190px 這個數值表示「誰來我家」的位置指定在 邊欄最上方欄位（例如最新文章）的上方190px之處 也就是將「誰來我家」設定固定高度190px於最新文章的上方 可自己調整看看*/

/***複製到這裡結束***/

　

　

最後這個就是重頭大戲啦！

• 「誰來我家」與「回應大頭貼」設定顯示＠網誌管理

這裡沒有勾選的話，CSS怎麼寫都不會顯示成功的啦！所以記得要把他勾選到。

　

延伸閱讀

2008.02.01 [紀錄] 無名版主回應、誰來我家CSS兼與Pixnet比較