蒐集:電腦教學語法 2009/06/19 19:54
美化部落格檔案、個人資料、自我介紹、回應列表
自訂樣式應用 | ||
語法應用編輯(二度空間) |
/*部落格檔案、個人資料、自我介紹*/
/*部落格檔案-背景圖-預設背景顏色-字體顏色(字型預設值,不需設定)*/
#ybloginfo table {background: url(圖片網址) #1B006B repeat ; color:#FFFF00;}
#ybloginfo table th {background: url(圖片網址) #1B006B repeat ;color:#FF0000;}
/*個人資料-背景圖-預設背景顏色-字體顏色(字型預設值,不需設定)*/
#yusrinfo table th {background: url(圖片網址) #1B006B repeat ;color:#FF0000;}
#yusrinfo table {background: url(圖片網址) #1B006B repeat ;color:#FFFF00;}
/*自我介紹-背景圖-預設背景顏色-字體顏色(字型預設值,不需設定)*/
#yusrintro p {background: url(圖片網址) #1B006B repeat ;color:#FFFF00;}
/*回應列表*/
/*回應列表-文章與相片回應轉換按鈕底色與待連結字體顏色(字型預設值,不需設定)*/
#ycmntlist .mbd li a {background:#0000ff;color:#ff00ff;}
/*回應列表-文章與相片回應轉換按鈕底色與已開啟字體顏色(字型預設值,不需設定)*/
#ycmntlist .mbd li strong {background:#0000ff;color:#ffff00;}
/*回應列表-背景圖-預設背景顏色-回應者字體顏色(字型預設值,不需設定)*/
#ycmntlist .listbd {background: url(圖片網址) #1B006B repeat ; color:#FFFF00;}
/*回應列表-回應標題-背景顏色-字體顏色(字型預設值,不需設定)*/
#ycmntlist table th {background:#1B006B; color:#FFFF00;}
/*回應列表-板主回覆-背景顏色-字體顏色(字型預設值,不需設定)*/
#ycmntlist .reply {background:#1B006B; color:#00ff80;}
/*回應列表-其它連結字體顏色(字型預設值,不需設定)*/
#ycmntlist .listbd a {color:#ff00ff;}
圖片重複方向 :
repeat-x = 橫向排列,適用垂直條形圖
repeat-y = 縱向排列,適用水平條形圖
repeat = x-y軸同時排列,適用方形圖
no-repeat = 單張圖片不重複,適用與架框同等長寬的圖片
色碼表應用 :
注意 : 其它架框的語法設定值,有可能影響回應板架框的設定值,請謹慎設定
更多語法參考 :
http://tw.myblog.yahoo.com/jw!.KNty8iGR0WBlosOtiUpDA--/article?mid=7489