校内网CSS代码各ID的详细教程

关键词:详细 教程 代码 --/style style type display:none text/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

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

发表时间:2008-03-08 | 评论 (0) | 复制本页地址 | 打印

发表评论/ 全部评论

  • 用户名: 新注册
  • 密 码 :
  • 匿名发表:

推荐文章