本篇素材來自韓網blog /나예리, 提供大標題背景圖+純色背景+blog名稱及描述文字顏色語法 (均有詳細解說可依其需要調整),其餘均照原先設計安排,請使用前務必先備份其自定樣式原始文字, 再使用提供的語法 ! 語法可適用 1024x768px 或 1280x1024px 的螢幕,以及IE或Firefox 瀏覽器。
如何使用『自定樣式』增加自己想要的語法 TINA改良式大標題背景語法解說
想整篇發表引用的網友，只要複製下列語法，進入發表文章後,先將 觀看HTML 原始碼 打勾，
再把語法貼進」空白內容」處，切記不可預覽，直接發表就可以囉 如何使用懶人引用法?
在管理部落格/面板設定/自訂樣式 所需要的語法如下:
#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; }