整套懶人用的部落格動畫標題圖素材, 來看看是否有你想要的 ? !
想另開大畫面欣賞請按http://tina123.ic.googlepages.com/11130222
本篇素材來自表韓網BLOG/COLA的分享, 主要是提供懶人語法,讓大家有想變就變的HAPPY BLOG !
只提供 單純標題圖+BLOG網頁連結(直接按標題圖可進入部落格) 的語法, 其餘均照你原先設計安排,
請各位使用前務必請先備份其自定樣式原始文字, 再使用提供的語法,請各位留意囉 !
標題圖片左右尺寸大於600PX, 僅適用於定義三個欄位的部落格編排。
標題圖片都會提供懶人的語法可直接使用,直到圖片不能用為止, 所以會放原寸圖片提供以備不時之需。
由於語法有用到透明度目前奇摩部落格只能適用於IE瀏覽器, 用Mozilla Firefox來看會破功啊 ! 想哭...
如何使用『自定樣式』增加自己想要的語法 -->橫幅標題
如何使用自定欄位放動畫及文字說明 -->豎卡頭像 (你不用也可以喔 !)
想整篇發表引用的網友,只要複製下列語法,進入發表文章後,
先將 觀看HTML 原始碼 打勾,再把語法貼進”空白內容”處,
切記不可預覽,直接發表就可以囉 !如何使用懶人引用法?
<embed src="http://tina123.ic.googlepages.com/11130222" width="550" height="600"></embed>
後記 : 2007.11.24 語法補充
Firefox 瀏覽器看奇摩BLOG的透明問題 / 請自行在自定樣式後方加上以下這段語法才不會破功 !!
/*使用Firefox 瀏覽器時的透明語法_標題*/
#yblogtitle .mbd,#yblogtitle .mft{background: url() no-repeat;}
你可以按右鍵另存到你的電腦, 再上傳你可以放GIF的網路相簿。在管理部落格/面板設定/自訂樣式 所需要的語法: /*部落格自訂格名圖片(部落格名以圖片取代)*/ #yblogtitle .edit {display:none;} #yblogtitle .mbd{text-align:center} #yblogtitle .rctop,#yblogtitle .rctop div,#yblogtitle .rcl,#yblogtitle .rcr,#yblogtitle .rcbtm,#yblogtitle .rcbtm div{zoom:1;filter:alpha(opacity:0)} #yblogtitle .thd h1 {background:url(http://i240.photobucket.com/albums/ff40/tina88888888/COLA1115/C001.gif) center no-repeat;display:block;float:center;width:966px;height:210px;font-size:0;text-indent:-5000px;overflow:hidden; cursor:pointer; cursor:hand;}
(豎卡部份借用自定欄位來放) <p align=center><img height=330 src="http://i240.photobucket.com/albums/ff40/tina88888888/COLA1115/C002.gif" width=120></p>
你可以按右鍵另存到你的電腦, 再上傳你可以放GIF的網路相簿。在管理部落格/面板設定/自訂樣式 所需要的語法: /*部落格自訂格名圖片(部落格名以圖片取代)*/ #yblogtitle .edit {display:none;} #yblogtitle .mbd{text-align:center} #yblogtitle .rctop,#yblogtitle .rctop div,#yblogtitle .rcl,#yblogtitle .rcr,#yblogtitle .rcbtm,#yblogtitle .rcbtm div{zoom:1;filter:alpha(opacity:0)} #yblogtitle .thd h1 {background:url(http://i240.photobucket.com/albums/ff40/tina88888888/COLA1115/C003.gif) center no-repeat;display:block;float:center;width:966px;height:210px;font-size:0;text-indent:-5000px;overflow:hidden; cursor:pointer; cursor:hand;}(豎卡部份借用自定欄位來放) <p align=center><img height=340 src="http://i240.photobucket.com/albums/ff40/tina88888888/COLA1115/C004.gif" width=120></p>
你可以按右鍵另存到你的電腦, 再上傳你可以放GIF的網路相簿。在管理部落格/面板設定/自訂樣式 所需要的語法: /*部落格自訂格名圖片(部落格名以圖片取代)*/ #yblogtitle .edit {display:none;} #yblogtitle .mbd{text-align:center} #yblogtitle .rctop,#yblogtitle .rctop div,#yblogtitle .rcl,#yblogtitle .rcr,#yblogtitle .rcbtm,#yblogtitle .rcbtm div{zoom:1;filter:alpha(opacity:0)} #yblogtitle .thd h1 {background:url(http://i240.photobucket.com/albums/ff40/tina88888888/COLA1115/C012.gif) center no-repeat;display:block;float:center;width:966px;height:210px;font-size:0;text-indent:-5000px;overflow:hidden; cursor:pointer; cursor:hand;}
(豎卡部份借用自定欄位來放) <p align=center><img height=373 src="http://i240.photobucket.com/albums/ff40/tina88888888/COLA1115/C011.gif" width=120></p>你可以按右鍵另存到你的電腦, 再上傳你可以放GIF的網路相簿。在管理部落格/面板設定/自訂樣式 所需要的語法: /*部落格自訂格名圖片(部落格名以圖片取代)*/ #yblogtitle .edit {display:none;} #yblogtitle .mbd{text-align:center} #yblogtitle .rctop,#yblogtitle .rctop div,#yblogtitle .rcl,#yblogtitle .rcr,#yblogtitle .rcbtm,#yblogtitle .rcbtm div{zoom:1;filter:alpha(opacity:0)} #yblogtitle .thd h1 {background:url(http://i240.photobucket.com/albums/ff40/tina88888888/COLA1115/C006.gif) center no-repeat;display:block;float:center;width:966px;height:210px;font-size:0;text-indent:-5000px;overflow:hidden; cursor:pointer; cursor:hand;}
(豎卡部份借用自定欄位來放) <p align=center><img height=325 src="http://i240.photobucket.com/albums/ff40/tina88888888/COLA1115/C005.gif" width=120></p>你可以按右鍵另存到你的電腦, 再上傳你可以放GIF的網路相簿。在管理部落格/面板設定/自訂樣式 所需要的語法: /*部落格自訂格名圖片(部落格名以圖片取代)*/ #yblogtitle .edit {display:none;} #yblogtitle .mbd{text-align:center} #yblogtitle .rctop,#yblogtitle .rctop div,#yblogtitle .rcl,#yblogtitle .rcr,#yblogtitle .rcbtm,#yblogtitle .rcbtm div{zoom:1;filter:alpha(opacity:0)} #yblogtitle .thd h1 {background:url(http://i240.photobucket.com/albums/ff40/tina88888888/COLA1115/C008.gif) center no-repeat;display:block;float:center;width:966px;height:210px;font-size:0;text-indent:-5000px;overflow:hidden; cursor:pointer; cursor:hand;}
(豎卡部份借用自定欄位來放) <p align=center><img height=363 src="http://i240.photobucket.com/albums/ff40/tina88888888/COLA1115/C007.gif" width=120></p>
你可以按右鍵另存到你的電腦, 再上傳你可以放GIF的網路相簿。在管理部落格/面板設定/自訂樣式 所需要的語法: /*部落格自訂格名圖片(部落格名以圖片取代)*/ #yblogtitle .edit {display:none;} #yblogtitle .mbd{text-align:center} #yblogtitle .rctop,#yblogtitle .rctop div,#yblogtitle .rcl,#yblogtitle .rcr,#yblogtitle .rcbtm,#yblogtitle .rcbtm div{zoom:1;filter:alpha(opacity:0)} #yblogtitle .thd h1 {background:url(http://i240.photobucket.com/albums/ff40/tina88888888/COLA1115/C009.gif) center no-repeat;display:block;float:center;width:966px;height:210px;font-size:0;text-indent:-5000px;overflow:hidden; cursor:pointer; cursor:hand;}
(豎卡部份借用自定欄位來放) <p align=center><img height=339 src="http://i240.photobucket.com/albums/ff40/tina88888888/COLA1115/C010.gif" width=120></p>你可以按右鍵另存到你的電腦, 再上傳你可以放GIF的網路相簿。在管理部落格/面板設定/自訂樣式 所需要的語法:
/*部落格自訂格名圖片(部落格名以圖片取代)*/ #yblogtitle .edit {display:none;} #yblogtitle .mbd{text-align:center} #yblogtitle .rctop,#yblogtitle .rctop div,#yblogtitle .rcl,#yblogtitle .rcr,#yblogtitle .rcbtm,#yblogtitle .rcbtm div{zoom:1;filter:alpha(opacity:0)} #yblogtitle .thd h1 {background:url(http://i240.photobucket.com/albums/ff40/tina88888888/COLA1115/C013.gif) center no-repeat;display:block;float:center;width:966px;height:210px;font-size:0;text-indent:-5000px;overflow:hidden; cursor:pointer; cursor:hand;}
(豎卡部份借用自定欄位來放) <p align=center><img height=346 src="http://i240.photobucket.com/albums/ff40/tina88888888/COLA1115/C014.gif" width=120></p>你可以按右鍵另存到你的電腦, 再上傳你可以放GIF的網路相簿。在管理部落格/面板設定/自訂樣式 所需要的語法: /*部落格自訂格名圖片(部落格名以圖片取代)*/ #yblogtitle .edit {display:none;} #yblogtitle .mbd{text-align:center} #yblogtitle .rctop,#yblogtitle .rctop div,#yblogtitle .rcl,#yblogtitle .rcr,#yblogtitle .rcbtm,#yblogtitle .rcbtm div{zoom:1;filter:alpha(opacity:0)} #yblogtitle .thd h1 {background:url(http://i240.photobucket.com/albums/ff40/tina88888888/COLA1115/C016.gif) center no-repeat;display:block;float:center;width:966px;height:210px;font-size:0;text-indent:-5000px;overflow:hidden; cursor:pointer; cursor:hand;}
(豎卡部份借用自定欄位來放) <p align=center><img height=323 src="http://i240.photobucket.com/albums/ff40/tina88888888/COLA1115/C015.gif" width=120></p>
你可以按右鍵另存到你的電腦, 再上傳你可以放GIF的網路相簿。在管理部落格/面板設定/自訂樣式 所需要的語法: /*部落格自訂格名圖片(部落格名以圖片取代)*/ #yblogtitle .edit {display:none;} #yblogtitle .mbd{text-align:center} #yblogtitle .rctop,#yblogtitle .rctop div,#yblogtitle .rcl,#yblogtitle .rcr,#yblogtitle .rcbtm,#yblogtitle .rcbtm div{zoom:1;filter:alpha(opacity:0)} #yblogtitle .thd h1 {background:url(http://i240.photobucket.com/albums/ff40/tina88888888/COLA1115/C018.gif) center no-repeat;display:block;float:center;width:966px;height:210px;font-size:0;text-indent:-5000px;overflow:hidden; cursor:pointer; cursor:hand;}
(豎卡部份借用自定欄位來放) <p align=center><img height=325 src="http://i240.photobucket.com/albums/ff40/tina88888888/COLA1115/C017.gif" width=120></p>
你可以按右鍵另存到你的電腦, 再上傳你可以放GIF的網路相簿。在管理部落格/面板設定/自訂樣式 所需要的語法: /*部落格自訂格名圖片(部落格名以圖片取代)*/ #yblogtitle .edit {display:none;} #yblogtitle .mbd{text-align:center} #yblogtitle .rctop,#yblogtitle .rctop div,#yblogtitle .rcl,#yblogtitle .rcr,#yblogtitle .rcbtm,#yblogtitle .rcbtm div{zoom:1;filter:alpha(opacity:0)} #yblogtitle .thd h1 {background:url(http://i240.photobucket.com/albums/ff40/tina88888888/COLA1115/C020.gif) center no-repeat;display:block;float:center;width:966px;height:210px;font-size:0;text-indent:-5000px;overflow:hidden; cursor:pointer; cursor:hand;}
(豎卡部份借用自定欄位來放) <p align=center><img height=332 src="http://i240.photobucket.com/albums/ff40/tina88888888/COLA1115/C019.gif" width=120></p>你可以按右鍵另存到你的電腦, 再上傳你可以放GIF的網路相簿。在管理部落格/面板設定/自訂樣式 所需要的語法: /*部落格自訂格名圖片(部落格名以圖片取代)*/ #yblogtitle .edit {display:none;} #yblogtitle .mbd{text-align:center} #yblogtitle .rctop,#yblogtitle .rctop div,#yblogtitle .rcl,#yblogtitle .rcr,#yblogtitle .rcbtm,#yblogtitle .rcbtm div{zoom:1;filter:alpha(opacity:0)} #yblogtitle .thd h1 {background:url(http://i240.photobucket.com/albums/ff40/tina88888888/COLA1115/C022.gif) center no-repeat;display:block;float:center;width:966px;height:210px;font-size:0;text-indent:-5000px;overflow:hidden; cursor:pointer; cursor:hand;}
(豎卡部份借用自定欄位來放) <p align=center><img height=366 src="http://i240.photobucket.com/albums/ff40/tina88888888/COLA1115/C021.gif" width=120></p>你可以按右鍵另存到你的電腦, 再上傳你可以放GIF的網路相簿。在管理部落格/面板設定/自訂樣式 所需要的語法: /*部落格自訂格名圖片(部落格名以圖片取代)*/ #yblogtitle .edit {display:none;} #yblogtitle .mbd{text-align:center} #yblogtitle .rctop,#yblogtitle .rctop div,#yblogtitle .rcl,#yblogtitle .rcr,#yblogtitle .rcbtm,#yblogtitle .rcbtm div{zoom:1;filter:alpha(opacity:0)} #yblogtitle .thd h1 {background:url(http://i240.photobucket.com/albums/ff40/tina88888888/COLA1115/C025.gif) center no-repeat;display:block;float:center;width:966px;height:210px;font-size:0;text-indent:-5000px;overflow:hidden; cursor:pointer; cursor:hand;}
(豎卡部份借用自定欄位來放) <p align=center><img height=316 src="http://i240.photobucket.com/albums/ff40/tina88888888/COLA1115/C024.gif" width=120></p>
你可以按右鍵另存到你的電腦, 再上傳你可以放GIF的網路相簿。在管理部落格/面板設定/自訂樣式 所需要的語法: /*部落格自訂格名圖片(部落格名以圖片取代)*/ #yblogtitle .edit {display:none;} #yblogtitle .mbd{text-align:center} #yblogtitle .rctop,#yblogtitle .rctop div,#yblogtitle .rcl,#yblogtitle .rcr,#yblogtitle .rcbtm,#yblogtitle .rcbtm div{zoom:1;filter:alpha(opacity:0)} #yblogtitle .thd h1 {background:url(http://i240.photobucket.com/albums/ff40/tina88888888/COLA1115/C102.gif) center no-repeat;display:block;float:center;width:966px;height:210px;font-size:0;text-indent:-5000px;overflow:hidden; cursor:pointer; cursor:hand;}
(豎卡部份借用自定欄位來放) <p align=center><img height=325 src="http://i240.photobucket.com/albums/ff40/tina88888888/COLA1115/C060.gif" width=120></p>你可以按右鍵另存到你的電腦, 再上傳你可以放GIF的網路相簿。在管理部落格/面板設定/自訂樣式 所需要的語法: /*部落格自訂格名圖片(部落格名以圖片取代)*/ #yblogtitle .edit {display:none;} #yblogtitle .mbd{text-align:center} #yblogtitle .rctop,#yblogtitle .rctop div,#yblogtitle .rcl,#yblogtitle .rcr,#yblogtitle .rcbtm,#yblogtitle .rcbtm div{zoom:1;filter:alpha(opacity:0)} #yblogtitle .thd h1 {background:url(http://i240.photobucket.com/albums/ff40/tina88888888/COLA1115/C064.gif) center no-repeat;display:block;float:center;width:966px;height:210px;font-size:0;text-indent:-5000px;overflow:hidden; cursor:pointer; cursor:hand;}
(豎卡部份借用自定欄位來放) <p align=center><img height=324 src="http://i240.photobucket.com/albums/ff40/tina88888888/COLA1115/C063.gif" width=120></p>
你可以按右鍵另存到你的電腦, 再上傳你可以放GIF的網路相簿。在管理部落格/面板設定/自訂樣式 所需要的語法: /*部落格自訂格名圖片(部落格名以圖片取代)*/ #yblogtitle .edit {display:none;} #yblogtitle .mbd{text-align:center} #yblogtitle .rctop,#yblogtitle .rctop div,#yblogtitle .rcl,#yblogtitle .rcr,#yblogtitle .rcbtm,#yblogtitle .rcbtm div{zoom:1;filter:alpha(opacity:0)} #yblogtitle .thd h1 {background:url(http://i240.photobucket.com/albums/ff40/tina88888888/COLA1115/C052.gif) center no-repeat;display:block;float:center;width:966px;height:210px;font-size:0;text-indent:-5000px;overflow:hidden; cursor:pointer; cursor:hand;}
(豎卡部份借用自定欄位來放) <p align=center><img height=320 src="http://i240.photobucket.com/albums/ff40/tina88888888/COLA1115/C053.gif" width=120></p>