這是邊框的預覽 原則上版型差不多也是這樣
不然還得上傳預覽圖 儉省網路空間
若想使用三欄式版面or兩欄是靠右
有關版面窄欄語法請按連結
請先選擇三欄式欄位 請將更新日期放置右欄 複製語法貼於自訂樣式
兩欄式版面窄欄在左即可顯示加大
兩欄式版面窄欄靠左
.thrcol #yhtw_mastfoot {margin:0 auto;}
.thrcol.class {min-width:900px;}
.thrcol .ycnt3col {width:900px;text-align:left;margin:0 auto;}
.thrcol .yc3mainbd {margin-left:184px;}
.thrcol .yc3pribd {margin-right:10px;}
.thrcol .yc3sec {position:absolute;width:182px;left:-10px;}
.thrcol .yc3subbd {width:0px;}
body{cursor:url(http://sky.geocities.jp/u750052u/mushroom002.ani);}
a:hover{cursor:url(http://sky.geocities.jp/u750052u/mushroom002.ani);}
#ybloginfo table, #yusrinfo table, #yusrintro p , .listbd, #ycmntlist table th , #ycmntlist .btncmntre{color:#FFB0C2;}
div.btnblgedit, div.btnblgdel, div.btnblgreport, div.btncmntdel {background:transparent;border:1px dotted #FFB0C2;}
.reportbtns span{background:transparent;border:1px dotted #FFB0C2;}
input, select{background:transparent;border:1px dotted #FFB0C2;}
#ybloginfo table,
#yusrinfo table,
#yusrintro p , .listbd,
#ycmntlist table th ,
#ycmntlist .btncmntre{background:transparent;color:#FFB0C2;}
div.btncmntdel, div.btncmntre{border:1px dotted #FFB0C2;
font-size:80%;font-family:verdana;}
div#ymngmsg q span{background:url(http://i190.photobucket.com/albums/z29/Beowolf0129/umbrella1-pink17.gif);border:1px dotted #FFADC6;}
div#ymngmsg q span a{background:url(http://i190.photobucket.com/albums/z29/Beowolf0129/umbrella1-pink17.gif);color:#FFB0C2;}
#ymngmsg .actionbar{background:url(http://i190.photobucket.com/albums/z29/Beowolf0129/umbrella1-pink17.gif);}
div#ymngmsg span{background:url(http://i190.photobucket.com/albums/z29/Beowolf0129/umbrella1-pink17.gif);font-family:新明細體;color:#FF7D9A;font-size:80%;}
a, a:link, a:visited{color:#FF7D9A;Font-Size:10px;text-decoration:none;}
a:hover{color:#FF7D9A;background-image:url(http://i190.photobucket.com/albums/z29/Beowolf0129/umbrella1-pink17.gif);background-repeat:repeat;border:1px dotted #FF7D9A;position:relative;top:1px;left:1px;}
body{background:url(http://i190.photobucket.com/albums/z29/Beowolf0129/umbrella1-pink25-1.gif) transparent no-repeat;background-position:50% 0;}
html{background:url(http://i190.photobucket.com/albums/z29/Beowolf0129/umbrella1-pink26.gif);background-position:50% 0;}
#yblogtitle .mbd, #yblogtitle .mft{background:transparent;color:#E06E94;padding-top:220px;text-align:center;}
#yblogtitle h1, #yblogtitle a {color:#E06E94;font-size:10px;}
#yblogtitle .tft {margin:0px 0px 0px 0px;}
#yblogtitle .rctop{background:transparent left top no-repeat;margin-right:0px;}
#yblogtitle .rctop div{background:transparent right top no-repeat;height:0px;right:-0px;}
#yblogtitle .rcl{background:transparent repeat-y;border:none;}
#yblogtitle .rcr{background:transparent right repeat-y;}
#yblogtitle .rcbtm {background:transparent left bottom no-repeat;margin-right:0px;}
#yblogtitle .rcbtm div {background:transparent right bottom no-repeat;height:0px;right:-0px;}
.ysm , .ysm .ysmlabel, .ysm DL , .ysm DL.last {display:none;margin-right:0px;}
div#btnsbsrb a{display:block;width:76px;height:38px;overflow:hidden;background:url(http://i190.photobucket.com/albums/z29/Beowolf0129/17.gif) no-repeat;margin:0;}
div#btnsbsrb_nologin a{display:block;width:76px;height:38px;overflow:hidden;background:url(http://i190.photobucket.com/albums/z29/Beowolf0129/17.gif) no-repeat;margin:0;}
div#btnsbsrb a:hover{display:block;width:76px;height:38px;overflow:hidden;background:url(http://i190.photobucket.com/albums/z29/Beowolf0129/17.gif) no-repeat;margin:0;}
div#btnsbsrb_nologin a:hover{display:block;width:76px;height:38px;overflow:hidden;background:url(http://i190.photobucket.com/albums/z29/Beowolf0129/17.gif) no-repeat;margin:0;}
#yblogtitle .tft {text-align:right;padding-bottom:0px;position:relative;}
div.btncomment a{display:block;width:76px;height:38px;background:url(http://i190.photobucket.com/albums/z29/Beowolf0129/18.gif) no-repeat;}
div.btncomment a:hover {display:block;width:76px;height:38px;background:url(http://i190.photobucket.com/albums/z29/Beowolf0129/18.gif) no-repeat;}
div.btntrackback a {display:block;width:76px;height:38px;background:url(http://i190.photobucket.com/albums/z29/Beowolf0129/20.gif) no-repeat;}
div.btntrackback a:hover {display:block;width:76px;height:38px;background:url(http://i190.photobucket.com/albums/z29/Beowolf0129/20.gif) no-repeat;}
div.btncompose a{display:block;width:76px;height:38px;overflow:hidden;background:url(http://i190.photobucket.com/albums/z29/Beowolf0129/21.gif) no-repeat;}
div.btnphoto a{display:block;width:76px;height:38px;overflow:hidden;background:url(http://i190.photobucket.com/albums/z29/Beowolf0129/22.gif) no-repeat;}
div.btnsetup a{display:block;height:38px;background:url(http://i190.photobucket.com/albums/z29/Beowolf0129/24.gif) no-repeat;}
div.btnulprfphoto a {display:block;width:76px;height:38px;overflow:hidden;background:url(http://i190.photobucket.com/albums/z29/Beowolf0129/25.gif) center top no-repeat;}
div.btneditprf a {display:block;width:76px;height:38px;overflow:hidden;background:url(http://i190.photobucket.com/albums/z29/Beowolf0129/26.gif) center top no-repeat;}
.yc3pribd .mbd, .yc3pribd .mft{padding:10px;background:transparent;color:#BE87BA;}
.yc3pribd .mbd{background:transparent;color:#F09BAD;}
.yc3pribd .mft, #yreplymsg table, #ysbscrblist table, #ybloginfo table, #yusrinfo table, #yusrintro p {background:transparent;color:#F09BAD;}
.yc3pribd .mbd{font-size:100%;background:url(http://i190.photobucket.com/albums/z29/Beowolf0129/umbrella1-pink27.gif);color:#FFFFFF;border:0px dotted;}
.yc3pribd .mbd, .yc3pribd .mft, #yreplymsg table, #ysbscrblist table, #ybloginfo table, #yusrinfo table, #yusrintro p {background:url(http://i190.photobucket.com/albums/z29/Beowolf0129/umbrella1-pink27.gif);color:#F09BAD;Font-Size:10px;}
.yc3sec .mhd, .yc3subbd .mhd{background:url(http://i190.photobucket.com/albums/z29/Beowolf0129/toybox.gif) no-repeat right top;color:#F09BAD;Font-Size:10px;height:45px;text-decoration:none;}
#ymodcal .mhd{background:url(http://chu.itigo.jp/sozai/20110212miniicon/minih1.gif) no-repeat right top;color:#DE9EB3;Font-Size:10px;height:30px;padding-top:30px;}
.yc3sec .mhd a, .yc3subbd .mhd a, .yc3sec .mhd a:link, .yc3subbd .mhd a:link, .yc3sec .mhd a:visited, .yc3subbd .mhd a:visited{color:#E66989;Font-Size:10px;}
.yc3sec .mbd, .yc3subbd .mbd, .yc3sec .mft, .yc3subbd .mft{background:transparent;color:#E66989;Font-Size:10px;}
#ycmntlist .listbd a {}
#ycmntlist .mbd li a {background:#F09BAD;color:#FF7F7C;}
#ycmntlist .mbd li strong {background:#F09BAD;color:#FF7F7C;Font-Size:10px;}
#ycmntlist .listbd {background:url(http://i190.photobucket.com/albums/z29/Beowolf0129/umbrella1-pink27.gif) #FFA8A8 repeat;color:#FF7F7C;Font-Size:10px;}
#ycmntlist table th {background:#FFA8A8;color:#FF7F7C;}
#ycmntlist .reply {background:#FFA8A8;color:#FF7F7C;}
#ycmntlist .listbd a {color:#FF7F7C;}
div#postrte th{background:url(http://i190.photobucket.com/albums/z29/Beowolf0129/32-3.gif);font-family:標楷體;color:#FF7F7C;Font-Size:10px;}
div#postrte td{font-family:新細明體;color:#FF7F7C;Font-Size:10px;}
div#caption{font-family:新細明體;color:#FF7F7C;Font-Size:10px;}
div#rteNote{font-family:新細明體;color:#FF7F7C;Font-Size:10px;}
#yreplymsg label{font-family:新細明體;color:#FF7F7C;font-size:14px;}
#yreplymsg td{font-family:新細明體;color:#FF7F7C;font-size:122%;}
#yreplymsg table {background:url(http://i190.photobucket.com/albums/z29/Beowolf0129/32-3.gif);}
#yreplymsg table, div
#postrte th, div.buttonmenu, table
#datatable td input, div.actionbar span,
#yartcmt .pagination{background:transparent;}
#ymsgboard .rcr q, div.cmntusrinfo span, div.cmntusrinfo.reportbtns span,
#yreplymsg table, div
#postrte th,
#yphtgallery .text q{background:transparent;}
select, option,
#yphtsingle .text q,
#yphtgallery .actionbar, div.buttonmenu, table
#datatable td input, div.actionbar span,
#yreplymsg table {background:transparent;}
#ybloginfo table,
#yusrinfo table,
#yusrintro p , .listbd,
#ycmntlist table th ,
#ycmntlist .btncmntre{background:transparent;}
#ycmntlist .mbd,
#ycmntlist .mbd,
#ycmntlist .mbd li strong ,
#ycmntlist .mbd li a,
#ycmntlist table th ,
#ycmntlist .listbd ,
#ycmntlist .reply , table#bloginfo th , table
#usrinfo th , div
#ymngmsg q span , div
#ymngmsg q span a ,
#ymngmsg .actionbar , div
#ymngmsg span , div.btncmntdel, div.btncmntre ,
#yphtgallery .text q ,
#yphtgallery .actionbar , div.buttonmenu {background:transparent;}
#ysbscrblist .actionbar ,
#ysbscrblist thead th ,
#ysbscrblist table , tbody td {background:transparent;}
#ymodprf .nickname{Font-Size:10px;font-weight:bold;}
#ymodprf .horos{background-image:url(http://i190.photobucket.com/albums/z29/Beowolf0129/girl29-3.gif);background-repeat:no-repeat;background-position:0% 50%;color:#FF7D9A;width:56px;height:68px;text-align:center;}
#ymodprf .horos img{display:none;}
#ymodcal .mbd td strong {color:#F09BAD;Font-Size:10px;}
.ycntmod .mbd ul.list li.more {margin:0 0;text-align:right;background:url(http://www.emirin.com/main08/sozai/sozai/but_hea/b_18.gif) 0px center no-repeat;}
.ycntmod .mbd ul.list li {background:url(http://www.emirin.com/main08/sozai/sozai/but_hea/b_18.gif) left .1em no-repeat;padding-left:24px;margin-bottom:2px;}
.yc3sec .mbd,
.yc3sub .mbd{zoom:1;}
html{SCROLLBAR-FACE-COLOR:#FF7D9A;
SCROLLBAR-HIGHLIGHT-COLOR:#FFFFFF;
SCROLLBAR-SHADOW-COLOR:#FFFFFF;
SCROLLBAR-3DLIGHT-COLOR:#FFFFFF;
SCROLLBAR-ARROW-COLOR:#FF7D9A;
SCROLLBAR-DARKSHADOW-COLOR:#FF7D9A;}
#yblast .bg {background:url(http://i190.photobucket.com/albums/z29/Beowolf0129/umbrella1-pink1.gif) no-repeat;width:9px;height:11px;}
#yblast .text{color:#FF7D9A;Font-Size:10px;}
.yc3pribd .text {color:#FF7D9A;Font-Size:12px;}
.ycnt3col {position:relative;zoom:0 !important;}
#ypartsingle .date, #yarticle .date {display:none;}
.ycntmod .mbd ul.list li.more {background:transparent;border:none;}
#ysbscrblist .actionbar ,
#ysbscrblist thead th , #ysbscrblist table , tbody td {background:transparent;}
.ycntmod {width:100%;position:relative;margin-bottom:10px;overflow:hidden;}
.ycntmod .rctop {zoom:1;background:transparent left top repeat;margin-right:0px;}
.ycntmod .rctop div {background:transparent right top no-repeat;height:0px;font-size:0;position:relative;right:-0px;}
.ycntmod .rcbtm {zoom:1;background:transparent left bottom repeat;margin-right:0px;}
.ycntmod .rcbtm div {background:transparent right bottom no-repeat;height:0px;font-size:0;position:relative;right:-0px;}
.ycntmod .rcl {padding-left:0px;background:transparent repeat;}
.ycntmod .rcr {zoom:1;padding-right:0px;background:transparent right repeat-y;}
.ycntmod .text {position:relative;word-break:break-all;}
.yc3pribd .ycntmod{overflow:visible;}
.yc3sec .rctop, .yc3sub .rctop {background:transparent repeat;margin-right:0px;}
.yc3sec .rctop div, .yc3sub .rctop div {background:transparent right top no-repeat;height:0px;font-size:0;position:relative;right:-0px;}
.yc3sec .rcbtm, .yc3sub .rcbtm {background:transparent repeat;margin-right:0px;}
.yc3sec .rcbtm div, .yc3sub .rcbtm div {background:transparent right bottom no-repeat;height:0px;Font-Size:10px;position:relative;right:-0px;}
.yblogcnt .blgtitlebar {margin-bottom:10px;zoom:1;}
.yblogcnt .blgtitlebar h2 {background:url(http://i190.photobucket.com/albums/z29/Beowolf0129/dog_c01.gif) no-repeat;padding-left:87px;height:44px;}
.yblogcnt .blgtitlebar h2 a {color:#F06785;Font-Size:12px;padding-right:0px;}
#ymodupdate .mbd .date{background:transparent url(http://i190.photobucket.com/albums/z29/Beowolf0129/girl29-3.gif) left center no-repeat;padding-left:13px;Font-Size:10px;}
.ycntmod .mbd ul.list li.more {margin:0 0;text-align:right;background:url(http://i190.photobucket.com/albums/z29/Beowolf0129/02_07.gif) 16px center no-repeat;}
#ymodcal .mbd td strong {color:#F06785;}
.top {display:none;}
.bottom {display:none;}
.yc3pribd .mhd{display:none;}
#yartcmt .pagination{height:70px;background:url(http://i190.photobucket.com/albums/z29/Beowolf0129/girl29-3.gif) no-repeat;background-position:center;}
#yleavemsg #rte {background:transparent url(http://i190.photobucket.com/albums/z29/Beowolf0129/girl29-3.gif) no-repeat scroll center top;padding-top:68px;}
#ypreviewmsg .yvstrcmnt{background:transparent url(http://i190.photobucket.com/albums/z29/Beowolf0129/girl29-3.gif) no-repeat scroll center top;padding-top:68px;}
#yhtw_mastfoot{display:none;}
倆寶貝製作邊框
.ycntmod {width:100%;position:relative;margin-bottom:10px;overflow:hidden;}
.ycntmod .rctop {background:url(http://i190.photobucket.com/albums/z29/Beowolf0129/umbrella1-pink24-6-1.gif) left top no-repeat;margin-right:5px;}
.ycntmod .rctop div {background:url(http://i190.photobucket.com/albums/z29/Beowolf0129/umbrella1-pink24-6-2.gif) right top no-repeat;height:32px;font-size:0;position:relative;right:-5px;}
.ycntmod .rcbtm {background:url(http://i190.photobucket.com/albums/z29/Beowolf0129/umbrella1-pink24-3.gif) left bottom no-repeat;margin-right:5px;}
.ycntmod .rcbtm div {background:url(http://i190.photobucket.com/albums/z29/Beowolf0129/umbrella1-pink24-4.gif) right bottom no-repeat;height:128px;font-size:0;position:relative;right:-5px;}
.ycntmod .rcl {padding-left:5px;background:url(http://i190.photobucket.com/albums/z29/Beowolf0129/umbrella1-pink24-5.gif) repeat-y;}
.ycntmod .rcr {padding-right:5px;background:url(http://i190.photobucket.com/albums/z29/Beowolf0129/umbrella1-pink24-6.gif) right repeat-y;}
.ycntmod .text {position:relative;word-break:break-all;}
.yc3pribd .ycntmod{overflow:visible;}
.yc3pribd .ycntmod .yblogcnt{overflow:hidden;}
.yc3pribd .mbd{zoom:1;}
#ymodupdate{display:none;}
圖來自網站❣純屬個人喜好非營業商用行為…若侵權請告知刪除‥ 謝謝妳
留言列表