筆記│note – New Blogger templete CSS reference

http://4.bp.blogspot.com/_oEqpzBbNpac/TChvKt53LnI/AAAAAAAAAm0/ibXb20DlZSg/s1600/main+color-theme.jpg
In Various Definitions
Variable name – keycolor (主要顏色主題)
Variable name – body.background (主頁背景) defult (預設圖) value (目前設定)
[blogger[5].jpg]
Group description:Page text
Variable name – body font (頁面字體)
Variable name – body.text.color (字體顏色)
Group description:Backgrounds
Variable name – body.background.color (背景顏色)
Variable name – header.background.color (檔頭背景顏色)
Variable name – post.background.color (文章背景顏色)
Group description:Links
Variable name – link.color (連結顏色)
Variable name – link.visited.color (已點閱的連結顏色)
Variable name – link.hover.color (游標停留的連結顏色)
Group description:Blog title
Variable name – header.font (檔頭(部落格)字體)
Variable name – header.text.color (檔頭字體顏色)
Group description:Tabs text
Variable name – tabs.font (標籤字體)
Variable name – tabs.text.color (標籤字體顏色)
Variable name – tabs.selected.text.color (所選文字顏色)
Group description:Tabs background
Variable name – tabs.background.color (標籤背景顏色)
Variable name – tabs.selected.background.color (所選文字的背景顏色)
Variable name – tabs.separator.color (分隔線顏色)
Group description:Post
Variable name – post.title.font (文章標題字體)
Variable name – post.footer.text.color (頁尾文字顏色)
Variable name – post.border.color (邊框顏色)
Group description:Gadgets
Variable name – widget.title.font (小工具標題字體)
Variable name – widget.title.text.color (小工具標題顏色)
Group description:Footer
Variable name – footer.text.color (頁尾文字顏色)
Variable name – footer.widget.title.text.color (頁尾小工具標題文字顏色)
Group description:Footer Links
Variable name – footer.link.color (頁尾連結顏色)
Variable name – footer.link.visited.color (頁尾已點閱的連結顏色)
Variable name – footer.link.hover.color (頁尾游標停留的連結顏色)

以上可以直接在範本設計工具修改

[content-margin1[5].jpg]
Variable name – content.margin (內容《半透明部分》與導覽列(上方)之間的距離)  圖上
Variable name – content.padding (內容與檔頭(上方)之間的距離)
Variable name – content.background (內容背景)
Variable name – content.border.radius (內容邊框的圓角)
Variable name – content.shadow.spread
[hadder-padding[5].jpg]
Variable name – header.padding (檔頭文字跟檔頭(左邊)之間的距離) 圖上
Variable name – header.background.gradient (檔頭背景漸變)
Variable name – header.border.radius (檔頭邊框的圓角)


很多blogger都還是使用著舊的範本,只有少數的剛搬家的像是我,才用新範本,新範本跟舊範本不一樣,舊的有好多教學,新的比較少,blogger的CSS又很特別,不仔細閱讀裡面各個代表的還真不知道要怎麼下手,比如說我想要讓我的側邊欄的標題都有背景顏色,我想要以新的範本去做修改,變成自己的…