推荐文章
热门文章
群美化第一版-周杰伦
/**/
<style type="text/css">
#navigation,#banner,#logo,#sidebar,#adbar,#footer p,#tagline,#utility{display:none;}
body{cursor:url(http://www.xiaonei.hk/cur/672.cur);}
body{color:#fff;font-size:9pt;margin:0px;padding:0px;background:url(http://fm331.img.xiaonei.com/tribe/20080112/09/51/A270067152472CUC.gif) repeat;}
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: #666666;
border:0;
}
#grouppage{
font-size:11.5px;
color:#666 ;
font-family: Tahoma, Arial, "新宋体";
width:100%;
height:100%;
text-align:center;
border:0;
}
#container{
width:850px;
border:0;
}
#widebar{
width:850px;
border:0;
}
#container #header{
width:850px;
height: 317px;
background-image: url(http://fm281.img.xiaonei.com/tribe/20071205/21/34/A166758348944THO.jpg);
}
#container #content{
width:850px;
border:0;
background-image: url(http://fm202.img.xiaonei.com/tribe/20071205/21/38/A191338330024CHI.jpg);
background-repeat: repeat-y;
padding:0;
margin:0;
}
#groupSecondary .box{margin-left:0px;width:540px;}
#groupFirstly .box{margin-left:0px;width:190px;}
#container #footer{
border:0;
background-image: url(http://fm281.img.xiaonei.com/tribe/20071205/21/42/A213966122400HEI.gif);
height: 85px;
width: 850px;
font-size: 11px;
background-repeat: no-repeat;
background-position: center top;
}
#groupSecondary{
margin-left:30px ;
margin-left:20px;
width:600px;
}
#groupFirstly{
margin-right:35px ;
margin-right:20px;
width:190px;
}
#groupForum .threadTitle{
border:0;
overflow:hidden;
width:400px;
height:30px;
}
/*分版样式*/
#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:#F4F4F4;
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;/*这个也得根据自己群设置宽度*/
height:20px;
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>
<b>推荐几款涂鸦CSS成品</b><br><br>
<li><a href="http:///html/benzhanyuanchuangdaima/20080108/825.html" target="_blank">一路向北</a></li>
<li><a href="http:///html/benzhanyuanchuangdaima/20080105/812.html" target="_blank">悠嘻猴</a></li>
<li><a href="http:///html/benzhanyuanchuangdaima/20080111/836.html" target="_blank">浪漫月下</a></li>
<li><a href="http:///html/benzhanyuanchuangdaima/20080110/831.html" target="_blank">海边一角</a></li>
<br><br>
<div id="flink">
<fieldset>
<legend>友情链接</legend>
<ul>
<li><a href="http://www.tuayabn.com.cn" target="_blank">校内网涂鸦板代码</A></li>
<li><a href="http://group.xiaonei.com/GetTribe.do?id=227290095" target="_blank">
校内网交友中心</A></li>
<li><a href="http://xiaonei.com/getuser.do?id=63434775" target="_blank">
作者主页</A></li>
<li><a href="http://www.xiaonei.hk/" target="_blank">
xiaonei</A></li>
<li><a href="http://www.tuayabn.com.cn" target="_blank">友情链接位</A></li>
<li><a href="http://www.tuayabn.com.cn" target="_blank">友情链接位</A></li>
<li><a href="http://www.tuayabn.com.cn" target="_blank">友情链接位</A></li>
<li><a href="http://www.tuayabn.com.cn" target="_blank">友情链接位</A></li>
<li><a href="http://www.tuayabn.com.cn" target="_blank">友情链接位</A></li>
</ul></fieldset>
</div>
昨天我把校内网刷人气专栏改成群和班级的美化了
觉得这个会对大家更有帮助
刷人气其实意义不大
这个是本站的第一个原创涂鸦板群美化代码
我把导航栏也隐藏了 有点不方便
其他一切都正常
使用方法 管理员进入群管理
把代码放入群组设置的 公告栏里面 就显示了
本代码比较适合周杰伦FANS群
