側欄小工具標題文字、背景

終於發現 blogspot 版面一個比較容易改的部份啦!    兩邊的小工具標題文字、背景一致的色調和背景圖片使版面更清楚易讀, 而且可扮靚!

我版面的語法:

#sidebar-left-1 h2, #sidebar-right-1 h2{padding-top:7px;background:url(http://i642.photobucket.com/albums/uu147/toast1_big/artistry/HeartSidebarB.png) center top no-repeat;height:30px;width:190px;text-align:center;}

說明:

#sidebar-left-1 h2 左邊側欄標題

#sidebar-right-1 h2 右邊側欄標題

padding-top:7px 將文字住下移 7 像素

background:url(http://...) center top no-repeat 背景圖片(網址) 置中 靠頂 不重複

height:30px 高 30像素 (跟圖片資料)

width:190px 闊 190像素 (跟圖片資料)

text-align:center 文字置中



這裏有我自己繪制及引用的小標題圖, 按此打開 :

看圖片網址等資料在圖上按右鍵 ~

FF : 點檢閱圖片資料
IE : 點內容

**測試、制作及編寫下過心機、用了時間**

如引用語法或文章資料請連同我 blog Logo 一拼帶走!

如何貼語法請看這篇：修改型版 Html/Css 搜尋文字