新增小貼紙
因為啟用了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>
說明:
- 加上div標籤,並設定樣式為syndicate:
- 為img加上title屬性:
div標籤的作用在於創建一個獨立的區塊,利用查看原始碼的方式,得知summer樣式為貼紙們預設了一個syndicate樣式,用來套用在div標籤裡。
使用title屬性可以在IE以外的瀏覽器也顯示出圖片的說明文字,包括專門為盲人設計的瀏覽器也可順利讀出。

