|
这款代码非常的精致。页面非常的美观。看看下面的截图: 代码开始↓↓↓↓↓ #userStatus { margin:0; padding:10px; background:#404040; border-bottom:#484848;} #content { border:0; width:980px; padding:0; background:#333;} #header { height:360px; background:none;}/*更多更酷更炫更经典的校内网代码请进www.bookee123.com校内网代码酷站 */ #widebar { width:1000px; padding:0; border:0; background:none;} #container { margin:0 auto; width:1000px; background:url(http://fm231.img.xiaonei.com/blog/20071115/13/18/A389364114735FLO.jpg) no-repeat center top;} #userUpdates{ width:740px; float:left;} #userRelations{ float:right; padding:8px 8px 8px 10px; background:#404040;} #userProfile { padding:0;margin:0} #blog .info,#content h3{ background-color:#2f2f2f; border-top:#444 solid 5px; border-bottom:#666 solid 1px; padding:2px 0px 3px 5px; color:#fff;} #blog .info a,#content h3 a{ color:#fff;} /*滚动条设置*/ html { scrollbar-face-color:#000; scrollbar-highlight-color:#333; scrollbar-shadow-color:#000; scrollbar-3dlight-color:#000; scrollbar-arrow-color:#333; scrollbar-track-color:#333; scrollbar-darkshadow-color:#000;} #cmtbody { padding:0 5px;border:1px dashed #503524;width:510px;height:90px;background:#eeeeee;background-image:url(http://fm171.img.xiaonei.com/pic001/20071109/20/19/large_974d169.jpg); color: #ff0000; font-size: 20px;font-weight : bold } /*整体页面设置 */ body { padding:0; margin:0; color:#6E6E6E; font: normal 12px Tahoma; background:#333} /*留言框长度*/ #userUpdates #cmtbody { width:720px;} /*留言框背景样式*/ #userTalk textarea{ border:1px solid #F8F8F8; background:#fff url(http://fm171.img.xiaonei.com/pic001/20071109/20/19/large_974d169.jpg) no-repeat right center;} /*留言板按钮样式*/ #userTalk .subbutton, #userTalk .inputbutton{ padding:0 5px; border:1px solid #E3E3E3; background:#585858} #userRelations .boxcont { border:0;}/*更多更酷更炫更经典的校内网代码请进www.bookee123.com校内网代码酷站 */ #userProfile .boxcont { background:transparent url(http://fm181.img.xiaonei.com/blog/20070909/17/41/A087474916313GAZ.png) no-repeat left bottom; padding-bottom:20px; border:0;} #utility { padding:0; top:10px; background:none;}
/*整体链接样式*/ a:link,a:visited { color:#585858; text-decoration:none;} a:hover { color:#A7A7A7; text-decoration:underline;} a img {border:0;}
#blog h4 a{ font-size:14px;} /*礼物标题样式*/ #giftBox .sub-h3,#talk .info{ background:#404040; border:0;}
/*导航条样式*/ #navigation { border:0; background:#333 url(http://fm202.img.xiaonei.com/blog/20071115/16/21/A490135894314PUP.jpg) no-repeat center top; TEXT-ALIGN: center; padding:5px 0 5px 0;} #navigation ul li a:hover { FONT-SIZE: 12px; width:74px; background:transparent url(http://fm202.img.xiaonei.com/blog/20071115/13/26/A437200039904MAR.jpg) no-repeat center; COLOR: #fff; TEXT-ALIGN: center; PADDING-TOP: 5px;} /*头像下面链接样式*/ #userActions li a:link,#userActions li a:visited{ color:#808080;} #userActions li a:hover{ color:#999999; background:#333333;} #userActions li{border:0;}
#navigation ul{ background: #008CDE; border: 0;} #navigation ul li{ background-image:none !important;} #navigation ul li a:link,#navigation a:visited { FONT-SIZE: 12px; width:74px; background:transparent url(http://fm231.img.xiaonei.com/blog/20071115/13/25/A435065917984MAR.jpg) no-repeat center; COLOR: #fff; TEXT-ALIGN: center; PADDING-TOP: 5px;} /*其他链接样式*/ #userVisitor .personName, #userFriend .personName{display : block;} #userVisitor .personName a, #userFriend .personName a{ background: #333333; text-decoration:none;} #userVisitor .personName a:hover, #userFriend .personName a:hover{ color:#fff; background: #505050; text-decoration:none;} /*更多更酷更炫更经典的校内网代码请进www.bookee123.com校内网代码酷站 */ * textarea{padding:0 5px;border:1px dashed #503524;width:510px;height:90px;background:#eeeeee;background-image:url(http://fm171.img.xiaonei.com/pic001/20071109/20/19/large_974d169.jpg); color: #ff0000; font-size: 20px;font-weight : bold} /*日记标题长度设置*/ #userBlog .info h4{ width:auto;} /*更多更酷更炫更经典的校内网代码请进www.bookee123.com校内网代码酷站 */ /*好友分布长度限制*/ #userFriendUniv .boxcont{ overflow:hidden; height:600px;} /*好友列表单排显示*/ #userFriendUniv li { overflow:hidden; width:95px;} /*去掉子导航小三角*/ #navigation .drop-down,#talk .reply{ background:none; padding:0; padding:0;} /*隐藏版块*/ #Classmate *,#userGroup *,#userProfile .boxcont,#tagline,#logo,#copyrightlink,.announcement,#userAlbum h3,.more,#userBlog h3,#userPandora h3,#userBlog .more,#utility,#permalink,#sidebar,#footer,#navigation ul ul, .stat, .readmore, .super-actions{display:none;}
效果如下:
收藏到QQ书签
|