请问如何给百度空间页面往两边侧缩进一定距离
这个问题比较复杂,让我简单的回答.
找到.stage,修改成
.stage{ text-align:center;margin-bottom:85px;background:url() repeat-y center;}
/*外边框*/
.stagepad{
width:700px !important;
width:600px;
margin:0 auto;
}
700PX就是页面宽度了,可以自己调整,注意修改后标题背景图片最好和这个宽度一致.下面给你个CSS代码参考.
body{ :url();
SCROLLBAR-FACE-COLOR:#FFFFFF;
SCROLLBAR-HIGHLIGHT-COLOR: #e6486c;
SCROLLBAR-SHADOW-COLOR: #e6486c;
SCROLLBAR-3DLIGHT-COLOR: #FFFFFF;
SCROLLBAR-DARKSHADOW-COLOR: #FFFFFF;
SCROLLBAR-ARROW-COLOR: #e6486c;
SCROLLBAR-TRACK-COLOR: #FFFFFF;
overflow-y:auto;
overflow-x:hidden;
margin:0;
padding:0;
background:#e1ffe1 url();
background-attachment:fixed;}
/*整体背景*/
a{color:#006600;CURSOR: url(' ');}
a:hover{color:#006600;CURSOR: url(' ');}
textarea{cursor:url(' ')}
/*鼠标效果*/
a:visited{color:#006600}
#main{margin:0 auto;background:url() no-repeat 50% 100%}
/*主版面尾图*/
#header{height:377px;padding-left:100px;background:url() no-repeat 50% 0}
/*主版面头图*/
#header div.rc {background:url()}
#header div.tit{display:none;top:24px;left:110px;line-height:40px;font-size:40px;font-family:DFNewchuan-b5}
#header div.tit a.titlink{color:#006600;text-decoration:none}
#header div.tit a.titlink:visited{color:#006600;text-decoration:none}
#header div.desc{display:none;top:40px;left:280px;color:#ffffff;font-size:10pt}
#tabline{top:30px}
#tab{position:relative;top:310px;left:372px}
#tab a.on,#tab a.on:link,#tab a.on:visited{margin-top:2px;text-decoration:none;line-height:10px;color:#666666;font-size:9pt;padding:0.25em;margin:0.2em auto}
#tab span{display:none;color:#cccccc;font-size:9pt;line-height:10px}
#tab a:link{color:#009900;text-decoration:none;font-size:9pt;line-height:10px;padding:0.25em;margin:0.2em auto}
#tab a:hover{position:relative; left:1px; top:1px; clip:rect();line-height:10px;padding:0.25em;margin:0.2em auto}
#tab a:visited{color:#009900;text-decoration:none;font-size:9pt;line-height:10px;padding:0.25em;margin:0.2em auto}
#tab2{position:relative;left:103px;height:160px;width:770px;font-size:12px;background:url() repeat-y center}
/*外边框*/
#tab2 span{color:#666666;font-size:12px}
#tab2 a{color:#009900;font-size:12px}
#tab2 a:link{color:#009900}
#tab2 a:visited{color:#009900}
.stage{ text-align:center;margin-bottom:85px;background:url() repeat-y center;}
/*外边框*/
.stagepad{
width:700px !important;
width:600px;
margin:0 auto;
}
#layout{
background:#fff;
table-layout:fixed;
width:740px;
border:solid 1px #fff;
margin:0 auto;
}
#layout td.c2t1{padding-left:5px;}
#layout td.c2t2{width:5px;background:url( ) repeat-y}
/*文章列表背景图*/
#layout td.c2t3{padding:0 5px;background:url( ) repeat-x bottom left}
/*文章列表最下面背景图*/
/*播放器设置*/
#m_bgmusic {}
#mod_bgmusic{text-align:center;}
#phx{FILTER: Alpha(Opacity=70, FinishOpacity=20, Style=3, StartX=20, StartY=40, FinishX=0, FinishY=0) invert(); WIDTH:98%; HEIGHT: 64px}
/**
#phx{FILTER: Alpha(Opacity=70, FinishOpacity=0, Style=3, StartX=20, StartY=40,FinishX=0,FinishY=0)green() invert(); WIDTH: 100%; HEIGHT: 200px}
/**
.mod{margin-bottom:0px;color:#006600; }
.modhandle{cursor:move}
.modth{height:24px}a.modth:link{color:#333333}a.modth:hover{position:relative;left:1px;top:1px;clip:rect();}a.modth:visited{color:#333333}
.modhead{background:url() no-repeat center left;padding:4px 8px 0 8px ;
/******
color:#577;background:#97b575;border-top:1px dotted #6a7;line-height:1.5em
*******/
}
/*各模块标题前的小图*/
.modopt{padding:4px 8px 0 8px;
/*******
color:#577;background:#97b575;border-top:1px dotted #6a7;line-height:1.5em
******/
}
.modtit{text-indent:13px;color:#006600;font-size:12px}a.modtit{color:#006600}a.modtit:visited{color:#006600; }
.modtitlink{color:#FF5100;font-size:12px}a.modtitlink{color:#FF5100;text-decoration:none}a.modtitlink:visited{color:#FF5100;text-decoration:none}a.modtitlink:hover{color:#FF5100;text-decoration:underline; }
.modact{color:#006600;font-size:12px}
a.modact:link{color:#006600}
a.modact:visited{color:#006600}
.modbox{ padding:0px 0px 0 5px;border-left:1px dotted #6a7;border-right:1px dotted #6a7; border-top:1px dotted #6a7}
/*各模块主体边框*/
.modtc{filter:Chroma(Color=white)}
.modbl{border-top:1px dotted #6a7;}
.modbc{border-top:1px dotted #6a7; }
/*各模块间的下横线*/
.modbr{line-height:5px}
.modbox{filter:alpha(opacity=80);-moz-opacity:0.8;width:auto !important;width:100%}
.blogimg{filter:alpha(opacity=70);border:solid 1px #cccccc;background:url()}
#m_blog{filter:chroma(color=#E1FFE1)}
#m_blog div.tit{color:#009900;font-size:16px;text-align:left;verticle-align:middle;text-indent:26px;height:70px;line-height:40px;background:url() no-repeat top right;}
#m_blog div.tit:hover{ background:url() no-repeat top right }
/*文章标题下的图*/
#m_blog div.tit a{color:#009900;font-size:16px;text-decoration:none}
#m_blog div.tit a:visited{color:#009900}
#m_blog div.tit a:hover{color:#000000;text-decoration:none}
#m_blog div.date{font-size:12px;margin:5px 0 8px 0;color:#666666;text-align:right}
#m_blog div.cnt{color:#333333;line-height:20px;font-size:12px}
#m_blog div.cnt a{color:#4B724B}
#m_blog div.cnt a:visited{color:#4B724B}
#m_blog div.more{margin:14px 0 16px 0;text-align:right}
#m_blog div.more a{color:#006600;font-size:14px}
#m_blog div.more a:visited{color:#006600}
#m_blog div.opt{text-align:right;}
/** “类别:默认分类|编辑|删除|评论|浏览”等链接文字的样式
color:#577;background:#97b575;border-top:1px dotted #6a7;
font-size:12px;line-height:1.5em;margin-top:0px;padding:0px 014px 2px 9px;
**/
#m_blog div.opt a{color:#006600;font-size:12px}
#m_blog div.opt a:visited{color:#006600}
#m_blog div.line{margin-top:17px;line-height:17px;
/* background:url() repeat-x */
border-top:1px dotted #6a7;
}
/*各篇文章间的隔线*/
#m_blog div.none{padding:100px 0 100px 0;color:#333333;font-size:14px}
/*
#m_pro{}
#m_pro a{color:#006600}
#m_pro a:visited{color:#006600}
#m_pro div.act{margin-top:2px}
#m_pro div.user{margin-top:2px;color:#ffffff;font-size:12px;text-align:right}
#m_pro div.desc{color:#333333;font-size:12px}
#m_pro div.line{background:url() no-repeat; margin-top:17px;line-height:17px;border-top:1px solid #E1FFE1}
#m_pro td{color:#333333;line-height:24px;font-size:12px}
*/
#m_filed div.item{color:#333333}
#m_filed div.item a{color:#333333}
#m_filed div.item a:hover{color:#006600;position:relative;left:1px;top:1px;clip:rect()}
#m_filed div.item a:visited{color:#666666}
#m_filed div.line{margin-top:2px;line-height:3px}
#m_albumlist div.note{color:#333333;font-size:12px}
#m_albumlist div.desc{margin-bottom:12px;padding:3px 10px 3px 10px;line-height:22px;background-color:#F2F2F2;font-size:12px}
#m_albumlist div.none{padding:100px 0 100px 0;color:#333333;font-size:12px}
#m_albumlist div.line{margin-top:10px;line-height:16px;border-top:1px solid #E1FFE1}
#m_albumlist div.tit{margin:6px 0 7px 0;color:#333333;font-size:12px}
#m_albumlist div.tit a{color:#006600;font-size:12px}
#m_albumlist div.tit a:visited{color:#006600}
#m_albumlist span.count{color:#CCCCCC;font-size:12px;font-weight:bold}
#m_albumlist span.size{color:#999999;font-size:12px;font-family:Arial}
#m_albumlist a.act{color:#006600;font-size:12px}
#m_albumlist a.act:visited{color:#006600}
#m_albumlist a.page{color:#006600;font-size:12px}
#m_albumlist a.page:visited{color:#006600}
#m_albumlist td.image{padding:10px;border:1px solid #999999;background:#FFFFFF}
#m_album{filter: chroma(color=#E1FFE1);}
#m_album div.image{text-align:center}
#m_album div.page{color:#CCCCCC;font-size:12px;text-align:center}
#m_album div.page a{color:#006600;font-size:12px}
#m_album div.page a:visited{color:#006600}
#m_links{scrollbar-face-color: #000000;
SCROLLBAR-FACE-COLOR:#006600;
SCROLLBAR-FACE-COLOR:#fff;
SCROLLBAR-DARKSHADOW-COLOR:#006600;
SCROLLBAR-HIGHLIGHT-COLOR:#000;
SCROLLBAR-3DLIGHT-COLOR:#006600;
SCROLLBAR-SHADOW-COLOR:#000;
SCROLLBAR-TRACK-COLOR:#fff;
overflow-y:auto;height:1140px;
/*友情链接的滚动条*/
#m_links{filter: chroma(color=#E1FFE1);background:url( ) top left}
/*友情链接的背景*/
#m_links div.item{color:#666666;font-size:12px}
#m_links div.item a{color:#333333;font-size:12px;text-decoration:none}
#m_links div.item a:hover{position:relative; left:1px; top:1px; clip:rect();}
#m_links div.item a:visited{color:#333333}
#m_links div.line{margin-top:5px;line-height:8px}
#m_artclg{filter: chroma(color=#E1FFE1);background:url( ) top left}
/*文章分类的背景*/
#m_artclg div.item{font-size:12px}
#m_artclg div.item a{color:#333333;font-size:12px;text-decoration:none}
#m_artclg div.item a:hover{position:relative; left:1px; top:1px; clip:rect();}
#m_artclg div.item a:visited{color:#333333}
#m_artclg div.line{margin-top:5px;line-height:8px}
#m_comment {filter: chroma(color=#E1FFE1);background:url( ) top left}
/*最新评论列表的背景*/
#m_comment div.item{text-indent:35px;color:#333333;font-size:12px}
#m_comment div.item a{color:#666666;font-size:12px}
#m_comment div.item a:visited{color:#666666}
#m_comment div.item a.cnt{color:#333333;font-size:12px;text-decoration:none}
#m_comment div.item a.cnt:visited{color:#333333;text-decoration:none}
#m_comment div.item a.cnt:hover{color:#006600;text-decoration:underline}
#m_comment div.line{margin-top:5px;line-height:8px}
#in_comment {width:710px}
#in_comment div.tit{margin-bottom:12px;color:#333333;font-size:12px;font-weight:bold}
#in_comment div.user{margin-bottom:6px;color:#333333;font-size:12px}
#in_comment div.user a{color:#006600;font-size:12px}
#in_comment div.user a:visited{color:#006600}
#in_comment div.user span.date{color:#666666;font-size:12px}
#in_comment div.desc{width:600px;color:#333333;font-size:12px}
#in_comment div.line{margin-top:17px;line-height:17px}
#in_send div.tit{margin:10px 0 10px 0;color:#333333;font-size:12px;font-weight:bold}
#in_send td.f14{font-size:12px;text-indent:12px}
#in_send td.f14 input{width:60px;border: 1px solid #D8F7B7;margin:0px;background:#FFFFFF;text-align:left;padding: 3px 0px 0px 5px;cursor:url(' ')}
#in_send input,#in_send textarea {border:1px solid #D8F7B7;font-size:12px;cursor:url(' ')}
/*鼠标效果*/
#spBlogCmtor {border: 1px solid #D8F7B7}
#spBlogCmtURL {border: 1px solid #D8F7B7}
#spBlogCmtText {border: 1px solid #D8F7B7;
background:url() no-repeat bottom right;
background-attachment: fixed}
/*评论框背景图*/
#m_friend div.filter{margin-bottom:10px;padding-left:10px;padding-top:10px;height:27px;line-height:27px}
#m_friend div.catalog{margin-bottom:10px;padding-left:10px;height:27px;line-height:27px;background-color:#F2F2F2;font-size:12px}
#m_friend div.user{margin-top:4px;color:#333333;font-size:12px}
#m_friend div.user a{color:#006600;font-size:12px}
#m_friend div.user a:visited{color:#006600}
#m_friend div.line{margin-top:10px;line-height:16px;border-top:1px solid #E1FFE1}
#comm_info{overflow:hidden;height:300px;color:#333333;font-family:Arial}
#comm_info div.line{background:url() no-repeat center;margin-top:5px;line-height:180px; padding-bottom: 40px; margin-bottom: 10px; bgc:#ffffff}
/*其他的中间部分图*/
#comm_info a{color:#FF6699;text-align:right;text-decoration:none}
#comm_info.mod{}
#pvshow{font-family:Georgia;font-size:10pt;color:#FF6699}
#page{height:30px;font-size:12px;font-family:Arial;text-align:center}
#page a:visited{color:#006600}
#page a:link{color:#006600}
#page span{padding:3px;color:#333333;font-size:12px;font-weight:bold}
#page a.pc{color:#006600;font-size:12px;font-weight:bold}
#page a.pc:visited{color:#006600}
#page a.pi{padding:3px;color:#006600;font-size:12px}
#page a.pi:visited{color:#006600}
#m_setting a{color:#006600}
#m_setting a:visited{color:#006600}
#m_setting{line-height:22px;color:#333333;font-size:12px}
#m_setting img.sel{border:4px solid #FFDB7B}
#m_setting img.unsel{border:1px solid #D2D2D2}
#m_setting span.tit{font-size:12px}
#m_setting span.usr{color:#CCCCCC}
#m_setting div.sel{padding-top:6px;font-size:12px;font-weight:bold}
#m_setting div.line{margin-top:20px;line-height:16px;border-top:1px solid #E1FFE1}
#m_sysinfo a{color:#006600}
#m_sysinfo a:visited{color:#006600}
#m_sysinfo{line-height:22px;color:#333333;font-size:12px}
#m_sysinfo span.new{color:#FF0000;font-size:10px;font-family:Arial}
#m_sysinfo span.date{color:#CCCCCC;font-size:12px}
#m_setbase{color:#333333;font-size:12px}
#m_setbase td{color:#333333;font-size:12px}
#m_setbase div.line{margin-top:5px;line-height:8px;border-top:1px solid #E1FFE1}
参考资料: