close

【網誌】版主回覆的背景跟文字顏色


※「版主回覆」區域是由兩組CSS語法組成:
第一組是「版主回覆的本文」CSS大標籤是: .comments-reply .comments-author { } 
上一個語法若是無效,請試這一個: .comments-body .comments-reply ul.comments-author { }


第二組是「版主 於 February 3, 2008 10:01 PM 回覆 | 刪除 | 修改回覆」這一行,CSS大標籤是:
.comments-reply .comments-author .comments-post { }


在CSS大標籤 { } 裡面,可以加上一些語法,例: 
文字顏色: color: #色碼;
文字字型: font-family: Georgia;
文字大小: font-size : 10px;
文字置右: text-align:right;
文字置左: text-align:left; 
文字置中: text-align:center; 
背景顏色: background: #色碼;
透明背景: background: transparent;
小圖示檔: background-image:url(圖片網址);
背景重複: background-repeat :no-repeat;
背景位置: background-position :right bottom; 
PS:「背景顏色」跟「透明背景」只能選其中一個,要不然與法會打架。(有顏色就不能再選透明啦)

※備註:「版主 於 February 3, 2008 10:01 PM 回覆 | 刪除 | 修改回覆」這一行,| 刪除 | 修改回覆 
不要有底線的CSS大標籤和語法是:
.comments-reply .comments-author .comments-post a { text-decoration:none !important; }



背景圖片位置補充語法:
背景向上對齊 background-position : top;
背景向下對齊 background-position : bottom;
背景向左對齊 background-position : left;
背景向右對齊 background-position : right;
背景置中對齊 background-position : center;
備註:background-position : left top; 表示圖片「靠左上角」

背景是否重複:
背景圖重複排列 background-repeat : repeat;
背景圖片不重複 background-repeat : no-repeat;
背景在X軸重複 background-repeat : repeat-x;
背景在Y軸重複 background-repeat : repeat-y;

與邊框的距離:
跟左邊框的距離 padding-left: 20px;
跟右邊框的距離 padding-right: 20px;
備註:數值可自行調整。

◎如果你的簽名檔或小圖示比較大時,請加上以下這個語法,這樣你的圖示就不會只出現一半囉 ^^
.comments-reply .comments-author .comments-post { height: 250px; }
※數值 250px 當然可以自行調整。


◎刪除回應區無名內部設定多餘的虛線:
.total-comments-div .comments-body {border-bottom:0px;}

arrow
arrow
    全站熱搜
    創作者介紹
    創作者 bosswar3 的頭像
    bosswar3

    (文武)~*的網誌 chih-pin (ben)

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