推荐文章
热门文章
暗色校内网代码系列-彼岸花
/* 制作 校内网代码之彼岸花*/
#tagline,#utility,#sidebar,#adbar,#logo,
#footer strong,#reportlink,#footer div,
#permalink,#giftBox .sub-h3, .opi-icon,
#talk .super-actions,#footer p{display:none;}
#spacePage{background:#03080E;}
*{color:#CB0000;}
a:link{color:#CB0000;}
a:visited{color:#CB0000;}
a:hover{color:#CB0000;}
#container{
width:1005px;
border:0px;}
#spacePage #content{
overflow:visible;
border:0px;
background:url();}
#widebar{
border:0px;
width:1005px;margin-left:0px;
background:#03080E url(http://fm261.img.xiaonei.com/tribe/20071207/14/06/A760456319242CHI.gif) left top repeat-y;}
#header{
border:0px;position:relative;left:0px;
width:1005px;height:474px;
background:transparent url(http://fm202.img.xiaonei.com/tribe/20071207/14/34/A925843769576CUC.gif) no-repeat;}
#navigation{
background:transparent;
border:none;position:absolute;
left:80px;top:-40px;
padding-left:0px;padding-top:0px;
}
#navigation ul li{border:none;background-image:none ;font-size:14px;}
#navigation li a:link{color:#ffffff;}
#navigation li a:visited{color:#ffffff;}
#navigation .nav-left li a:hover{color:#ffffff;font-weight:bold;background:transparent;}
#navigation .nav-left .with_arrow img{display:none;}
#userRelations{float:right;}
#userUpdates{float:left;}
#userRelations{width:270px;right:60px;top:-17px;padding:18px;position:relative;}
#userRelations .boxcont{padding-left:35px;}
#userUpdates{width:560px;left:30px;top:0px;}
#footer{
position:relative;left:0px;
background:#03080E url(http://fm261.img.xiaonei.com/tribe/20071207/14/05/A750741556075HEI.jpg) center no-repeat;
width:1005px;height:271px;}
#footer a:hover{color:#cccccc;}
.box h3{
padding-left:40px;
background:transparent url(http://fm202.img.xiaonei.com/tribe/20071207/14/29/A894686034823PEP.gif) repeat-y left top;
color:#CB0000;
font-size:14px;
border-top:0px;}
.box,#userTalk form #starttalkForm{border:0px solid #00DBF7;background:transparent url(http://fm202.img.xiaonei.com/tribe/20071207/14/29/A894686034823PEP.gif) repeat-y left top;}/**/
#userUpdates .boxcont{padding-left:45px;}
#userStatus{margin:0px;padding:15px 5px 0px 35px;background:transparent url(http://fm202.img.xiaonei.com/tribe/20071207/14/29/A894686034823PEP.gif) repeat-y left top;border-bottom:0px;width:520px;height:48px;}
#userStatus h2{color:#CB0000;font-size:20px;}
#userStatus .stat,#userStatus .count{font-size:12px;color:#CB0000;} #userStatus .boxcont{position:absolute;top:18px;left:240px;width:700px;}
#userStatus .status-edit .pipe,#doing2,#userStatus #doing0,#userStatus .edit,#doing3{display:none ;}
#userStatus #doing1{color:#CB0000 ;}
#userPicture{text-align:center;padding-top:25px;}
#userActions li{text-align:center;border:0;}
#userActions li a:hover{background:transparent;}
#userPicture{background:transparent url(http://fm202.img.xiaonei.com/tribe/20071207/14/29/A894686034823PEP.gif) repeat-y left top;}/**/
#userActions{background:transparent;}
#talk .info{
background:transparent ;
border:0px;}
#blog .article{border:0px;background:transparent ;}
* html .inputbutton,* html .subbutton,* html .inputsubmit{padding:0 5px;border:1px solid #fff;background-color:#000;}
* textarea{padding:0 5px; border:1px solid #fff;color:#fff; width:510px;height:90px; background:#eeeeee; background-image: url(http://fm281.img.xiaonei.com/tribe/20071130/09/16/A540609924931THO.gif);}
a img{border:1px solid #82541c;}
#userPicture{border:0px;}
#userActions li{border:0px;}
#userFeed #feedHome .opi-content{border:0px;}
#userFeed #feedHome{padding-left:30px;}
#userFeed .feedbody .opi-comment p{color:#CB0000;}
#userTalk form #starttalkForm{padding-left:35px;}
代码不是很好 有的地方没有处理好
希望大家能上手自己改一改
演示见下图
