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

Posted onAuthor艾瑪7 Comments

今天是除夕，我沒辦法發紅包給大家，就改寫了三年前寫的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比較

分享此篇文章

延伸閱讀

【關於作者】艾瑪 | amarylliss

 台灣第一位全職旅遊部落客受邀出國旅遊超過百次(受邀列表)，1996年起於台大椰林BBS自助旅行版(Tour Abroad)發表旅遊心得並擔任版主，2000年起於明日報/ANYWAY旅遊網分享旅遊心得，2003年起任艾瑪隨處走走部落格格主至今，從無名小站至痞客邦，目前回歸個人部落格持續經營；更詳細網路書寫歷史請參考關於我。聯繫、合作或邀約請聯繫：[email protected]

 Email Facebook Flickr YouTube Instagram

TG按讚：0
Post Views: 15,692

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

  1. 請問關於#BoxWho(誰來我家)區塊
    裡面有沒有控制"增減訪客顯示個數"的參數?
    謝謝解惑~
    版主回覆：(03/08/2008 09:20:39 AM)
    沒有
    他們一次就是只能顯示九位.

Comments are closed.