校内网css代码块详细教程

作者: ldsea 分类: 程序生活 发布时间: 2008-01-14 20:05

转载:[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]

发表回复

您的电子邮箱地址不会被公开。 必填项已用 * 标注