部落格版型(09) 2008.02.11


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

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

 

本篇素材取自韓網BLOG/pws120+TINA自行加工製作, 版型語法可適用 1024x768px 或 1280x1024px 的螢幕,以及IE或Firefox 瀏覽器;語法中均有註解說明可依其需要修改

此篇可以設定三欄或兩欄窄欄靠左版面敬請留意 !

先備份其自定樣式原始文字, 再使用提供的語法 ! 如何使用『自定樣式』增加自己想要的語法

這是韓網原小樣參考








這是tina/奇摩改良式兩欄窄欄靠左加大版面 (文章及側欄是淺綠底也可用三欄)

在管理部落格/面板設定/自訂樣式 所需要的語法如下:
(語法很長可把游標放在以下空白處按右鍵再全選再按複製,再到你的奇摩部落格自定樣式按貼上即可) /*以下若要顯示請不要放上即可*/ /*Profile隱藏自我介紹欄*/ #ymodprf{display:none} /*隱藏文章欄位全部文章大標題*/ .yc3pribd .mhd{display:none} /*隱藏更新日期欄*/ #ymodupdate{display:none} /*隱藏部落格相簿*/ #ymodalbum{display:none;} /*隱藏我要留言免受廣告干擾*/ #yblast .text a{display:none;} /*開始囉~都可以自行調整*/ /*Text color for blog title部落格敘述文字*/ #yblogtitle .text {color:#90B745;} /*招呼語不放背景及文字顏色設定*/ #yblast .bg {zoom:1; filter:alpha(opacity:100); background: url() no-repeat} #yblast .text{text-align:center;color:#465825;} /*獨立設定自訂格名文字顏色-字型-字體大小(不受 .text 文字語法設定影響)*/ #yblogtitle h1, #yblogtitle a {color: #566D2A; FONT-SIZE:15px;font-weight:bold;} #yblogtitle .mbd {text-align:center;} /*格名+描述居中位置*/ /*HEAD背景語法-置頂不重覆部份*/ #yhtw_masthead {background:url(http://i240.photobucket.com/albums/ff40/tina88888888/001/1001.gif) #ffffff no-repeat;height:410px;zoom:1; filter:alpha(opacity:100);background-position:center top;} /*BODY背景語法-重覆部份*/ body {background-color:transparent;background-image: url(http://i240.photobucket.com/albums/ff40/tina88888888/001/1002.jpg); background-repeat: repeat;zoom:1; filter:alpha(opacity:100);background-position:center top;} /*奇摩置頂管理語法-顏色設定*/ #yhtw_masthead .mhuser div{display:inline;color:#666666;font-size:12px;} #yhtw_masthead .mhuser div a, #xyhtw_masthead .mhuser div b{color:#666666;}#yhtw_masthead .masthead_function{font-size:12px;position:relative;} #yhtw_masthead a,#yhtw_masthead a:link,#yhtw_masthead a:visited,#yhtw_masthead a:hover{color:#666666;} #yhtw_masthead .masthead_function span a{color:#666666 !important;display:block;min-width:5.5em;padding:5px 4px 3px 4px;text-decoration:none;border-bottom:solid 1px #ffffff;} #yhtw_masthead .masthead_function span a:hover{background-color:ffffff;text-decoration:underline;} #yhtw_masthead .masthead_function strong{font-weight:normal;color:#666666;text-decoration:underline;cursor:pointer;cursor:hand;padding-bottom:5px;} /*奇摩標題圖語法-背景加無框*/ #yblogtitle .mbd,#yblogtitle .mft{background: url() no-repeat;} #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} /*側欄區上標)*/ .yc3sec .mhd,.yc3sub .mhd{background:url(http://i240.photobucket.com/albums/ff40/tina88888888/001/1003.gif) ;height:50px; color:#566D2A;background-repeat:no-repeat;text-align:center;} /*Nav module body側欄區內文*/ .yc3sec .mbd, .yc3subbd .mbd, .yc3sec .mft, .yc3subbd .mft{ background:#F2FCA5; color:#465825;} /*Main content header文章區上標*/ .yc3pribd .mhd{ background:transparent; color:#566D2A;} /*Main content body文章內文及文章區*/ .yc3pribd .mbd{ background:#F2FCA5;color:#666666} .yc3pribd .mft, #yreplymsg table, #ysbscrblist table, #ybloginfo table, #yusrinfo table, #yusrintro p { background:#ffffff;color:#666666;} #ymodcal .mbd td strong {color:#465825;} /*無框線語法- 若要加框此段可拿掉*/ .ycntmod {width:100%;position:relative;margin-bottom:10px;overflow:hidden;}.ycntmod .rctop {zoom:1;background:url() left top no-repeat;margin-right:5px;}.ycntmod .rctop div {background:url() right top no-repeat;height:5px;font-size:0;position:relative;right:-5px;}.ycntmod .rcbtm {zoom:1;background:url() left bottom no-repeat;margin-right:5px;}.ycntmod .rcbtm div {background:url() right bottom no-repeat;height:5px;font-size:0;position:relative;right:-5px;}.ycntmod .rcl {padding-left:5px;background:url() repeat-y;}.ycntmod .rcr {zoom:1;padding-right:5px;background:url() right repeat-y;}.ycntmod .text {position:relative;word-break:break-all;}.yc3pribd .ycntmod{overflow:visible;}.yc3pribd .ycntmod .yblogcnt{overflow:hidden;} /*Links連結文字及位置顏色改變*/ a,a:link,a:visited{color:#566D2A;text-decoration:none; } a:hover{color:#90B745;position: relative; top:3px;} /*Scrollbar捲軸區色彩*/ html{SCROLLBAR-FACE-COLOR:#D7E893; SCROLLBAR-3DLIGHT-COLOR: #FFFFFF; SCROLLBAR-ARROW-COLOR: #ffffff; SCROLLBAR-TRACK-COLOR: #ffffff ; SCROLLBAR-DARKSHADOW-COLOR:#FFFFFF; SCROLLBAR-BASE-COLOR:#D7E893;} /*文章前小圖設定*/ .yblogcnt .blgtitlebar {margin-bottom:9px;zoom:1;} .yblogcnt .blgtitlebar h2 {font-size:125%;font-weight:bold;background:url(http://i240.photobucket.com/albums/ff40/tina88888888/1213/1001024.gif) no-repeat;padding-left:24px;} /*左右欄位小圖*/ .ycntmod .mbd ul.list li{background-image:url(http://i240.photobucket.com/albums/ff40/tina88888888/1213/1001024.gif);background-repeat:no-repeat; padding-left:25px;padding-top:9px;_line-height:1.5em} .ycntmod .mbd ul.list li.more{background-image:url(http://i240.photobucket.com/albums/ff40/tina88888888/1213/1001024.gif);background-repeat:no-repeat} .yc3sec .mhd a:visited,.yc3subbd .mhd a:visited{color:#566D2A;} /*三欄式*/ .thrcol .yc3main {width:100%;float:left; margin-left:-195px;} .thrcol .yc3mainbd {margin-left:195px;} .thrcol .yc3pri {width:100%;float:right;margin-right:-195px;} .thrcol .yc3pribd {margin-right:195px;} .thrcol .yc3subbd {width:185px;float:right;} .thrcol .yc3sec {width:185px;} .thrcol .yc3sub{z-index:1;} .thrcol .yc3pri,.thrcol .yc3main{z-index:10;} /*two col layout 二欄式版面寬度設定*/ /*數字可照需求自己調整:最大數字為二欄總計寬度,中間值(=主文)+最小值(=小欄)*/ .twocoldr #yhtw_mastfoot {width:770x;margin:0 auto;} .twocoldr[class]{min-width:770px;behavior:none;} .twocoldr .ycnt3col {zoom:1;width:770px;text-align:left;margin:0 auto;} .twocoldr .yc3main {width:590px;float:right; margin-right:-5px;} .twocoldr .yc3mainbd {margin-right:5px;} .twocoldr .yc3pri {width:100%;} .twocoldr .yc3subbd {width:180px;} .twocoldr .yc3sec {display:none;} /*btnsbsrb訂閱部落格圖示*/ div#btnsbsrb a{display:block;width:171px;height:50px;overflow:hidden;background:url(http://i240.photobucket.com/albums/ff40/tina88888888/001/1004.gif) no-repeat;margin:0;} div#btnsbsrb_nologin a{display:block;width:171px;height:50px;overflow:hidden;background:url(http://i240.photobucket.com/albums/ff40/tina88888888/001/1004.gif) no-repeat;margin:0;} /*Opacity for sub column透明度設定*/ .yc3subbd .rctop,.yc3subbd .rctop div,.yc3subbd .rcl,.yc3subbd .rcr,.yc3subbd .rcbtm,.yc3subbd .rcbtm div, .yc3sec .rctop,.yc3sec .rctop div,.yc3sec .rcl,.yc3sec .rcr,.yc3sec .rcbtm,.yc3sec .rcbtm div {zoom:1; filter:alpha(opacity:100)} #yblast{display: none}
 
 由於奇摩部落格大半都用三欄版面另有做白底語法來配合使用
 


這是tina/奇摩改良式兩欄窄欄靠左加大版面 (文章及側欄是白色底)

 在管理部落格/面板設定/自訂樣式 所需要的語法如下:
(語法很長可把游標放在以下空白處按右鍵再全選再按複製,再到你的奇摩部落格自定樣式按貼上即可) /*以下若要顯示請不要放上即可*/ /*Profile隱藏自我介紹欄*/ #ymodprf{display:none} /*隱藏文章欄位全部文章大標題*/ .yc3pribd .mhd{display:none} /*隱藏更新日期欄*/ #ymodupdate{display:none} /*隱藏部落格相簿*/ #ymodalbum{display:none;} /*隱藏我要留言免受廣告干擾*/ #yblast .text a{display:none;} /*開始囉~都可以自行調整*/ /*Text color for blog title部落格敘述文字*/ #yblogtitle .text {color:#90B745;} /*招呼語不放背景及文字顏色設定*/ #yblast .bg {zoom:1; filter:alpha(opacity:100); background: url() no-repeat} #yblast .text{text-align:center;color:#465825;} /*獨立設定自訂格名文字顏色-字型-字體大小(不受 .text 文字語法設定影響)*/ #yblogtitle h1, #yblogtitle a {color: #566D2A; FONT-SIZE:15px;font-weight:bold;} #yblogtitle .mbd {text-align:center;} /*格名+描述居中位置*/ /*HEAD背景語法-置頂不重覆部份*/ #yhtw_masthead {background:url(http://i240.photobucket.com/albums/ff40/tina88888888/001/1001.gif) #ffffff no-repeat;height:410px;zoom:1; filter:alpha(opacity:100);background-position:center top;} /*BODY背景語法-重覆部份*/ body {background-color:transparent;background-image: url(http://i240.photobucket.com/albums/ff40/tina88888888/001/1002.jpg); background-repeat: repeat;zoom:1; filter:alpha(opacity:100);background-position:center top;} /*奇摩置頂管理語法-顏色設定*/ #yhtw_masthead .mhuser div{display:inline;color:#666666;font-size:12px;} #yhtw_masthead .mhuser div a, #xyhtw_masthead .mhuser div b{color:#666666;}#yhtw_masthead .masthead_function{font-size:12px;position:relative;} #yhtw_masthead a,#yhtw_masthead a:link,#yhtw_masthead a:visited,#yhtw_masthead a:hover{color:#666666;} #yhtw_masthead .masthead_function span a{color:#666666 !important;display:block;min-width:5.5em;padding:5px 4px 3px 4px;text-decoration:none;border-bottom:solid 1px #ffffff;} #yhtw_masthead .masthead_function span a:hover{background-color:ffffff;text-decoration:underline;} #yhtw_masthead .masthead_function strong{font-weight:normal;color:#666666;text-decoration:underline;cursor:pointer;cursor:hand;padding-bottom:5px;} /*奇摩標題圖語法-背景加無框*/ #yblogtitle .mbd,#yblogtitle .mft{background: url() no-repeat;} #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} /*側欄區上標)*/ .yc3sec .mhd,.yc3sub .mhd{background:url(http://i240.photobucket.com/albums/ff40/tina88888888/001/1003.gif) ;height:50px; color:#566D2A;background-repeat:no-repeat;text-align:center;} /*Nav module body側欄區內文白底*/ .yc3sec .mbd, .yc3subbd .mbd, .yc3sec .mft, .yc3subbd .mft{ background:#ffffff; color:#465825;border:2px dotted #90B745;} /*Main content header文章區上標*/ .yc3pribd .mhd{ background:transparent; color:#566D2A;} /*Main content body文章內文及文章區白底加框框*/ .yc3pribd .mbd{ background:#ffffff;color:#666666;border:2px dotted #90B745;} .yc3pribd .mft, #yreplymsg table, #ysbscrblist table, #ybloginfo table, #yusrinfo table, #yusrintro p { background:#ffffff;color:#666666;} #ymodcal .mbd td strong {color:#465825;} /*無框線語法- 若要加框此段可拿掉*/ .ycntmod {width:100%;position:relative;margin-bottom:10px;overflow:hidden;}.ycntmod .rctop {zoom:1;background:url() left top no-repeat;margin-right:5px;}.ycntmod .rctop div {background:url() right top no-repeat;height:5px;font-size:0;position:relative;right:-5px;}.ycntmod .rcbtm {zoom:1;background:url() left bottom no-repeat;margin-right:5px;}.ycntmod .rcbtm div {background:url() right bottom no-repeat;height:5px;font-size:0;position:relative;right:-5px;}.ycntmod .rcl {padding-left:5px;background:url() repeat-y;}.ycntmod .rcr {zoom:1;padding-right:5px;background:url() right repeat-y;}.ycntmod .text {position:relative;word-break:break-all;}.yc3pribd .ycntmod{overflow:visible;}.yc3pribd .ycntmod .yblogcnt{overflow:hidden;} /*Links連結文字及位置顏色改變*/ a,a:link,a:visited{color:#566D2A;text-decoration:none; } a:hover{color:#90B745;position: relative; top:3px;} /*Scrollbar捲軸區色彩*/ html{SCROLLBAR-FACE-COLOR:#D7E893; SCROLLBAR-3DLIGHT-COLOR: #FFFFFF; SCROLLBAR-ARROW-COLOR: #ffffff; SCROLLBAR-TRACK-COLOR: #ffffff ; SCROLLBAR-DARKSHADOW-COLOR:#FFFFFF; SCROLLBAR-BASE-COLOR:#D7E893;} /*文章前小圖設定*/ .yblogcnt .blgtitlebar {margin-bottom:9px;zoom:1;} .yblogcnt .blgtitlebar h2 {font-size:125%;font-weight:bold;background:url(http://i240.photobucket.com/albums/ff40/tina88888888/1213/1001024.gif) no-repeat;padding-left:24px;} /*左右欄位小圖*/ .ycntmod .mbd ul.list li{background-image:url(http://i240.photobucket.com/albums/ff40/tina88888888/1218/1040850.gif);background-repeat:no-repeat; padding-left:25px;padding-top:10px;_line-height:1.5em} .ycntmod .mbd ul.list li.more{background-image:url(http://i240.photobucket.com/albums/ff40/tina88888888/1218/1040850.gif);background-repeat:no-repeat} .yc3sec .mhd a:visited,.yc3subbd .mhd a:visited{color:#D90254;} /*三欄式*/ .thrcol .yc3main {width:100%;float:left; margin-left:-195px;} .thrcol .yc3mainbd {margin-left:195px;} .thrcol .yc3pri {width:100%;float:right;margin-right:-195px;} .thrcol .yc3pribd {margin-right:195px;} .thrcol .yc3subbd {width:185px;float:right;} .thrcol .yc3sec {width:185px;} .thrcol .yc3sub{z-index:1;} .thrcol .yc3pri,.thrcol .yc3main{z-index:10;} /*two col layout 二欄式版面寬度設定*/ /*數字可照需求自己調整:最大數字為二欄總計寬度,中間值(=主文)+最小值(=小欄)*/ .twocoldr #yhtw_mastfoot {width:770x;margin:0 auto;} .twocoldr[class]{min-width:770px;behavior:none;} .twocoldr .ycnt3col {zoom:1;width:770px;text-align:left;margin:0 auto;} .twocoldr .yc3main {width:590px;float:right; margin-right:-5px;} .twocoldr .yc3mainbd {margin-right:5px;} .twocoldr .yc3pri {width:100%;} .twocoldr .yc3subbd {width:180px;} .twocoldr .yc3sec {display:none;} /*btnsbsrb訂閱部落格圖示*/ div#btnsbsrb a{display:block;width:171px;height:50px;overflow:hidden;background:url(http://i240.photobucket.com/albums/ff40/tina88888888/001/1004.gif) no-repeat;margin:0;} div#btnsbsrb_nologin a{display:block;width:171px;height:50px;overflow:hidden;background:url(http://i240.photobucket.com/albums/ff40/tina88888888/001/1004.gif) no-repeat;margin:0;}