之前提供過「四欄式」的
無名網誌空白樣式範本
有許多人問,要怎麼修改成
自己想要的樣子呢?
很簡單!一步一步帶您做~


 

 區塊3-日期


日期就是 .date




改框線,請用:

.date {
border: #色碼 1px solid; }


改底色,請用:

.date {
background: #
色碼;}


改日期文字的顏色,請用:

.date {
color: #色碼
; }


改好了就像這樣子:






 區塊3-文章標題


文章標題就是 .title





改下面那條線的顏色,請用:

.title {
border-bottom: #
色碼1px solid; }


改標題文字的顏色,請用:

.title  {
color: #色碼; }



改好了就像這樣子:







 區塊3-繼續閱讀


繼續閱讀就是 .extended





改繼續閱讀的顏色,請用:

.extended {
color: #
色碼; }

.extended a {
color:
#色碼; }


改好了就像這樣子:







 區塊3-文章內文


文章內文就是 .innertext




改變它的顏色,請用:

.innertext {
color: #
色碼;}


改好了就像這樣子:






 區塊3-作者發文時間


「作者發文時間」這一行,就是 .posted




改變它的顏色,請用:

.posted {
color: #
色碼; }

.posted a {
color:
#色碼; }


改好了就像這樣子:






 區塊3-回應區


回應區就是 .comments-body

下一張(熱鍵:c)


改變它的底色,請用:

.comments-body {
background: #
色碼;}


改變它的框線顏色,請用:

.comments-body {
border: #
色碼 1px solid;}


改變回應文字的顏色,請用:

.comments-body {
color: #
色碼;}


改好了就像這樣子:




此外,這地方叫做「版主回覆區」.comments-reply



聰明的你,應該知道怎麼改了


如果上面的介紹對你有幫助,記得留下回應喔

arrow
arrow
    全站熱搜

    Umod語法教室 發表在 痞客邦 留言(45) 人氣()