部落格大標題背景(03) Baby Cat

 

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

 

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

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

 

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

 

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

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

#yhtw_masthead{display:none} /*奇摩置頂部份不顯示*/ /*Background image for whole page自設背景*/ body {background-color:transparent;background-image: url(http://i240.photobucket.com/albums/ff40/tina88888888/0117/2-rose7red.gif); background-repeat: repeat;background-position: top center; } /*Blog title 標題圖*/ #yblogtitle .mbd,#yblogtitle .mft{background:url(http://i240.photobucket.com/albums/ff40/tina88888888/0117/user-rose7red.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/1-rose7red-1.gif); background-repeat: repeat;background-position: top center; } /*Blog title 標題圖*/ #yblogtitle .mbd,#yblogtitle .mft{background:url(http://i240.photobucket.com/albums/ff40/tina88888888/0117/pink-rose7red.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/2-rose7red-1.gif); background-repeat: repeat;background-position: top center; } /*Blog title 標題圖*/ #yblogtitle .mbd,#yblogtitle .mft{background:url(http://i240.photobucket.com/albums/ff40/tina88888888/0117/9m-rose7red.gif) no-repeat;background-position: top center; } #yblogtitle .tft {margin:310px 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:#ffffff;background-image: url(http://i240.photobucket.com/albums/ff40/tina88888888/0117/a0-rose7red.gif); background-repeat: repeat;background-position: top center; } /*Blog title 標題圖*/ #yblogtitle .mbd,#yblogtitle .mft{background:url(http://i240.photobucket.com/albums/ff40/tina88888888/0117/aa-rose7red.gif) no-repeat;background-position: top center; } #yblogtitle .tft {margin:420px 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/aa-rose7red-1.gif); background-repeat: repeat;background-position: top center; } /*Blog title 標題圖*/ #yblogtitle .mbd,#yblogtitle .mft{background:url(http://i240.photobucket.com/albums/ff40/tina88888888/0117/a-rose7red.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/2211-rose7red.gif); background-repeat: repeat;background-position: top center; } /*Blog title 標題圖*/ #yblogtitle .mbd,#yblogtitle .mft{background:url(http://i240.photobucket.com/albums/ff40/tina88888888/0117/2511-rose7red.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/2522-rose7red.gif); background-repeat: repeat;background-position: top center; } /*Blog title 標題圖*/ #yblogtitle .mbd,#yblogtitle .mft{background:url(http://i240.photobucket.com/albums/ff40/tina88888888/0117/252-rose7red.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/256589-rose7red.gif); background-repeat: repeat;background-position: top center; } /*Blog title 標題圖*/ #yblogtitle .mbd,#yblogtitle .mft{background:url(http://i240.photobucket.com/albums/ff40/tina88888888/0117/25555-rose7red.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/1110-rose7red.gif); background-repeat: repeat;background-position: top center; } /*Blog title 標題圖*/ #yblogtitle .mbd,#yblogtitle .mft{background:url(http://i240.photobucket.com/albums/ff40/tina88888888/0117/110-rose7red.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}