精致博客风格校内网代码-灰色滚动条【本站推荐】

精致博客风格校内网代码-灰色滚动条【本站推荐】

这款代码非常的精致。页面非常的美观。看看下面的截图：
代码开始↓↓↓↓↓
#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.5iux.cn校内网代码酷站 */

#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.5iux.cn校内网代码酷站 */

#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.5iux.cn校内网代码酷站 */
* 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.5iux.cn校内网代码酷站 */
/*好友分布长度限制*/
#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;}

效果如下：