<< 當我們Blog在一起 | 回blog首頁 | Kalsey Consulting Group的貼紙製造機 >>

April 21,2005 22:50

新增小貼紙

因為啟用了Oui-Blog和FeedBurner的服務，所以在首頁的左下角新增了stickers區，來放這兩張小貼紙。

基本上這兩張小貼紙的圖片和連結語法，都是取自該網站。但我也做了適度的調整，包括修改了img標籤，還有為它們套用了CSS樣式。
原始碼如下：
<div class="syndicate">
<a href="http://www.oui-blog.com/"><img src="http://www.oui-blog.com/images/ouiblog_8015.png" border="0" title="當我們Blog在一起"></a></div>
<div class="syndicate">
<a href="http://feeds.feedburner.com/IdeaGrapes" title="Subscribe to my feed"><img src="http://www.feedburner.com/fb/images/pub/fbapix.gif"style="border:0"/></a></div>


說明：
  1. 加上div標籤，並設定樣式為syndicate：

    2. div標籤的作用在於創建一個獨立的區塊，利用查看原始碼的方式，得知summer樣式為貼紙們預設了一個syndicate樣式，用來套用在div標籤裡。

  2. 為img加上title屬性：
    3. 使用title屬性可以在IE以外的瀏覽器也顯示出圖片的說明文字，包括專門為盲人設計的瀏覽器也可順利讀出。

    • 您可能有興趣的文章：

    更換banner圖片：Edward Hopper - The Lee Shore
    << 當我們Blog在一起 | 回blog首頁 | Kalsey Consulting Group的貼紙製造機 >>
    yoren 發表於樂多 │回應(5) │引用(0) │站內裝潢 │編輯本文
    樂多分類：網路/3C │昨日人次：0 │累計人次：92
    Ads by Roodo! 

    引用URL

    http://cgi.blog.roodo.com/trackback/87250

    回應文章
    無
    | 檢舉 | Posted by 蘇慧慧 at August 3,2007 18:17

    不錯喇=ˇ=
    | 檢舉 | Posted by 咆"咩 at May 18,2009 17:19

    不錯喇=ˇ=
    | 檢舉 | Posted by 咆"咩 at May 18,2009 17:19

    不錯喇=ˇ=
    | 檢舉 | Posted by 咆"咩 at May 18,2009 17:19

    不錯喇=ˇ=
    | 檢舉 | Posted by 咆"咩 at May 18,2009 17:19


    回最上方