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

April 21,2005

新增小貼紙

因為啟用了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以外的瀏覽器也顯示出圖片的說明文字，包括專門為盲人設計的瀏覽器也可順利讀出。

Posted by yoren at 樂多Roodo! │22:50 │回應(5) │引用(0) │站內裝潢
樂多分類：網路/3C 工具：加入樂多書籤│編輯本文
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


回最上方