网页背景代码
时间:2009-04-03 来源:一品梅521
这是一个网页橙色背景的代码:
把它插在body的中间
<style type="text/css">
#navigation,#banner,#logo,#sidebar,#adbar,#footer p,#tagline,#utility{display:none;}
body{cursor:url(http://www.tuyaban.com.cn/cur/672.cur);}
body{background:url() repeat-x fixed;background-position:fixed;}
html{
SCROLLBAR-FACE-COLOR: rgb(234,234,234);
MARGIN: 0px;
SCROLLBAR-3DLIGHT-COLOR: rgb(234,234,234);
SCROLLBAR-DARKSHADOW-COLOR: rgb(234,234,234);
SCROLLBAR-BASE-COLOR: rgb(0,0,0);
BACKGROUND-COLOR: #fe871a;
border:0;
}
#grouppage{
font-size:11.5px;
color:#666 ;
font-family: Tahoma, Arial, "新宋体";
width:100%;
border:0;
}
#container{
width:778px;
border:0;
}
#widebar{
width:778px;
border:0;
}
#container #header{
width:778px;
background-image: url(http://fm311.img.xiaonei.com/tribe/20080112/19/37/A788005640906THO.gif);
}
#container #content{
width:778px;
border:0;
background-image: url(http://fm331.img.xiaonei.com/tribe/20080112/18/59/A554888618089GAR.gif);
background-repeat: repeat-y;
padding:0;
margin:0;
}
#groupSecondary .box{margin-left:-50px;width:540px;}
#groupFirstly .box{margin-left:30px;width:190px;}
#container #footer{
border:0;
background-image: url(http://fm331.img.xiaonei.com/tribe/20080112/18/57/A543195874042PEP.gif);
width: 778px;
font-size: 11px;
background-repeat: no-repeat;
background-position: center top; } #groupSecondary{
margin-left:30px !important;
width:600px;
}
#groupFirstly{
margin-right:0px !important;
margin-right:20px;
width:190px;
}
#groupForum .threadTitle{
border:0;
overflow:hidden;
width:400px;
}
/*分版样式*/
#tabs .activetab a{background:url(http://fm062.img.xiaonei.com/tribe/20070505/2150/A3288401RO.jpg) no-repeat; color:#000;}
#tabs .activetab a:hover { text-decoration:none;background:url(http://fm062.img.xiaonei.com/tribe/20070505/2150/A3283196RO.jpg) no-repeat;}
#tabs .inactivetab a { background:url(http://fm041.img.xiaonei.com/tribe/20070505/2150/A3294829RO.jpg) no-repeat;color:#000;}
#tabs .inactivetab a:hover { color:#000; background:url(http://fm061.img.xiaonei.com/tribe/20070505/2155/A3301023RO.jpg) no-repeat; text-decoration:none;} /*帖子背景*/
#groupForum .threadlist .odd{background:transparent;}
#groupForum .threadlist .even{background:url(http://fm171.img.xiaonei.com/blog/20070813/23/31/A910093011470RHI.gif) no-repeat;background-position:bottom;} #groupForum .threadTitle img{backgournd:url();}
/*H3样式*/
#content h3{
background:url(http://fm321.img.xiaonei.com/tribe/20080112/19/27/A723201344582PEP.gif) no-repeat;
border: 1px none #666666;
color:#666;
}
/*链接样式设置*/
* a:link,* a:visited{
color: #666;
}
* a:hover{
color: #808080;
}
/*留言按钮*/
* html .inputbutton,* html .subbutton,* html .inputsubmit{
padding:0 5px;
margin-bottom:10px;
border:0px solid;
background-color:#666;
}
*友链样式*/
#flink ul{
width: 580px;/*根据自己群设置宽度*/
text-align:center;
padding:5px;
}
#flink li{
float:left;
width:115px;/*这个也得根据自己群设置宽度*/
color: #333;
margin-top:5px;
padding:5px 0;
display:block;
}
#flink li a {
display:block;
text-decoration: none;
padding:5px;
}
#flink li a:hover {
display:block;
background:#ccc;
color:#fff;
padding:5px;
text-decoration: none;
} </style>
#navigation,#banner,#logo,#sidebar,#adbar,#footer p,#tagline,#utility{display:none;}
body{cursor:url(http://www.tuyaban.com.cn/cur/672.cur);}
body{background:url() repeat-x fixed;background-position:fixed;}
html{
SCROLLBAR-FACE-COLOR: rgb(234,234,234);
MARGIN: 0px;
SCROLLBAR-3DLIGHT-COLOR: rgb(234,234,234);
SCROLLBAR-DARKSHADOW-COLOR: rgb(234,234,234);
SCROLLBAR-BASE-COLOR: rgb(0,0,0);
BACKGROUND-COLOR: #fe871a;
border:0;
}
#grouppage{
font-size:11.5px;
color:#666 ;
font-family: Tahoma, Arial, "新宋体";
width:100%;
border:0;
}
#container{
width:778px;
border:0;
}
#widebar{
width:778px;
border:0;
}
#container #header{
width:778px;
background-image: url(http://fm311.img.xiaonei.com/tribe/20080112/19/37/A788005640906THO.gif);
}
#container #content{
width:778px;
border:0;
background-image: url(http://fm331.img.xiaonei.com/tribe/20080112/18/59/A554888618089GAR.gif);
background-repeat: repeat-y;
padding:0;
margin:0;
}
#groupSecondary .box{margin-left:-50px;width:540px;}
#groupFirstly .box{margin-left:30px;width:190px;}
#container #footer{
border:0;
background-image: url(http://fm331.img.xiaonei.com/tribe/20080112/18/57/A543195874042PEP.gif);
width: 778px;
font-size: 11px;
background-repeat: no-repeat;
background-position: center top; } #groupSecondary{
margin-left:30px !important;
width:600px;
}
#groupFirstly{
margin-right:0px !important;
margin-right:20px;
width:190px;
}
#groupForum .threadTitle{
border:0;
overflow:hidden;
width:400px;
}
/*分版样式*/
#tabs .activetab a{background:url(http://fm062.img.xiaonei.com/tribe/20070505/2150/A3288401RO.jpg) no-repeat; color:#000;}
#tabs .activetab a:hover { text-decoration:none;background:url(http://fm062.img.xiaonei.com/tribe/20070505/2150/A3283196RO.jpg) no-repeat;}
#tabs .inactivetab a { background:url(http://fm041.img.xiaonei.com/tribe/20070505/2150/A3294829RO.jpg) no-repeat;color:#000;}
#tabs .inactivetab a:hover { color:#000; background:url(http://fm061.img.xiaonei.com/tribe/20070505/2155/A3301023RO.jpg) no-repeat; text-decoration:none;} /*帖子背景*/
#groupForum .threadlist .odd{background:transparent;}
#groupForum .threadlist .even{background:url(http://fm171.img.xiaonei.com/blog/20070813/23/31/A910093011470RHI.gif) no-repeat;background-position:bottom;} #groupForum .threadTitle img{backgournd:url();}
/*H3样式*/
#content h3{
background:url(http://fm321.img.xiaonei.com/tribe/20080112/19/27/A723201344582PEP.gif) no-repeat;
border: 1px none #666666;
color:#666;
}
/*链接样式设置*/
* a:link,* a:visited{
color: #666;
}
* a:hover{
color: #808080;
}
/*留言按钮*/
* html .inputbutton,* html .subbutton,* html .inputsubmit{
padding:0 5px;
margin-bottom:10px;
border:0px solid;
background-color:#666;
}
*友链样式*/
#flink ul{
width: 580px;/*根据自己群设置宽度*/
text-align:center;
padding:5px;
}
#flink li{
float:left;
width:115px;/*这个也得根据自己群设置宽度*/
color: #333;
margin-top:5px;
padding:5px 0;
display:block;
}
#flink li a {
display:block;
text-decoration: none;
padding:5px;
}
#flink li a:hover {
display:block;
background:#ccc;
color:#fff;
padding:5px;
text-decoration: none;
} </style>
相关阅读 更多 +