部落格大標題背景(05)2008.01.19

 

本篇素材來自韓網blog, 在這裡提供是只有大標題圖+背景的語法, 其餘均照你原先設計安排,請使用前務必請先備份其自定樣式原始文字, 再使用提供的語法 !如何使用『自定樣式』增加自己想要的語法   

 

本語法可適合二欄或三欄版型以及桌上型及筆電螢幕尺寸, 可按小樣會放大來參考及存檔 ! 

請留意你的奇摩部落格版型欄位數目決定大標題圖尺寸  http://tina123.ic.googlepages.com/01123

 

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

 

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

適用三欄式版型/在管理部落格/面板設定/自訂樣式 所需要的語法如下:

#yhtw_masthead{display:none} /*奇摩置頂部份不顯示*/ /*Background image for whole page自設背景*/ body {background-color:#77C8C8;background-image: url(); background-repeat: repeat;background-position: top center; } /*Blog title 標題圖*/ #yblogtitle .mbd,#yblogtitle .mft{background:url(http://i240.photobucket.com/albums/ff40/tina88888888/001/paradise-1-jinhe04.gif) no-repeat;background-position: top center; } #yblogtitle .tft {margin:450px 0px 0px 0px;} /*數字決定標題圖顯示的高度*/ /*隱藏主標題框線*/ #yblogtitle .rctop{background:url() left top no-repeat;margin-right:0px} #yblogtitle .rctop div{background:url() right top no-repeat;height:0px;right:-0px} #yblogtitle .rcl{background:url() repeat-y} #yblogtitle .rcr{background:url() right repeat-y} #yblogtitle .rcbtm {zoom:1;background:url() left bottom no-repeat;margin-right:0px} #yblogtitle .rcbtm div {background:url() right bottom no-repeat;height:0px;right:-0px}

適用三欄式版型/在管理部落格/面板設定/自訂樣式 所需要的語法如下:

#yhtw_masthead{display:none} /*奇摩置頂部份不顯示*/ /*Background image for whole page自設背景*/ body {background-color:#E7DBB2;background-image: url(); background-repeat: repeat;background-position: top center; } /*Blog title 標題圖*/ #yblogtitle .mbd,#yblogtitle .mft{background:url(http://i240.photobucket.com/albums/ff40/tina88888888/001/1-jinhe04.gif) no-repeat;background-position: top center; } #yblogtitle .tft {margin:450px 0px 0px 0px;} /*數字決定標題圖顯示的高度*/ /*隱藏主標題框線*/ #yblogtitle .rctop{background:url() left top no-repeat;margin-right:0px} #yblogtitle .rctop div{background:url() right top no-repeat;height:0px;right:-0px} #yblogtitle .rcl{background:url() repeat-y} #yblogtitle .rcr{background:url() right repeat-y} #yblogtitle .rcbtm {zoom:1;background:url() left bottom no-repeat;margin-right:0px} #yblogtitle .rcbtm div {background:url() right bottom no-repeat;height:0px;right:-0px}

適用三欄式版型/在管理部落格/面板設定/自訂樣式 所需要的語法如下:

#yhtw_masthead{display:none} /*奇摩置頂部份不顯示*/ /*Background image for whole page自設背景*/ body {background-color:transparent;background-image: url(http://i240.photobucket.com/albums/ff40/tina88888888/0117/rhc_copy-rothexe3.jpg); background-repeat: repeat;background-position: top center; } /*Blog title 標題圖*/ #yblogtitle .mbd,#yblogtitle .mft{background:url(http://i240.photobucket.com/albums/ff40/tina88888888/0117/rhcxldl-rothexe3.gif) no-repeat;background-position: top center; } #yblogtitle .tft {margin:300px 0px 0px 0px;} /*數字決定標題圖顯示的高度*/ /*隱藏主標題框線*/ #yblogtitle .rctop{background:url() left top no-repeat;margin-right:0px} #yblogtitle .rctop div{background:url() right top no-repeat;height:0px;right:-0px} #yblogtitle .rcl{background:url() repeat-y} #yblogtitle .rcr{background:url() right repeat-y} #yblogtitle .rcbtm {zoom:1;background:url() left bottom no-repeat;margin-right:0px} #yblogtitle .rcbtm div {background:url() right bottom no-repeat;height:0px;right:-0px} 

適用三欄式版型/在管理部落格/面板設定/自訂樣式 所需要的語法如下:

#yhtw_masthead{display:none} /*奇摩置頂部份不顯示*/ /*Background image for whole page自設背景*/ body {background-color:#ffffff;background-image: url(http://i240.photobucket.com/albums/ff40/tina88888888/0117/22222-slkmhg1.jpg); background-repeat: repeat;background-position: top center; } /*Blog title 標題圖*/ #yblogtitle .mbd,#yblogtitle .mft{background:url(http://i240.photobucket.com/albums/ff40/tina88888888/0117/2-slkmhg1.jpg) no-repeat;background-position: top center; } #yblogtitle .tft {margin:400px 0px 0px 0px;} /*數字決定標題圖顯示的高度*/ /*隱藏主標題框線*/ #yblogtitle .rctop{background:url() left top no-repeat;margin-right:0px} #yblogtitle .rctop div{background:url() right top no-repeat;height:0px;right:-0px} #yblogtitle .rcl{background:url() repeat-y} #yblogtitle .rcr{background:url() right repeat-y} #yblogtitle .rcbtm {zoom:1;background:url() left bottom no-repeat;margin-right:0px} #yblogtitle .rcbtm div {background:url() right bottom no-repeat;height:0px;right:-0px} 

適用三欄式版型/在管理部落格/面板設定/自訂樣式 所需要的語法如下:

#yhtw_masthead{display:none} /*奇摩置頂部份不顯示*/ /*Background image for whole page自設背景*/ body {background-color:transparent;background-image: url(http://i240.photobucket.com/albums/ff40/tina88888888/0117/untitled-1354654-pws120.jpg); background-repeat: repeat;background-position: top center; } /*Blog title 標題圖*/ #yblogtitle .mbd,#yblogtitle .mft{background:url(http://i240.photobucket.com/albums/ff40/tina88888888/0117/tkwlscjq-pws120.gif) no-repeat;background-position: top center; } #yblogtitle .tft {margin:250px 0px 0px 0px;} /*數字決定標題圖顯示的高度*/ /*隱藏主標題框線*/ #yblogtitle .rctop{background:url() left top no-repeat;margin-right:0px} #yblogtitle .rctop div{background:url() right top no-repeat;height:0px;right:-0px} #yblogtitle .rcl{background:url() repeat-y} #yblogtitle .rcr{background:url() right repeat-y} #yblogtitle .rcbtm {zoom:1;background:url() left bottom no-repeat;margin-right:0px} #yblogtitle .rcbtm div {background:url() right bottom no-repeat;height:0px;right:-0px} 

適用三欄式版型/在管理部落格/面板設定/自訂樣式 所需要的語法如下:

#yhtw_masthead{display:none} /*奇摩置頂部份不顯示*/ /*Background image for whole page自設背景*/ body {background-color:transparent;background-image: url(http://i240.photobucket.com/albums/ff40/tina88888888/0119/sd2-hadslove.jpg); background-repeat: repeat;background-position: top center; } /*Blog title 標題圖*/ #yblogtitle .mbd,#yblogtitle .mft{background:url(http://i240.photobucket.com/albums/ff40/tina88888888/0119/1-hadslove.jpg) no-repeat;background-position: top center; } #yblogtitle .tft {margin:320px 0px 0px 0px;} /*數字決定標題圖顯示的高度*/ /*隱藏主標題框線*/ #yblogtitle .rctop{background:url() left top no-repeat;margin-right:0px} #yblogtitle .rctop div{background:url() right top no-repeat;height:0px;right:-0px} #yblogtitle .rcl{background:url() repeat-y} #yblogtitle .rcr{background:url() right repeat-y} #yblogtitle .rcbtm {zoom:1;background:url() left bottom no-repeat;margin-right:0px} #yblogtitle .rcbtm div {background:url() right bottom no-repeat;height:0px;right:-0px}

適用三欄式版型/在管理部落格/面板設定/自訂樣式 所需要的語法如下:

#yhtw_masthead{display:none} /*奇摩置頂部份不顯示*/ /*Background image for whole page自設背景*/ body {background-color:transparent;background-image: url(http://i240.photobucket.com/albums/ff40/tina88888888/0117/ggg_copy2-rothexe3.jpg); background-repeat: repeat;background-position: top center; } /*Blog title 標題圖*/ #yblogtitle .mbd,#yblogtitle .mft{background:url(http://i240.photobucket.com/albums/ff40/tina88888888/0117/gloomy2-rothexe3.gif) no-repeat;background-position: top center; } #yblogtitle .tft {margin:330px 0px 0px 0px;} /*數字決定標題圖顯示的高度*/ /*隱藏主標題框線*/ #yblogtitle .rctop{background:url() left top no-repeat;margin-right:0px} #yblogtitle .rctop div{background:url() right top no-repeat;height:0px;right:-0px} #yblogtitle .rcl{background:url() repeat-y} #yblogtitle .rcr{background:url() right repeat-y} #yblogtitle .rcbtm {zoom:1;background:url() left bottom no-repeat;margin-right:0px} #yblogtitle .rcbtm div {background:url() right bottom no-repeat;height:0px;right:-0px}  

 

適用三欄式版型/在管理部落格/面板設定/自訂樣式 所需要的語法如下:

#yhtw_masthead{display:none} /*奇摩置頂部份不顯示*/ /*Background image for whole page自設背景*/ body {background-color:transparent;background-image: url(http://i240.photobucket.com/albums/ff40/tina88888888/0117/tlavmf_copy-rothexe3.jpg); background-repeat: repeat;background-position: top center; } /*Blog title 標題圖*/ #yblogtitle .mbd,#yblogtitle .mft{background:url(http://i240.photobucket.com/albums/ff40/tina88888888/0117/tlavmf77-rothexe3.gif) no-repeat;background-position: top center; } #yblogtitle .tft {margin:320px 0px 0px 0px;} /*數字決定標題圖顯示的高度*/ /*隱藏主標題框線*/ #yblogtitle .rctop{background:url() left top no-repeat;margin-right:0px} #yblogtitle .rctop div{background:url() right top no-repeat;height:0px;right:-0px} #yblogtitle .rcl{background:url() repeat-y} #yblogtitle .rcr{background:url() right repeat-y} #yblogtitle .rcbtm {zoom:1;background:url() left bottom no-repeat;margin-right:0px} #yblogtitle .rcbtm div {background:url() right bottom no-repeat;height:0px;right:-0px} 

適用三欄式版型/在管理部落格/面板設定/自訂樣式 所需要的語法如下:

#yhtw_masthead{display:none} /*奇摩置頂部份不顯示*/ /*Background image for whole page自設背景*/ body {background-color:#ffffff;background-image: url(http://i240.photobucket.com/albums/ff40/tina88888888/0117/ggg_copy2-rothexe3-1.jpg); background-repeat: repeat;background-position: top center; } /*Blog title 標題圖*/ #yblogtitle .mbd,#yblogtitle .mft{background:url(http://i240.photobucket.com/albums/ff40/tina88888888/0117/red2-rothexe3.gif) no-repeat;background-position: top center; } #yblogtitle .tft {margin:280px 0px 0px 0px;} /*數字決定標題圖顯示的高度*/ /*隱藏主標題框線*/ #yblogtitle .rctop{background:url() left top no-repeat;margin-right:0px} #yblogtitle .rctop div{background:url() right top no-repeat;height:0px;right:-0px} #yblogtitle .rcl{background:url() repeat-y} #yblogtitle .rcr{background:url() right repeat-y} #yblogtitle .rcbtm {zoom:1;background:url() left bottom no-repeat;margin-right:0px} #yblogtitle .rcbtm div {background:url() right bottom no-repeat;height:0px;right:-0px}  

適用三欄式版型/在管理部落格/面板設定/自訂樣式 所需要的語法如下:

#yhtw_masthead{display:none} /*奇摩置頂部份不顯示*/ /*Background image for whole page自設背景*/ body {background-color:transparent;background-image: url(http://i240.photobucket.com/albums/ff40/tina88888888/001/sky2-cocorizzang.jpg); background-repeat: repeat;background-position: top center; } /*Blog title 標題圖*/ #yblogtitle .mbd,#yblogtitle .mft{background:url(http://i240.photobucket.com/albums/ff40/tina88888888/001/main-cocorizzang.jpg) no-repeat;background-position: top center; } #yblogtitle .tft {margin:440px 0px 0px 0px;} /*數字決定標題圖顯示的高度*/ /*隱藏主標題框線*/ #yblogtitle .rctop{background:url() left top no-repeat;margin-right:0px} #yblogtitle .rctop div{background:url() right top no-repeat;height:0px;right:-0px} #yblogtitle .rcl{background:url() repeat-y} #yblogtitle .rcr{background:url() right repeat-y} #yblogtitle .rcbtm {zoom:1;background:url() left bottom no-repeat;margin-right:0px} #yblogtitle .rcbtm div {background:url() right bottom no-repeat;height:0px;right:-0px} 

適用三欄式版型/在管理部落格/面板設定/自訂樣式 所需要的語法如下:

#yhtw_masthead{display:none} /*奇摩置頂部份不顯示*/ /*Background image for whole page自設背景*/ body {background-color:#ffffff;background-image: url(); background-repeat: repeat;background-position: top center; } /*Blog title 標題圖*/ #yblogtitle .mbd,#yblogtitle .mft{background:url(http://i240.photobucket.com/albums/ff40/tina88888888/0117/ggumggum-rothexe3.gif) no-repeat;background-position: top center; } #yblogtitle .tft {margin:380px 0px 0px 0px;} /*數字決定標題圖顯示的高度*/ /*隱藏主標題框線*/ #yblogtitle .rctop{background:url() left top no-repeat;margin-right:0px} #yblogtitle .rctop div{background:url() right top no-repeat;height:0px;right:-0px} #yblogtitle .rcl{background:url() repeat-y} #yblogtitle .rcr{background:url() right repeat-y} #yblogtitle .rcbtm {zoom:1;background:url() left bottom no-repeat;margin-right:0px} #yblogtitle .rcbtm div {background:url() right bottom no-repeat;height:0px;right:-0px} 

適用二或三欄式版型/在管理部落格/面板設定/自訂樣式 所需要的語法如下:

#yhtw_masthead{display:none} /*奇摩置頂部份不顯示*/ /*Background image for whole page自設背景*/ body {background-color:transparent;background-image: url(http://i240.photobucket.com/albums/ff40/tina88888888/0117/235656-juin_.gif); background-repeat: repeat;background-position: top center; } /*Blog title 標題圖*/ #yblogtitle .mbd,#yblogtitle .mft{background:url(http://i240.photobucket.com/albums/ff40/tina88888888/0117/20-juin_.gif) no-repeat;background-position: top center; } #yblogtitle .tft {margin:100px 0px 0px 0px;} /*數字決定標題圖顯示的高度*/ /*隱藏主標題框線*/ #yblogtitle .rctop{background:url() left top no-repeat;margin-right:0px} #yblogtitle .rctop div{background:url() right top no-repeat;height:0px;right:-0px} #yblogtitle .rcl{background:url() repeat-y} #yblogtitle .rcr{background:url() right repeat-y} #yblogtitle .rcbtm {zoom:1;background:url() left bottom no-repeat;margin-right:0px} #yblogtitle .rcbtm div {background:url() right bottom no-repeat;height:0px;right:-0px} 

適用三欄式版型/在管理部落格/面板設定/自訂樣式 所需要的語法如下:

#yhtw_masthead{display:none} /*奇摩置頂部份不顯示*/ /*Background image for whole page自設背景*/ body {background-color:transparent;background-image: url(http://i240.photobucket.com/albums/ff40/tina88888888/0119/untitled-2-jjin8901.jpg); background-repeat: repeat;background-position: top center; } /*Blog title 標題圖*/ #yblogtitle .mbd,#yblogtitle .mft{background:url(http://i240.photobucket.com/albums/ff40/tina88888888/0119/untitled-1-jjin8901.jpg) no-repeat;background-position: top center; } #yblogtitle .tft {margin:450px 0px 0px 0px;} /*數字決定標題圖顯示的高度*/ /*隱藏主標題框線*/ #yblogtitle .rctop{background:url() left top no-repeat;margin-right:0px} #yblogtitle .rctop div{background:url() right top no-repeat;height:0px;right:-0px} #yblogtitle .rcl{background:url() repeat-y} #yblogtitle .rcr{background:url() right repeat-y} #yblogtitle .rcbtm {zoom:1;background:url() left bottom no-repeat;margin-right:0px} #yblogtitle .rcbtm div {background:url() right bottom no-repeat;height:0px;right:-0px}

適用三欄式版型/在管理部落格/面板設定/自訂樣式 所需要的語法如下:

#yhtw_masthead{display:none} /*奇摩置頂部份不顯示*/ /*Background image for whole page自設背景*/ body {background-color:transparent;background-image: url(http://i240.photobucket.com/albums/ff40/tina88888888/0117/texture1-pws120.jpg); background-repeat: repeat;background-position: top center; } /*Blog title 標題圖*/ #yblogtitle .mbd,#yblogtitle .mft{background:url(http://i240.photobucket.com/albums/ff40/tina88888888/0117/qtkmh_170-5-pws120.jpg) no-repeat;background-position: top center; } #yblogtitle .tft {margin:380px 0px 0px 0px;} /*數字決定標題圖顯示的高度*/ /*隱藏主標題框線*/ #yblogtitle .rctop{background:url() left top no-repeat;margin-right:0px} #yblogtitle .rctop div{background:url() right top no-repeat;height:0px;right:-0px} #yblogtitle .rcl{background:url() repeat-y} #yblogtitle .rcr{background:url() right repeat-y} #yblogtitle .rcbtm {zoom:1;background:url() left bottom no-repeat;margin-right:0px} #yblogtitle .rcbtm div {background:url() right bottom no-repeat;height:0px;right:-0px} 

適用三欄式版型/在管理部落格/面板設定/自訂樣式 所需要的語法如下:

#yhtw_masthead{display:none} /*奇摩置頂部份不顯示*/ /*Background image for whole page自設背景*/ body {background-color:transparent;background-image: url(http://i240.photobucket.com/albums/ff40/tina88888888/0117/texture1-pws120.jpg); background-repeat: repeat;background-position: top center; } /*Blog title 標題圖*/ #yblogtitle .mbd,#yblogtitle .mft{background:url(http://i240.photobucket.com/albums/ff40/tina88888888/0117/qtkmh_170-pws120.jpg) no-repeat;background-position: top center; } #yblogtitle .tft {margin:380px 0px 0px 0px;} /*數字決定標題圖顯示的高度*/ /*隱藏主標題框線*/ #yblogtitle .rctop{background:url() left top no-repeat;margin-right:0px} #yblogtitle .rctop div{background:url() right top no-repeat;height:0px;right:-0px} #yblogtitle .rcl{background:url() repeat-y} #yblogtitle .rcr{background:url() right repeat-y} #yblogtitle .rcbtm {zoom:1;background:url() left bottom no-repeat;margin-right:0px} #yblogtitle .rcbtm div {background:url() right bottom no-repeat;height:0px;right:-0px} 

適用三欄式版型/在管理部落格/面板設定/自訂樣式 所需要的語法如下:

#yhtw_masthead{display:none} /*奇摩置頂部份不顯示*/ /*Background image for whole page自設背景*/ body {background-color:transparent;background-image: url(http://i240.photobucket.com/albums/ff40/tina88888888/0117/C4BFC7C72_copy-rothexe3.jpg); background-repeat: repeat;background-position: top center; } /*Blog title 標題圖*/ #yblogtitle .mbd,#yblogtitle .mft{background:url(http://i240.photobucket.com/albums/ff40/tina88888888/0117/C4BFC7C74_copy-rothexe3.jpg) no-repeat;background-position: top center; } #yblogtitle .tft {margin:270px 0px 0px 0px;} /*數字決定標題圖顯示的高度*/ /*隱藏主標題框線*/ #yblogtitle .rctop{background:url() left top no-repeat;margin-right:0px} #yblogtitle .rctop div{background:url() right top no-repeat;height:0px;right:-0px} #yblogtitle .rcl{background:url() repeat-y} #yblogtitle .rcr{background:url() right repeat-y} #yblogtitle .rcbtm {zoom:1;background:url() left bottom no-repeat;margin-right:0px} #yblogtitle .rcbtm div {background:url() right bottom no-repeat;height:0px;right:-0px}