部落格動畫標題圖(39) 2007.12.21

本篇素材來自表韓網BLOG/cola的分享, 主要是提供懶人語法,讓大家有想變就變的HAPPY BLOG !

只提供 單純標題圖+BLOG網頁連結(直接按標題圖可進入部落格) 的語法, 其餘均照你原先設計安排,

請各位使用前務必請先備份其自定樣式原始文字, 再使用提供的語法,請各位留意囉 !

標題圖片左右尺寸大於600PX, 僅適用於定義三個欄位的部落格編排

標題圖片都會提供懶人的語法可直接使用,直到圖片不能用為止, 所以會放原寸圖片提供以備不時之需。

如何使用『自定樣式』增加自己想要的語法  -->橫幅標題

如何使用自定欄位放動畫及文字說明  -->豎卡頭像 (你不用也可以喔 !)  以下放小樣按它可放大參考。

 

想整篇發表引用的網友,只要複製下列語法,進入發表文章後,
先將 觀看HTML 原始碼 打勾,再把語法貼進”空白內容”處,
切記不可預覽,直接發表就可以囉 !
如何使用懶人引用法? 

<p>想另開大畫面欣賞請按 <a href="http://tina123.ic.googlepages.com/1113022223">http://tina123.ic.googlepages.com/1113022223</a></p> <p>&nbsp;</p> <embed src="http://tina123.ic.googlepages.com/1113022223" width="550" height="600"></embed>

 

 

 在管理部落格/面板設定/自訂樣式 所需要的語法: /*部落格自訂格名圖片(部落格名以圖片取代)*/ #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/1220/013.gif) center no-repeat;display:block;float:center;width:966px;height:210px;font-size:0;text-indent:-5000px;overflow:hidden; cursor:pointer; cursor:hand;} #yblogtitle .mbd,#yblogtitle .mft{background: url() no-repeat;}

  (豎卡部份借用自定欄位來放)   <p align=center><img height=400 src="http://i240.photobucket.com/albums/ff40/tina88888888/1220/085.gif" width=120></p>

在管理部落格/面板設定/自訂樣式 所需要的語法: /*部落格自訂格名圖片(部落格名以圖片取代)*/ #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/1220/039.gif) center no-repeat;display:block;float:center;width:955px;height:250px;font-size:0;text-indent:-5000px;overflow:hidden; cursor:pointer; cursor:hand;} #yblogtitle .mbd,#yblogtitle .mft{background: url() no-repeat;}

  (豎卡部份借用自定欄位來放)   <p align=center><img height=363 src="http://i240.photobucket.com/albums/ff40/tina88888888/1220/090.gif" width=120></p>

 

在管理部落格/面板設定/自訂樣式 所需要的語法: /*部落格自訂格名圖片(部落格名以圖片取代)*/ #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/1220/002-1.gif) center no-repeat;display:block;float:center;width:966px;height:210px;font-size:0;text-indent:-5000px;overflow:hidden; cursor:pointer; cursor:hand;} #yblogtitle .mbd,#yblogtitle .mft{background: url() no-repeat;}

  (豎卡部份借用自定欄位來放)   <p align=center><img height=348 src="http://i240.photobucket.com/albums/ff40/tina88888888/1220/106.gif" width=120></p>

 在管理部落格/面板設定/自訂樣式 所需要的語法: /*部落格自訂格名圖片(部落格名以圖片取代)*/ #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/1220/007.gif) center no-repeat;display:block;float:center;width:966px;height:210px;font-size:0;text-indent:-5000px;overflow:hidden; cursor:pointer; cursor:hand;} #yblogtitle .mbd,#yblogtitle .mft{background: url() no-repeat;}

  (豎卡部份借用自定欄位來放)   <p align=center><img height=348 src="http://i240.photobucket.com/albums/ff40/tina88888888/1220/108.gif" width=120></p>

 在管理部落格/面板設定/自訂樣式 所需要的語法: /*部落格自訂格名圖片(部落格名以圖片取代)*/ #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/1220/008.gif) center no-repeat;display:block;float:center;width:966px;height:250px;font-size:0;text-indent:-5000px;overflow:hidden; cursor:pointer; cursor:hand;} #yblogtitle .mbd,#yblogtitle .mft{background: url() no-repeat;}

  (豎卡部份借用自定欄位來放)   <p align=center><img height=309 src="http://i240.photobucket.com/albums/ff40/tina88888888/1220/130.gif" width=120></p>

 在管理部落格/面板設定/自訂樣式 所需要的語法: /*部落格自訂格名圖片(部落格名以圖片取代)*/ #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/1220/003-1.gif) center no-repeat;display:block;float:center;width:966px;height:210px;font-size:0;text-indent:-5000px;overflow:hidden; cursor:pointer; cursor:hand;} #yblogtitle .mbd,#yblogtitle .mft{background: url() no-repeat;}

  (豎卡部份借用自定欄位來放)   <p align=center><img height=318 src="http://i240.photobucket.com/albums/ff40/tina88888888/1220/128.gif" width=120></p>

 在管理部落格/面板設定/自訂樣式 所需要的語法: /*部落格自訂格名圖片(部落格名以圖片取代)*/ #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/1220/004-1.gif) center no-repeat;display:block;float:center;width:966px;height:210px;font-size:0;text-indent:-5000px;overflow:hidden; cursor:pointer; cursor:hand;} #yblogtitle .mbd,#yblogtitle .mft{background: url() no-repeat;}

  (豎卡部份借用自定欄位來放)   <p align=center><img height=348 src="http://i240.photobucket.com/albums/ff40/tina88888888/1220/112.gif" width=120></p>

 在管理部落格/面板設定/自訂樣式 所需要的語法: /*部落格自訂格名圖片(部落格名以圖片取代)*/ #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/1220/005.gif) center no-repeat;display:block;float:center;width:966px;height:210px;font-size:0;text-indent:-5000px;overflow:hidden; cursor:pointer; cursor:hand;} #yblogtitle .mbd,#yblogtitle .mft{background: url() no-repeat;}

  (豎卡部份借用自定欄位來放)   <p align=center><img height=348 src="http://i240.photobucket.com/albums/ff40/tina88888888/1220/097.gif" width=120></p>

 在管理部落格/面板設定/自訂樣式 所需要的語法: /*部落格自訂格名圖片(部落格名以圖片取代)*/ #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/1220/006.gif) center no-repeat;display:block;float:center;width:966px;height:210px;font-size:0;text-indent:-5000px;overflow:hidden; cursor:pointer; cursor:hand;} #yblogtitle .mbd,#yblogtitle .mft{background: url() no-repeat;}

  (豎卡部份借用自定欄位來放)   <p align=center><img height=332 src="http://i240.photobucket.com/albums/ff40/tina88888888/1220/126.gif" width=120></p> 

 在管理部落格/面板設定/自訂樣式 所需要的語法: /*部落格自訂格名圖片(部落格名以圖片取代)*/ #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/1220/009.gif) center no-repeat;display:block;float:center;width:966px;height:210px;font-size:0;text-indent:-5000px;overflow:hidden; cursor:pointer; cursor:hand;} #yblogtitle .mbd,#yblogtitle .mft{background: url() no-repeat;}

  (豎卡部份借用自定欄位來放)   <p align=center><img height=373 src="http://i240.photobucket.com/albums/ff40/tina88888888/1220/088.gif" width=120></p> 

 在管理部落格/面板設定/自訂樣式 所需要的語法: /*部落格自訂格名圖片(部落格名以圖片取代)*/ #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/1220/010.gif) center no-repeat;display:block;float:center;width:966px;height:210px;font-size:0;text-indent:-5000px;overflow:hidden; cursor:pointer; cursor:hand;} #yblogtitle .mbd,#yblogtitle .mft{background: url() no-repeat;}

  (豎卡部份借用自定欄位來放)   <p align=center><img height=346 src="http://i240.photobucket.com/albums/ff40/tina88888888/1220/119.gif" width=120></p> 

 在管理部落格/面板設定/自訂樣式 所需要的語法: /*部落格自訂格名圖片(部落格名以圖片取代)*/ #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/1220/011.gif) center no-repeat;display:block;float:center;width:966px;height:210px;font-size:0;text-indent:-5000px;overflow:hidden; cursor:pointer; cursor:hand;} #yblogtitle .mbd,#yblogtitle .mft{background: url() no-repeat;}

  (豎卡部份借用自定欄位來放)   <p align=center><img height=348 src="http://i240.photobucket.com/albums/ff40/tina88888888/1220/113.gif" width=120></p> 

 在管理部落格/面板設定/自訂樣式 所需要的語法: /*部落格自訂格名圖片(部落格名以圖片取代)*/ #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/1220/012.gif) center no-repeat;display:block;float:center;width:966px;height:210px;font-size:0;text-indent:-5000px;overflow:hidden; cursor:pointer; cursor:hand;} #yblogtitle .mbd,#yblogtitle .mft{background: url() no-repeat;}

  (豎卡部份借用自定欄位來放)   <p align=center><img height=332 src="http://i240.photobucket.com/albums/ff40/tina88888888/1220/124.gif" width=120></p> 

 

 在管理部落格/面板設定/自訂樣式 所需要的語法: /*部落格自訂格名圖片(部落格名以圖片取代)*/ #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/1220/014.gif) center no-repeat;display:block;float:center;width:966px;height:210px;font-size:0;text-indent:-5000px;overflow:hidden; cursor:pointer; cursor:hand;} #yblogtitle .mbd,#yblogtitle .mft{background: url() no-repeat;}

 (豎卡部份借用自定欄位來放)   <p align=center><img height=400 src="http://i240.photobucket.com/albums/ff40/tina88888888/1220/078.gif" width=120></p>

/*部落格自訂格名圖片(部落格名以圖片取代)*/ #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/1220/015.gif) center no-repeat;display:block;float:center;width:966px;height:210px;font-size:0;text-indent:-5000px;overflow:hidden; cursor:pointer; cursor:hand;} #yblogtitle .mbd,#yblogtitle .mft{background: url() no-repeat;}

 (豎卡部份借用自定欄位來放)   <p align=center><img height=348 src="http://i240.photobucket.com/albums/ff40/tina88888888/1220/109.gif" width=120></p> 

 在管理部落格/面板設定/自訂樣式 所需要的語法: /*部落格自訂格名圖片(部落格名以圖片取代)*/ #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/1220/016.gif) center no-repeat;display:block;float:center;width:966px;height:210px;font-size:0;text-indent:-5000px;overflow:hidden; cursor:pointer; cursor:hand;} #yblogtitle .mbd,#yblogtitle .mft{background: url() no-repeat;}

(豎卡部份借用自定欄位來放)   <p align=center><img height=356 src="http://i240.photobucket.com/albums/ff40/tina88888888/1220/092.gif" width=120></p> 

 在管理部落格/面板設定/自訂樣式 所需要的語法: /*部落格自訂格名圖片(部落格名以圖片取代)*/ #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/1220/017.gif) center no-repeat;display:block;float:center;width:966px;height:210px;font-size:0;text-indent:-5000px;overflow:hidden; cursor:pointer; cursor:hand;} #yblogtitle .mbd,#yblogtitle .mft{background: url() no-repeat;}

  (豎卡部份借用自定欄位來放)   <p align=center><img height=348 src="http://i240.photobucket.com/albums/ff40/tina88888888/1220/092.gif" width=120></p> 

 在管理部落格/面板設定/自訂樣式 所需要的語法: /*部落格自訂格名圖片(部落格名以圖片取代)*/ #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/1220/018.gif) center no-repeat;display:block;float:center;width:966px;height:210px;font-size:0;text-indent:-5000px;overflow:hidden; cursor:pointer; cursor:hand;} #yblogtitle .mbd,#yblogtitle .mft{background: url() no-repeat;}

  (豎卡部份借用自定欄位來放)   <p align=center><img height=425 src="http://i240.photobucket.com/albums/ff40/tina88888888/1220/075.gif" width=120></p> 

在管理部落格/面板設定/自訂樣式 所需要的語法: /*部落格自訂格名圖片(部落格名以圖片取代)*/ #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/1220/019.gif) center no-repeat;display:block;float:center;width:966px;height:210px;font-size:0;text-indent:-5000px;overflow:hidden; cursor:pointer; cursor:hand;} #yblogtitle .mbd,#yblogtitle .mft{background: url() no-repeat;}

  (豎卡部份借用自定欄位來放)   <p align=center><img height=336 src="http://i240.photobucket.com/albums/ff40/tina88888888/1220/123.gif" width=120></p>

在管理部落格/面板設定/自訂樣式 所需要的語法: /*部落格自訂格名圖片(部落格名以圖片取代)*/ #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/1220/020.gif) center no-repeat;display:block;float:center;width:966px;height:210px;font-size:0;text-indent:-5000px;overflow:hidden; cursor:pointer; cursor:hand;} #yblogtitle .mbd,#yblogtitle .mft{background: url() no-repeat;}

  (豎卡部份借用自定欄位來放)   <p align=center><img height=309 src="http://i240.photobucket.com/albums/ff40/tina88888888/1220/129.gif" width=120></p>