|
校内网涂鸦板代码制作教程CSS篇|涂鸦版音乐代码|涂鸦版背景代码|校内网的涂鸦版代码
校内网代码改变和增加了一些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页脚
附美化常用代码（针对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><!-把左边的导航换至右边->
|
