注意注意!
無名終於推出了大家比較接受的版主回覆新功能囉!!
而牡牡也很厲害的發表一篇教學文章..
讓大家都能把這項功能變成自己喜愛的樣子喔!!!
●版主回覆本文CSS標籤:
複製語法:
.comments-reply .comments-author { }
或語法:
.comments-body .comments-reply ul.comments-author { }
●版主 於 February 3, 2008..... 的標籤:
複製語法:
.comments-reply .comments-author .comments-post { }
●在CSS大標籤 { } 裡面,加上語法,例:
◎版主回覆改文字顏色+背景顏色+放上小圖案:
複製語法:
.comments-reply .comments-author {color: #色碼;
background: #色碼;
background-image:url(圖片網址);
}
文字顏色: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;
◎「背景顏色」跟「透明背景」只能選一個。
●背景圖片位置語法:
向上對齊: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; }
●刪除回應區多餘的虛線:
.total-comments-div .comments-body {border-bottom:0px;}
●數值均可自行調整。
語法貼在哪?
網誌:樣式管理 > 修改CSS樣式表 > 將語法貼上 > 存檔即可。
感謝分享:
※資料來源: Fountain & Mumur 的聯合網誌
留言列表