close
拿走前,請給點回應吧。感謝^^
下一張(熱鍵:c)注意注意!




無名終於推出了大家比較接受的版主回覆新功能囉!!

而牡牡也很厲害的發表一篇教學文章..

讓大家都能把這項功能變成自己喜愛的樣子喔!!!


●版主回覆本文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 的聯合網誌


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

    用照片紀錄感動- 美安購物顧問 - 楊大頭

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