部落格動畫標題圖(28) 2007.11.11

本篇素材來自韓網blog/COLA , 而且是橫豎整套的設計,如下所示:

本篇提供單純豎卡自定欄位+標題圖+BLOG網頁連結(直接按標題圖可進入部落格) 語法,

其餘均照你原先設計安排,請各位使用前務必請先備份其自定樣式原始文字, 再使用提供的語法,請各位留意囉 !

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

 

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

由於語法有用到透明度目前奇摩部落格只能適用於IE瀏覽器, 用Mozilla Firefox來看會破功啊  ! 想哭...

 

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

如何使用自定欄位放動畫及文字說明  -->豎卡頭像 (你不用也可以喔 !)

想整篇發表引用的網友,只要複製下列語法,進入發表文章後,
先將 觀看HTML 原始碼 打勾,再把語法貼進”空白內容”處,
切記不可預覽,直接發表就可以囉 !如何使用懶人引用法? <embed src="http://tina123.ic.googlepages.com/110801232" width="550" height="600"></embed>

後記 : 2007.11.24 語法補充

 Firefox 瀏覽器看奇摩BLOG的透明問題   / 請自行在自定樣式後方加上以下這段語法才不會破功 !!

  /*使用Firefox 瀏覽器時的透明語法_標題*/
#yblogtitle .mbd,#yblogtitle .mft{background: url() no-repeat;}

 

/*部落格自訂格名圖片(部落格名以圖片取代)*/ #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/cola11/2510.gif) center no-repeat;display:block;float:center;width:955px;height:210px;font-size:0;text-indent:-5000px;overflow:hidden; cursor:pointer; cursor:hand;}

(豎卡部份借用自定欄位來放)

<p align=center><img height=348 src="http://i240.photobucket.com/albums/ff40/tina88888888/cola11/2511.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/cola11/2490.gif) center no-repeat;display:block;float:center;width:955px;height:210px;font-size:0;text-indent:-5000px;overflow:hidden; cursor:pointer; cursor:hand;}

(豎卡部份借用自定欄位來放)

<p align=center><img height=348 src="http://i240.photobucket.com/albums/ff40/tina88888888/cola11/2491.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/cola11/001.gif) center no-repeat;display:block;float:center;width:961px;height:209px;font-size:0;text-indent:-5000px;overflow:hidden; cursor:pointer; cursor:hand;}

(豎卡部份借用自定欄位來放)

<p align=center><img height=348 src="http://i240.photobucket.com/albums/ff40/tina88888888/cola11/001A.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/cola11/2610.gif) center no-repeat;display:block;float:center;width:948px;height:149px;font-size:0;text-indent:-5000px;overflow:hidden; cursor:pointer; cursor:hand;}

(豎卡部份借用自定欄位來放)

<p align=center><img height=348 src="http://i240.photobucket.com/albums/ff40/tina88888888/cola11/2611.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/cola11/2600.gif) center no-repeat;display:block;float:center;width:955px;height:210px;font-size:0;text-indent:-5000px;overflow:hidden; cursor:pointer; cursor:hand;}

(豎卡部份借用自定欄位來放)

<p align=center><img height=348 src="http://i240.photobucket.com/albums/ff40/tina88888888/cola11/2601.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/cola11/2590.gif) center no-repeat;display:block;float:center;width:955px;height:210px;font-size:0;text-indent:-5000px;overflow:hidden; cursor:pointer; cursor:hand;}

(豎卡部份借用自定欄位來放)

<p align=center><img height=348 src="http://i240.photobucket.com/albums/ff40/tina88888888/cola11/2591.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/cola11/2580.gif) center no-repeat;display:block;float:center;width:955px;height:210px;font-size:0;text-indent:-5000px;overflow:hidden; cursor:pointer; cursor:hand;}

(豎卡部份借用自定欄位來放)

<p align=center><img height=348 src="http://i240.photobucket.com/albums/ff40/tina88888888/cola11/2581.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/cola11/2570.gif) center no-repeat;display:block;float:center;width:955px;height:210px;font-size:0;text-indent:-5000px;overflow:hidden; cursor:pointer; cursor:hand;}

(豎卡部份借用自定欄位來放)

<p align=center><img height=348 src="http://i240.photobucket.com/albums/ff40/tina88888888/cola11/2571.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/cola11/2560.gif) center no-repeat;display:block;float:center;width:955px;height:210px;font-size:0;text-indent:-5000px;overflow:hidden; cursor:pointer; cursor:hand;}

(豎卡部份借用自定欄位來放)

<p align=center><img height=348 src="http://i240.photobucket.com/albums/ff40/tina88888888/cola11/2561.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/cola11/2550.gif) center no-repeat;display:block;float:center;width:955px;height:210px;font-size:0;text-indent:-5000px;overflow:hidden; cursor:pointer; cursor:hand;}

(豎卡部份借用自定欄位來放)

<p align=center><img height=348 src="http://i240.photobucket.com/albums/ff40/tina88888888/cola11/2551.gif" width=120></p>