转载：[url]http://fend.cn/xiaonei-jiaocheng/XiaoNeiWang_css_DaiMaKuaiXiangXiJiaoCheng/[/url]
[code]#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
#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=校内ID</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><!－把左边的导航换至右边－>
<!– 本文来自: 校内网代码(Fend.cn) 详细出处参考：http://fend.cn/xiaonei-jiaocheng/XiaoNeiWang_css_DaiMaKuaiXiangXiJiaoCheng/ –>[/code]