部落格大標題背景(15)  나예리 -1

 

本篇素材來自韓網blog /나예리, 提供大標題背景圖+純色背景+blog名稱及描述文字顏色語法 (均有詳細解說可依其需要調整),其餘均照原先設計安排,請使用前務必先備份其自定樣式原始文字, 再使用提供的語法 ! 語法可適用 1024x768px 或 1280x1024px 的螢幕,以及IE或Firefox 瀏覽器

如何使用『自定樣式』增加自己想要的語法     TINA改良式大標題背景語法解說

 

想整篇發表引用的網友,只要複製下列語法,進入發表文章後,先將 觀看HTML 原始碼 打勾,

再把語法貼進」空白內容」處,切記不可預覽,直接發表就可以囉    如何使用懶人引用法?  

<p>想另開大畫面欣賞請按 <a href="http://tina123.ic.googlepages.com/013022">http://tina123.ic.googlepages.com/013022</a></p> <p>&nbsp;</p> <embed src="http://i240.photobucket.com/albums/ff40/tina88888888/0207/080207.swf" width="550" height="600"></embed>  

 

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

#yhtw_masthead{display:none} /*奇摩置頂部份不顯示-想用可拿掉此語法*/ /*獨立設定自訂格名文字顏色-字體大小*/ #yblogtitle h1, #yblogtitle a {color: #C1D57E; FONT-SIZE:15px;font-weight:bold;} /*Text color for blog title部落格敘述文字*/ #yblogtitle .text {color:#C1D57E;} /*大標題背景+純色重覆底背景*/ body {background-color:#C1D57E;background-image: url(http://i240.photobucket.com/albums/ff40/tina88888888/0201/13.jpg);background-repeat:no-repeat;background-position: top center; } #yblogtitle .mbd,#yblogtitle .mft{background: url() no-repeat;} #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}); background-repeat: repeat;background-position: top center; }

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

#yhtw_masthead{display:none} /*奇摩置頂部份不顯示-想用可拿掉此語法*/ /*獨立設定自訂格名文字顏色-字體大小*/ #yblogtitle h1, #yblogtitle a {color: #FFD5C5; FONT-SIZE:15px;font-weight:bold;} /*Text color for blog title部落格敘述文字*/ #yblogtitle .text {color:#fffffff;} /*大標題背景+純色重覆底背景*/ body {background-color:#FFD5C5;background-image: url(http://i240.photobucket.com/albums/ff40/tina88888888/0201/12.jpg);background-repeat:no-repeat;background-position: top center; } #yblogtitle .mbd,#yblogtitle .mft{background: url() no-repeat;} #yblogtitle .tft {margin:350px 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}); background-repeat: repeat;background-position: top center; }

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

#yhtw_masthead{display:none} /*奇摩置頂部份不顯示-想用可拿掉此語法*/ /*獨立設定自訂格名文字顏色-字體大小*/ #yblogtitle h1, #yblogtitle a {color: #ffffff; FONT-SIZE:15px;font-weight:bold;} /*Text color for blog title部落格敘述文字*/ #yblogtitle .text {color:#ffffff;} /*大標題背景+純色重覆底背景*/ body {background-color:#F3D9CA;background-image: url(http://i240.photobucket.com/albums/ff40/tina88888888/0201/08.jpg);background-repeat:no-repeat;background-position: top center; } #yblogtitle .mbd,#yblogtitle .mft{background: url() no-repeat;} #yblogtitle .tft {margin:350px 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}); background-repeat: repeat;background-position: top center; }

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

#yhtw_masthead{display:none} /*奇摩置頂部份不顯示-想用可拿掉此語法*/ /*獨立設定自訂格名文字顏色-字體大小*/ #yblogtitle h1, #yblogtitle a {color: #8EA24B; FONT-SIZE:15px;font-weight:bold;} /*Text color for blog title部落格敘述文字*/ #yblogtitle .text {color:#8EA24B;} /*大標題背景+純色重覆底背景*/ body {background-color:#8EA24B;background-image: url(http://i240.photobucket.com/albums/ff40/tina88888888/0201/07.jpg);background-repeat:no-repeat;background-position: top center; } #yblogtitle .mbd,#yblogtitle .mft{background: url() no-repeat;} #yblogtitle .tft {margin:350px 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}); background-repeat: repeat;background-position: top center; }

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

#yhtw_masthead{display:none} /*奇摩置頂部份不顯示-想用可拿掉此語法*/ /*獨立設定自訂格名文字顏色-字體大小*/ #yblogtitle h1, #yblogtitle a {color: #ffffff; FONT-SIZE:15px;font-weight:bold;} /*Text color for blog title部落格敘述文字*/ #yblogtitle .text {color:#fffffff;} /*大標題背景+純色重覆底背景*/ body {background-color:#DECFB8;background-image: url(http://i240.photobucket.com/albums/ff40/tina88888888/0201/11.jpg);background-repeat:no-repeat;background-position: top center; } #yblogtitle .mbd,#yblogtitle .mft{background: url() no-repeat;} #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}); background-repeat: repeat;background-position: top center; }

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

#yhtw_masthead{display:none} /*奇摩置頂部份不顯示-想用可拿掉此語法*/ /*獨立設定自訂格名文字顏色-字體大小*/ #yblogtitle h1, #yblogtitle a {color: #666666; FONT-SIZE:15px;font-weight:bold;} /*Text color for blog title部落格敘述文字*/ #yblogtitle .text {color:#666666;} /*大標題背景+純色重覆底背景*/ body {background-color:#F7F1D1;background-image: url(http://i240.photobucket.com/albums/ff40/tina88888888/0201/10.jpg);background-repeat:no-repeat;background-position: top center; } #yblogtitle .mbd,#yblogtitle .mft{background: url() no-repeat;} #yblogtitle .tft {margin:230px 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}); background-repeat: repeat;background-position: top center; }

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

#yhtw_masthead{display:none} /*奇摩置頂部份不顯示-想用可拿掉此語法*/ /*獨立設定自訂格名文字顏色-字體大小*/ #yblogtitle h1, #yblogtitle a {color: #ffffff; FONT-SIZE:15px;font-weight:bold;} /*Text color for blog title部落格敘述文字*/ #yblogtitle .text {color:#ffffff;} /*大標題背景+純色重覆底背景*/ body {background-color:#4E4E44;background-image: url(http://i240.photobucket.com/albums/ff40/tina88888888/0201/09.jpg);background-repeat:no-repeat;background-position: top center; } #yblogtitle .mbd,#yblogtitle .mft{background: url() no-repeat;} #yblogtitle .tft {margin:350px 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}); background-repeat: repeat;background-position: top center; }

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

#yhtw_masthead{display:none} /*奇摩置頂部份不顯示-想用可拿掉此語法*/ /*獨立設定自訂格名文字顏色-字體大小*/ #yblogtitle h1, #yblogtitle a {color: #000000; FONT-SIZE:15px;font-weight:bold;} /*Text color for blog title部落格敘述文字*/ #yblogtitle .text {color:#000000;} /*大標題背景+純色重覆底背景*/ body {background-color:#080400;background-image: url(http://i240.photobucket.com/albums/ff40/tina88888888/0201/15.jpg);background-repeat:no-repeat;background-position: top center; } #yblogtitle .mbd,#yblogtitle .mft{background: url() no-repeat;} #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}); background-repeat: repeat;background-position: top center; }

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

#yhtw_masthead{display:none} /*奇摩置頂部份不顯示-想用可拿掉此語法*/ /*獨立設定自訂格名文字顏色-字體大小*/ #yblogtitle h1, #yblogtitle a {color: #ffffff; FONT-SIZE:15px;font-weight:bold;} /*Text color for blog title部落格敘述文字*/ #yblogtitle .text {color:#ffffff;} /*大標題背景+純色重覆底背景*/ body {background-color:#E2FFFF;background-image: url(http://i240.photobucket.com/albums/ff40/tina88888888/0201/14.jpg);background-repeat:no-repeat;background-position: top center; } #yblogtitle .mbd,#yblogtitle .mft{background: url() no-repeat;} #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}); background-repeat: repeat;background-position: top center; }

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

#yhtw_masthead{display:none} /*奇摩置頂部份不顯示-想用可拿掉此語法*/ /*獨立設定自訂格名文字顏色-字體大小*/ #yblogtitle h1, #yblogtitle a {color: #ffffff; FONT-SIZE:15px;font-weight:bold;} /*Text color for blog title部落格敘述文字*/ #yblogtitle .text {color:#ffffff;} /*大標題背景+純色重覆底背景*/ body {background-color:#758793;background-image: url(http://i240.photobucket.com/albums/ff40/tina88888888/0201/06.jpg);background-repeat:no-repeat;background-position: top center; } #yblogtitle .mbd,#yblogtitle .mft{background: url() no-repeat;} #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}); background-repeat: repeat;background-position: top center; }

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

#yhtw_masthead{display:none} /*奇摩置頂部份不顯示-想用可拿掉此語法*/ /*獨立設定自訂格名文字顏色-字體大小*/ #yblogtitle h1, #yblogtitle a {color: #ffffff; FONT-SIZE:15px;font-weight:bold;} /*Text color for blog title部落格敘述文字*/ #yblogtitle .text {color:#ffffff;} /*大標題背景+純色重覆底背景*/ body {background-color:#F6C34E;background-image: url(http://i240.photobucket.com/albums/ff40/tina88888888/0201/05.jpg);background-repeat:no-repeat;background-position: top center; } #yblogtitle .mbd,#yblogtitle .mft{background: url() no-repeat;} #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}); background-repeat: repeat;background-position: top center; }

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

#yhtw_masthead{display:none} /*奇摩置頂部份不顯示-想用可拿掉此語法*/ /*Text color for blog title部落格敘述文字*/ #yblogtitle .text {color:#ffffff;} /*大標題背景+純色重覆底背景*/ body {background-color:#966C6E;background-image: url(http://i240.photobucket.com/albums/ff40/tina88888888/0201/04.jpg);background-repeat:no-repeat;background-position: top center; } #yblogtitle .mbd,#yblogtitle .mft{background: url() no-repeat;} #yblogtitle .tft {margin:350px 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}); background-repeat: repeat;background-position: top center; }

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

#yhtw_masthead{display:none} /*奇摩置頂部份不顯示-想用可拿掉此語法*/ /*獨立設定自訂格名文字顏色-字體大小*/ #yblogtitle h1, #yblogtitle a {color: #666666; FONT-SIZE:15px;font-weight:bold;} /*Text color for blog title部落格敘述文字*/ #yblogtitle .text {color:#666666;} /*大標題背景+純色重覆底背景*/ body {background-color:#E2E8E8;background-image: url(http://i240.photobucket.com/albums/ff40/tina88888888/0201/03.jpg);background-repeat:no-repeat;background-position: top center; } #yblogtitle .mbd,#yblogtitle .mft{background: url() no-repeat;} #yblogtitle .tft {margin:350px 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}); background-repeat: repeat;background-position: top center; }

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

#yhtw_masthead{display:none} /*奇摩置頂部份不顯示-想用可拿掉此語法*/ /*獨立設定自訂格名文字顏色-字體大小*/ #yblogtitle h1, #yblogtitle a {color: #666666; FONT-SIZE:15px;font-weight:bold;} /*Text color for blog title部落格敘述文字*/ #yblogtitle .text {color:#666666;} /*大標題背景+純色重覆底背景*/ body {background-color:#FFEFA7;background-image: url(http://i240.photobucket.com/albums/ff40/tina88888888/0201/02.jpg);background-repeat:no-repeat;background-position: top center; } #yblogtitle .mbd,#yblogtitle .mft{background: url() no-repeat;} #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}); background-repeat: repeat;background-position: top center; }

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

#yhtw_masthead{display:none} /*奇摩置頂部份不顯示-想用可拿掉此語法*/ /*獨立設定自訂格名文字顏色-字體大小*/ #yblogtitle h1, #yblogtitle a {color: #FFFFFF; FONT-SIZE:15px;font-weight:bold;} /*Text color for blog title部落格敘述文字*/ #yblogtitle .text {color:#FFFFFF;} /*大標題背景+純色重覆底背景*/ body {background-color:#BCAB8F;background-image: url(http://i240.photobucket.com/albums/ff40/tina88888888/0201/01.jpg);background-repeat:no-repeat;background-position: top center; } #yblogtitle .mbd,#yblogtitle .mft{background: url() no-repeat;} #yblogtitle .tft {margin:350px 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}); background-repeat: repeat;background-position: top center; }