2014年4月29日 星期二

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

終於發現 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 搜尋文字

17 則留言 :

  1. 現在沒有小貼圖在寫網誌時加入,我現在可用的已收藏很久了!

    回覆刪除
    回覆
    1. 網上很多圖很容易找到新的, 襯到版面就好啦! 新舊都可呀 ...

      刪除
  2. 怪不得你的博甘靚..原來你那麼會搞...
    我就一點不會了...全靠弟弟..如果我想學..可否能讓我叫弟弟來你這裡學??先謝過了.............

    回覆刪除
    回覆
    1. 謝讚先! ^^ 歡迎呀! 文中的資料想問的可問我呀! ^^

      刪除
    2. 要學的話 , 雅姬蘭這裏有好多資料啊!::kk3192

      刪除
  3. 好詳盡, 我會試吓.. 謝謝無私的分享 ! ::vv4040 ::vv4081

    回覆刪除
    回覆
    1. 合用就好了! ::oo2012 五.一愉快!

      刪除
  4. 來這裡...很容易找到你的網,別的網友就不容易到...你整得真好..抵讚...時常上特搜網,這裡反而生疏了,如果我再加入語法,很難...

    回覆刪除
    回覆
    1. 謝讚先! 特搜那邊好像在催俗瀏灠量吧! 見那些編輯落力跟你打招呼呀! ... 網友就該是這裏熱情些

      版面美化隨心做吧, 反正玩版的人確是少了, 我都少寫 ...

      刪除
  5. 版面美化吓無咁單調啊!::kk3090

    回覆刪除
    回覆
    1. 是的! 美美的心情絲絲生起來! ::_348

      刪除
  6. 母親節恩惠快樂呀!!:)

    回覆刪除