Lisa的部落格

三欄

想要左欄加寬的話請看

如何讓版型設定中的左欄窄也變左欄加寬

適用解析度

1280*768

1024*768

如何張貼版型

奇摩部落格隱藏 ccs

注意:左欄無法跟 3欄右欄相融合所以需要另外覆蓋

請在將此下紫色語法複製再與下面紅色語法覆蓋

左欄專用

BODY {TEXT-ALIGN:center;}

.thrcol.class {min-width:900px;}
.thrcol .ycnt3col {width:900px;text-align:left;margin:0 auto;}
.thrcol .yc3mainbd {margin-left:185px;}
.thrcol .yc3pribd {margin-right:0px;}
.thrcol .yc3sec {position:absolute;width:180px;left:0px;}
.thrcol .yc3subbd {width:0px;}

語法複製開始↓

BODY {TEXT-ALIGN:center;}

.twocolga .yc3main {width:100%;float:left;}
.twocolga .yc3mainbd {margin-right:55px;}
.twocolga .yc3pri {width:100%;}
.twocolga .yc3subbd {width:185px;position:absolute;right:0px;}
.twocolga .yc3sec {display:none;}
.twocolga #yhtw_mastfoot, .twocoldr #yhtw_mastfoot {width:900px;margin:0 auto;}
.twocolga, .twocoldr{min-width:10px;}
.twocolga .ycnt3col, .twocoldr .ycnt3col {zoom:1;width:900px;text-align:left;margin:0 auto;}

#yartcmt .pagination{background:url(http://b.share.photo.xuite.net/ru6854/1b66c87/5761781/225099154_x.jpg) no-repeat;height:300px;background-position:center;}
#ypreviewmsg .yvstrcmnt{background:transparent url(http://b.share.photo.xuite.net/ru6854/1b66c87/5761781/225099154_x.jpg) no-repeat scroll center top;padding-top:300px;}
#yblogtitle .mbd{background:url(http://b.share.photo.xuite.net/ru6854/1b66ca2/5761781/225088685_x.jpg);filter:alpha(opacity=40);}
body {background:url(http://i.imgur.com/p1clL.jpg) center top transparent no-repeat;}
html {background:url(http://i.imgur.com/g6ICV.jpg) center top;}

body{cursor:URL(http://ru6854.myweb.hinet.net/177.ani);}
a:hover{cursor:URL(http://ru6854.myweb.hinet.net/178.ani);}

#yblast .bg {background:transparent no-repeat;}
#yblast .text{color:#000000;padding-top:30px;}
#yblast{text-align:center;}
#yblast .text{font-size:14px;font-weight:bolder;}
.yc3pribd .mbd{background:repeat;font-size:16px;color:#000000;}

#yblogtitle .mbd, #yblogtitle .mft{background:url no-repeat;color:#000000;padding:110px 50px 10px 500px;text-align:right;font-family:華康行書體;font-size:16px;}#yblogtitle h1, #yblogtitle a {color:#000000;font-size:20px;font-weight:bolder;}#yblogtitle .tbd{height: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 rightbottom no-repeat;height:0px;right:-0px;}

div.btncompose a{display:block;width:100px;height:33px;overflow:hidden;background:url(http://b.share.photo.xuite.net/ru6854/1b66c8f/5761781/225089690_x.jpg) no-repeat;}
div.btnphoto a{display:block;width:100px;height:33px;overflow:hidden;background:url(http://b.share.photo.xuite.net/ru6854/1b66c91/5761781/225089692_x.jpg) no-repeat;}
div.btnsetup a{display:block;width:100px;height:33px;overflow:hidden;background:url( http://b.share.photo.xuite.net/ru6854/1b66c94/5761781/225089695_x.jpg) no-repeat;}
#yblogtitle .tft {margin:300px 00px 0px 0px;}

div#btnsbsrb a{display:block;width:100px;height:33px;overflow:hidden;background:url(http://b.share.photo.xuite.net/ru6854/1b66c95/5761781/225089696_x.jpg) no-repeat;margin:0;}
div#btnsbsrb_nologin a{display:block;width:100px;height:33px;overflow:hidden;background:url( http://b.share.photo.xuite.net/ru6854/1b66c95/5761781/225089696_x.jpg) no-repeat;margin:0;}

div.btncomment a {display:block;height:215px;width:79px;background:url(http://b.share.photo.xuite.net/ru6854/1b66c42/5761781/225079629_x.jpg) no-repeat;}
div.btntrackback a {display:block;height:215px;width:79px;background:url( http://b.share.photo.xuite.net/ru6854/1b66c44/5761781/225079631_x.jpg) no-repeat;}

.yc3pribd .mhd{background:url(http://b.share.photo.xuite.net/ru6854/1b66c3e/5761781/225077321_x.jpg) repeat;color:#02638E;height:27px;background-position:center;text-align:center;padding-top:0px;}
.yblogcnt .blgtitlebar {margin-bottom:9px;zoom:1;}

.yblogcnt .blgtitlebar h2 {font-size:125%;font-weight:bold;background:url(http://b.share.photo.xuite.net/ru6854/1b66ca9/5761781/225078964_x.jpg) no-repeat;padding-left:71px;padding-top:100px;}

.ycntmod .mbd ul.list li {background:#DEC5B0 url(http://b.share.photo.xuite.net/ru6854/1b66c9f/5761781/225099946_x.jpg) no-repeat 0% 0%;padding:3px 0 3px 21px;margin-bottom:2px;COLOR:#BFCDBC;border:1.5px;BORDER-TOP-STYLE:dotted;BORDER-RIGHT-STYLE:dotted;BORDER-LEFT-STYLE:dotted;BORDER-BOTTOM-STYLE:dotted;}
.ycntmod .mbd ul.list li.more {margin:2px 0 0 2px;text-align:right;background:#DEC5B0 url(http://b.share.photo.xuite.net/ru6854/1b66ca2/5761781/225099949_x.jpg) 30px center no-repeat;}

#ymodupdate .mbd .date{background:url(http://b.share.photo.xuite.net/ru6854/1b66ca2/5761781/225099949_x.jpg) left center no-repeat;padding-left:19px;padding-top:1px;font-size:100%;font-family:verdana;border:1px solid #E2D3C0;}

.yc3sec .mhd, .yc3subbd .mhd, .yc3sec .mhd a, .yc3subbd .mhd a, .yc3sec .mhd a:link, .yc3subbd .mhd a:link, .yc3sec .mhd a:visited, .yc3subbd .mhd a:visited{background:url(http://b.share.photo.xuite.net/ru6854/1b66c2c/5761781/225072183_x.jpg) no-repeat center top;height:50px;width:155px;color:#929C90;text-align:center;padding-top:5px;FILTER:Alpha(opacity=40);}
.yc3sec .mhd a, .yc3subbd .mhd a, .yc3sec .mhd a:link, .yc3subbd .mhd a:link, .yc3sec .mhd a:visited, .yc3subbd .mhd a:visited{background:none;}
.ycntmod .mhd h3 {font-family:華康行書體;font-size:20px;text-align:center;}

#ymodcal .mhd{background:url(http://) center top no-repeat;color:#000000;padding-left:0px;padding-top:10px;font-weight:bolder;height:25px;}

#ymodcal th {color:#87D3BC;}
#ymodcal .mbd td strong {color:#ccoooo;}

div.btnblgedit, div.btnblgdel, div.btnblgreport, div.btncmntdel {background:#BFCDBC;color:#FEFDE1;border:1.5px dotted #E3C9B4;}
.reportbtns span{background:#E3C9B4;color:#BFCDBC;border:1.5px dotted;}
input, select{background:#E3C9B4;color:#000000;border:2px inset #BFCDBC;FONT-SIZE:15px;font-family:verdana;}

#ycmntlist .mbd li a {background:url(http://b.share.photo.xuite.net/ru6854/1b66cd3/5761781/225029086_x.jpg);color:#cc0000;}
#ycmntlist .mbd li strong {background:url( http://b.share.photo.xuite.net/ru6854/1b66cd3/5761781/225029086_x.jpg);color:#cc0000;}

.yc3sec .mhd a, .yc3subbd .mhd a, .yc3sec .mhd a:link, .yc3subbd .mhd a:link, .yc3sec .mhd a:visited, .yc3subbd .mhd a:visited{color:#D02E70;}.yc3sec .mbd, .yc3subbd .mbd, .yc3sec .mft, .yc3subbd .mft{background:transparent;color:#446D8C;}

a, a:link, a:visited{color:#000000;text-decoration:none;}
a:hover{color:#D02E70;position:relative;top:2px;background:url(http://0.share.photo.xuite.net/z999733/10ddfe8/5370589/206167819_x.jpg) repeat-x bottom;}

html{SCROLLBAR-FACE-COLOR:#E3C9B4;
SCROLLBAR-HIGHLIGHT-COLOR:#ffffff;
SCROLLBAR-3DLIGHT-COLOR:#ffffff;
SCROLLBAR-ARROW-COLOR:#ffffff;
SCROLLBAR-DARKSHADOW-COLOR:#E3C9B4;}

.yc3pribd .rctop {zoom:1;background:left bottom no-repeat;margin-right:px;}
.yc3pribd .rctop div {background:right bottom no-repeat;height:px;font-size:0;position:relative;right:-px;}
.yc3pribd .rcbtm {zoom:1;background:left bottom no-repeat;margin-right:px;}
.yc3pribd .rcbtm div {background:right bottom no-repeat;height:px;font-size:0;position:relative;right:-px;}

.yc3pribd .rcl {padding-left:px;background:repeat-y;}
.yc3pribd .rcr {zoom:1;padding-right:px;background:right top repeat-y;}
.yc3pribd .yc3pribd{overflow:visible;}
.yc3pribd .yc3pribd .yblogcnt{overflow:hidden;}

.yc3sec .rctop, .yc3sub .rctop {zoom:1;background:url(http://b.share.photo.xuite.net/ru6854/1b66c56/5761781/225029217_x.jpg) left top no-repeat;margin-right:0px;}
.yc3sec .rctop div, .yc3sub .rctop div {background:transparent right top no-repeat;height:15px;font-size:0;position:relative;right:0px;}
.yc3sec .rcl, .yc3sub .rcl {padding-left:10px;background:url(http://b.share.photo.xuite.net/ru6854/1b66c5b/5761781/225029222_x.jpg) repeat-y;}
.yc3sec .rcr, .yc3sub .rcr {zoom:1;padding-right:20px;background:transparent right repeat-y;}
.yc3pribd .ycntmod{overflow:visible;}
.yc3pribd .ycntmod .yblogcnt{overflow:hidden;}
.ycntmod .mbd ul.list li{color:#000000;}
.yc3sec .rcbtm, .yc3sub .rcbtm {zoom:1;background:url(http://b.share.photo.xuite.net/ru6854/1b66c62/5761781/225029229_x.jpg) left bottom no-repeat;margin-right:0px;}
.yc3sec .rcbtm div, .yc3sub .rcbtm div {background:transparent right bottom no-repeat;height:100px;font-size:0;position:relative;right:0px;}

.listbd {background:url(http://b.share.photo.xuite.net/ru6854/1b66cd2/5761781/225029085_x.jpg);color:#CC0000;}　
#ycmntlist table th {background:url(http://b.share.photo.xuite.net/ru6854/1b66cd2/5761781/225029085_x.jpg);color:#000000;}　
 
ttable#bloginfo th {background:url(http://b.share.photo.xuite.net/ru6854/1b66cd2/5761781/225029085_x.jpg);}
table#bloginfo td {background:url(http://b.share.photo.xuite.net/ru6854/1b66cd2/5761781/225029085_x.jpg);}
table#usrinfo th {background:url(http://b.share.photo.xuite.net/ru6854/1b66cd2/5761781/225029085_x.jpg);}
table#usrinfo td {background:url(http://b.share.photo.xuite.net/ru6854/1b66cd2/5761781/225029085_x.jpg);}
#yusrintro p {background:url( http://b.share.photo.xuite.net/ru6854/1b66cd2/5761781/225029085_x.jpg);}

.yc3pribd .mft, #yreplymsg table, #ysbscrblist table, #ybloginfo table, #yusrinfo table, #yusrintro p {background-image:url(http://b.share.photo.xuite.net/ru6854/1b66cd2/5761781/225029085_x.jpg);color:#BFCDBC;border:2px dotted;TEXT-ALIGN:center;}.listbd {color:#BFCDBC;}
#ycmntlist .btncmntre {}

#ycmntlist .reply {color:#000000;}

#ybloginfo table, #yusrinfo table, #yusrintro p {background:transparent;color:#000000;}

#yhtw_mastfoot, #yhtw_mastfoot a, #yhtw_mastfoot a:hover{color:#000000;}

#yhtw_mastfoot{margin-top:5px;}

#ymodprf .nickname a {font-size:15px;}

#yhtw_mastfoot{display:none;}

.ysm  {display:none;}
.ysm .ysmlabel {display:none;}
.ysm DL {display:none;}
.ysm DL.last {display:none;}

/*=============語法結束================*/

http://tw.myblog.yahoo.com/ru6854/article?mid=53026&prev=-1&next=52628

三欄

想要左欄加寬的話請看

如何讓版型設定中的左欄窄也變左欄加寬

適用解析度

1280*768

1024*768

如何張貼版型

奇摩部落格隱藏 ccs

注意:左欄無法跟 3欄右欄相融合所以需要另外覆蓋

請在將此下紫色語法複製再與下面紅色語法覆蓋

左欄專用

BODY {TEXT-ALIGN:center;}

.thrcol.class {min-width:900px;}
.thrcol .ycnt3col {width:900px;text-align:left;margin:0 auto;}
.thrcol .yc3mainbd {margin-left:185px;}
.thrcol .yc3pribd {margin-right:0px;}
.thrcol .yc3sec {position:absolute;width:180px;left:0px;}
.thrcol .yc3subbd {width:0px;}

語法複製開始↓

BODY {TEXT-ALIGN:center;}

.twocolga .yc3main {width:100%;float:left;}
.twocolga .yc3mainbd {margin-right:55px;}
.twocolga .yc3pri {width:100%;}
.twocolga .yc3subbd {width:185px;position:absolute;right:0px;}
.twocolga .yc3sec {display:none;}
.twocolga #yhtw_mastfoot, .twocoldr #yhtw_mastfoot {width:900px;margin:0 auto;}
.twocolga, .twocoldr{min-width:10px;}
.twocolga .ycnt3col, .twocoldr .ycnt3col {zoom:1;width:900px;text-align:left;margin:0 auto;}