教你怎么做一个好的校内网涂鸦板页面代码CSS教程篇(最新)
下面的是针对校内网涂鸦代码的CSS基础教程,如果有美工基础的就更好了,可以结合好的FLASH,图片进行美工效果.在校内网涂鸦板代码、校内网代码直接复制就可以使用 校内网代码改变和增加了一些id和class名称和范围，个人感觉这次变的更容易控制

#frame
#pageheader→#header顶部的那些，包括logo、上端导航链接等
#navigation上端导航链接

#sidebar最右侧一纵栏
#menu右边导航链接
.block 广告
.linkblock
#annouce张贴你的布告

校内网涂鸦板代码 校内网背景图片代码 校内网背景音乐代码 校内网滚动文字鼠标样式代码 涂鸦版代码 校内网代码
#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页脚
给管理员留言|关于本站| 加入我们|隐私声明|帮助
2006 易寻在线 京ICP证060414号

附美化常用代码（针对8月10号的适度调整）：

<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><!－把左边的导航换至右边－>