校内网CSS代码各块的作用及控制方法:

#frame
#pageheader→#header顶部的那些，包括logo、上端导航链接等
#navigation上端导航链接
#sidebar最右侧一纵栏
#menu右边导航链接
.block 广告
.linkblock
#annouce张贴你的布告

校内网涂鸦板代码 校内网背景图片代码 校内网css代码成品   校内网css背景代码   校内网涂鸦css代码
#content
主体部分
.attention注意
#twocolumn→#userRelations #userUpdates
.narrowbox→.box
.boxcont
-------------------------------
#leftside→#userRelations左侧（照片连接访客好友一纵栏）

#userInfo照片及其下连接一栏
#mainpic→#userPicture照片
#profileActions→#userActions照片下的链接

#userVisitor最近谁看了我的页面h3
.boxCont
.personIconList
.personInfo
.personIcon照片
.personName姓名
#userFriend本校好友h3
.boxcont
.personIconList
.personInfo
.personIcon照片
.personName姓名
<p class="readmore">更多</p>
#userFriendUniv其他学校的好友h3
.boxCont

　　　　　　※※※※※※
------------------------
#userUpdates
#userVacation暑假想去
.boxcont

#userProfile资料部分.h3赵玉敬｜｀累了的资料.stat在线 :)(有 56728 人看过)
.boxcont
#AccountInfo帐号信息.h4

#BasicInfo基本信息.h4

#ContactInfo联系方式.h4

#PersonalInfo个人信息.h4

<p class="more">修改</p>

-----------------------
#userAlbum相册h3
.boxcont
.albumList
.albumInfo
.image
.info
<p class="more">所有</p>
------------------------
#userBlog日志h3
.boxcont
.blogList
.blogInfo
.article标题
.metadata日期
<p class="more">所有</p>

-------------------------------
#userPandora涂鸦板h3
.boxcont
<p class="more">修改</p>
-------------------------
#userGroup加入的群h3
.boxcont
<p class="readmore">修改</p>
----------------
#userTalk留言板h3
.boxcont
#talk留言内容
.article
.picture.thumbpic留言小头像
.metadata留言信息
.author留言人
.time
.text留言内容

<p class="readmore">所有留言</p>
---------------------------------
#permalink
<p>将如下链接发给朋友,他们不必登录就可看到您的页面 (<em>不要放到其他网站上,否则baidu或google会搜到这个页面</em>)</p>
<p><strong>http://xiaonei.com/GetUser.do?id=60276</strong></p>
#footer页脚
美化常用代码<style type=text/css><!--.block,.linkblock,#annouce{display:none;}--></style><!－除广告－>

<style type=text/css><!--.picture{display:none;}--></style><!－除留言小头像－>

<style type=text=css><!--#userVisitor{display:none;}--></style><!－隐藏最近访问－>

<style type=text/css><!--#userFriend{display:none;}--></style><!－隐藏本校好友－>

<style type=text/css><!--#userFriendUniv{display:none;}--></style><!－隐藏其他学校好友－>

<style type=text/css> <!-- #header{display:none;}--></style><!－隐藏上方图片和上方连接－>

<style type=text/css><!-- #footer{display:none;}--></style><!－隐藏低部连接－>

<style type=text/css><!-- #userPicture{display:none;}--></style><!－隐藏照片－>

<style type=text/css><!-- #permalink{display:none;}--></style><!－隐藏低部我的地址－>

<style type=text/css><!--#sidebar{float:right;}--></style><!－把左边的导航换至右边－>