╔ 艾瑪のCSS分享

[分享] 無名小站回應區、訪客留言、版主回應、誰來我家 完整CSS大公開

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


my

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


2

 

以下全部複製貼在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;
}
 

 


css

  • /*(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於最新文章的上方
可自己調整看看*/

 


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

 

 

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


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

admit

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

 

延伸閱讀

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

7 thoughts on “[分享] 無名小站回應區、訪客留言、版主回應、誰來我家 完整CSS大公開

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *