经典原创CSS代码-月下风情浪漫舞步

新出炉的啊 效果也是非常好

做的过程又学到不少东西

浪漫的校内网CSS代码 希望大家喜欢

.more, .edit,#tagline,#ContactInfo,#utility,
#sidebar,#adbar,#logo,#footer p,#footer strong,#reportlink,#footer div,
#permalink,#talk .super-actions,.nav-right{display:none;}

#SchoolInfo{position:absolute;left:220px;top:39px}

#userFriendUniv,#Classmate,#userGroup,#footer
{height:0px;}

#userVisitor,#userFriend{height:200px;}

#userActions,#userPicture{text-align:center;}
#userActions li a:hover{background:transparent;color:#55490F;}
#userPicture{margin-top:32px;}

*{color:#D5D52B;}
a:link{color:#D5D52B;}
a:hover{color:#D5D52B;}
a:visited{color:#D5D52B;}

#container
{
top:10px;
width:1004px;
background:#ffffff;
border:0px;
margin:0px;
}

#header
{
background:#223218 url(http://fm261.img.xiaonei.com/tribe/20071122/11/23/A182741863074PUP.gif) no-repeat;
height:353px;width:1004px;
border:0px;
}/*www.QooQQ.com */

#navigation
{
position:absolute;
background:transparent;
top:-94px;left:251px;
border:0px;
width:810px;
}
#navigation ul li{border:none;background-image:none !important;}
#navigation A:link{text-decoration:none;color:#D5D52B;font-size:14px;}
#navigation A:visited{COLOR:#D5D52B;text-decoration:none;font-size:14px;}
#navigation A:hover{text-decoration:none;background-color:transparent;color:#D5D52B;font-size:18px;}

#content
{
overflow:visible;
width:984px;
background:#223218 url(http://fm281.img.xiaonei.com/tribe/20071122/11/25/A191625592446FLO.gif) repeat-y;
border:0px;margin-left:0px;
}

#widebar
{
width:1004px;
top:0;
border:0px;
background:url(http://fm281.img.xiaonei.com/tribe/20071122/11/25/A191625592446FLO.gif) repeat-y;
}
#container #footer{
position:relative;
width:1004px;

left:0px;
height:159px;
background:url(http://fm261.img.xiaonei.com/tribe/20071122/11/21/A171904932255OXC.gif) no-repeat bottom}
/*好友分布长度限制*/
#userFriendUniv{
overflow:hidden;
height:1000px;
}

#userRelations{float:right;}
#userUpdates{float:left;}

#userRelations
{
border:1px solid #D5D52B;
right:90px;top:-50px;
width:225px;height:1420px;
padding:8px;
background:url() no-repeat;
}

#userUpdates
{
padding-left:8px;
left:95px;top:-50px;
width:532px;overflow:visible;
}

.box h3,#userProfile h4,#userProfileItem
{
color:#D5D52B;
border-top:0px;
background:transparent;
padding-top:0px;
}

#cmtbody
{
border:1px dashed #503524;
background-image: url(http://fm261.img.xiaonei.com/tribe/20071121/19/54/A608584850987FLO.gif);
}

#starttalkForm .subbutton,#starttalkForm .inputbutton,#starttalk .subbutton{background-color:#7CB169}

#userBlog .article .info,#userTalk .article .info{background-color:transparent;border-top:1px #699F00 dashed}

#profilePage,#widebar{background-color:#223218;}

#userProfile
{
border:1px solid #D5D52B;
padding-top:34px;padding-left:8px;
background:url() left top no-repeat;
height:283px;
}

#userAlbum
{
border:1px solid #D5D52B;
background:url() no-repeat;
height:106px;
padding-left:8px;padding-top:5px;
}

#talk{overflow-y:auto;height:470px;}

#blog .text{overflow-y:auto;height:200px;}

#userBlog
{
border:1px solid #D5D52B;
background:url() no-repeat;
height:400px;
padding-left:6px;
padding-top:6px;
}

#userTalk{
border:1px solid #D5D52B;
background:url() no-repeat;
height:576px;
padding-left:8px;padding-top:8px;
}

#userUpdates .boxcont{width:504px;}
#userRelations .box,#userInfo{width:198px;}
#userInfo{padding-left:5px;}
#userStatus{
border:1px solid #D5D52B;
background-color:#145E24;
left:230px;
width:540;
height:64px;
padding-left:8px;padding-top:5px;
}

#userRelations h3{border-bottom:1px dashed #699F00;}
#giftBox{
border:1px solid #D5D52B;
background:url() no-repeat;
height:155px;
padding-left:8px;padding-top:5px;
}

#giftBox .sub-h3{width:492px;background:transparent;border:0px}
body{background:url() repeat;}

复制本页地址发给您的好友: