變的HAPPY BLOG !


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


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


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


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


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


如何使用『自定樣式』增加自己想要的語法  


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



後記 : 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/248/156.gif) center no-repeat;display:block;float:center;width:960px;height:140px;font-size:0;text-indent:-5000px;overflow:hidden; cursor:pointer; cursor:hand;}











你可以按右鍵另存到你的電腦, 再上傳你可以放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/248/155.gif) center no-repeat;display:block;float:center;width:960px;height:140px;font-size:0;text-indent:-5000px;overflow:hidden; cursor:pointer; cursor:hand;}










你可以按右鍵另存到你的電腦, 再上傳你可以放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/248/154.jpg) center no-repeat;display:block;float:center;width:960px;height:140px;font-size:0;text-indent:-5000px;overflow:hidden; cursor:pointer; cursor:hand;}





你可以按右鍵另存到你的電腦, 再上傳你可以放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/248/157.gif) center no-repeat;display:block;float:center;width:960px;height:140px;font-size:0;text-indent:-5000px;overflow:hidden; cursor:pointer; cursor:hand;}











你可以按右鍵另存到你的電腦, 再上傳你可以放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/248/158.gif) center no-repeat;display:block;float:center;width:960px;height:140px;font-size:0;text-indent:-5000px;overflow:hidden; cursor:pointer; cursor:hand;}











你可以按右鍵另存到你的電腦, 再上傳你可以放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/248/159.gif) center no-repeat;display:block;float:center;width:960px;height:140px;font-size:0;text-indent:-5000px;overflow:hidden; cursor:pointer; cursor:hand;}





你可以按右鍵另存到你的電腦, 再上傳你可以放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/248/160.gif) center no-repeat;display:block;float:center;width:960px;height:140px;font-size:0;text-indent:-5000px;overflow:hidden; cursor:pointer; cursor:hand;}











你可以按右鍵另存到你的電腦, 再上傳你可以放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/248/161.jpg) center no-repeat;display:block;float:center;width:960px;height:140px;font-size:0;text-indent:-5000px;overflow:hidden; cursor:pointer; cursor:hand;}









你可以按右鍵另存到你的電腦, 再上傳你可以放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/248/162.gif) center no-repeat;display:block;float:center;width:960px;height:140px;font-size:0;text-indent:-5000px;overflow:hidden; cursor:pointer; cursor:hand;}











你可以按右鍵另存到你的電腦, 再上傳你可以放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/248/163.gif) center no-repeat;display:block;float:center;width:960px;height:140px;font-size:0;text-indent:-5000px;overflow:hidden; cursor:pointer; cursor:hand;}





你可以按右鍵另存到你的電腦, 再上傳你可以放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/248/164.gif) center no-repeat;display:block;float:center;width:960px;height:140px;font-size:0;text-indent:-5000px;overflow:hidden; cursor:pointer; cursor:hand;}





你可以按右鍵另存到你的電腦, 再上傳你可以放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/248/165.gif) center no-repeat;display:block;float:center;width:960px;height:140px;font-size:0;text-indent:-5000px;overflow:hidden; cursor:pointer; cursor:hand;}





你可以按右鍵另存到你的電腦, 再上傳你可以放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/248/166.gif) center no-repeat;display:block;float:center;width:960px;height:140px;font-size:0;text-indent:-5000px;overflow:hidden; cursor:pointer; cursor:hand;}





你可以按右鍵另存到你的電腦, 再上傳你可以放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/248/167.gif) center no-repeat;display:block;float:center;width:960px;height:140px;font-size:0;text-indent:-5000px;overflow:hidden; cursor:pointer; cursor:hand;}





你可以按右鍵另存到你的電腦, 再上傳你可以放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/248/168.jpg) center no-repeat;display:block;float:center;width:960px;height:140px;font-size:0;text-indent:-5000px;overflow:hidden; cursor:pointer; cursor:hand;}





你可以按右鍵另存到你的電腦, 再上傳你可以放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/248/169.gif) center no-repeat;display:block;float:center;width:960px;height:140px;font-size:0;text-indent:-5000px;overflow:hidden; cursor:pointer; cursor:hand;}





你可以按右鍵另存到你的電腦, 再上傳你可以放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/248/170.gif) center no-repeat;display:block;float:center;width:960px;height:140px;font-size:0;text-indent:-5000px;overflow:hidden; cursor:pointer; cursor:hand;}





你可以按右鍵另存到你的電腦, 再上傳你可以放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/248/171.jpg) center no-repeat;display:block;float:center;width:960px;height:140px;font-size:0;text-indent:-5000px;overflow:hidden; cursor:pointer; cursor:hand;}





你可以按右鍵另存到你的電腦, 再上傳你可以放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/248/172.gif) center no-repeat;display:block;float:center;width:960px;height:140px;font-size:0;text-indent:-5000px;overflow:hidden; cursor:pointer; cursor:hand;}





你可以按右鍵另存到你的電腦, 再上傳你可以放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/248/173.gif) center no-repeat;display:block;float:center;width:960px;height:140px;font-size:0;text-indent:-5000px;overflow:hidden; cursor:pointer; cursor:hand;}





你可以按右鍵另存到你的電腦, 再上傳你可以放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/248/174.gif) center no-repeat;display:block;float:center;width:960px;height:140px;font-size:0;text-indent:-5000px;overflow:hidden; cursor:pointer; cursor:hand;}





你可以按右鍵另存到你的電腦, 再上傳你可以放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/248/176.gif) center no-repeat;display:block;float:center;width:960px;height:140px;font-size:0;text-indent:-5000px;overflow:hidden; cursor:pointer; cursor:hand;}





你可以按右鍵另存到你的電腦, 再上傳你可以放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/248/177.gif) center no-repeat;display:block;float:center;width:960px;height:140px;font-size:0;text-indent:-5000px;overflow:hidden; cursor:pointer; cursor:hand;}




你可以按右鍵另存到你的電腦, 再上傳你可以放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/248/178.gif) center no-repeat;display:block;float:center;width:960px;height:140px;font-size:0;text-indent:-5000px;overflow:hidden; cursor:pointer; cursor:hand;}





你可以按右鍵另存到你的電腦, 再上傳你可以放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/248/179.gif) center no-repeat;display:block;float:center;width:960px;height:140px;font-size:0;text-indent:-5000px;overflow:hidden; cursor:pointer; cursor:hand;}



arrow
arrow
    全站熱搜
    創作者介紹
    創作者 hong66868 的頭像
    hong66868

    hong66868的部落格

    hong66868 發表在 痞客邦 留言(0) 人氣()