自定義背景的部落格時鐘小物
啊! 我一直想換成簡約風, 重整範本讓載入能夠非常流暢又具有未來感, 並移除"多餘"的物件. 離題了...
採用分享網站的小玩意有個遺憾, 那就是樣式制式;雖然樣式很多可供選擇. 如能自訂背景應該很有趣! Flash小物經由轉檔成HTML5之後有個好處, 可利用簡單的Html新增背景; 而且方便修改. 個人化的訴求與方便修改內容是Html的優點.
以部落格時鐘為例, 首先要確定背景可移除, 請見舊文 HTML5背景透明的設定
Step 1. 製作一個同物件尺寸的背景, 如個人照片或喜愛的圖形. 當然, 懂得尺寸縮放語法的網友無須在意背景尺寸的限制.
Step 2. 在物件背景透明的狀態下, 修改內嵌網頁的背景語法即可.
<iframe style="background:url(圖片網址) no-repeat;" allowtransparency="true" border="0" frameborder="0" height="200" scrolling="no" src="物件網址" width="200"></iframe>
我很想依照往例一樣多做幾個分享給好友, 最近真的太忙了!
趁著元宵節搭個新年末班車趕緊發篇文章, 有機會再推出可強調背景的新款.
這裡分享一個範例, 請自行下載至個人空間.
原版與自訂背景版的示範 :
