破釜沉舟论坛 » 网页制作初级班 » ★★★★★[博客代码]创建个性博客:css代码大全

2006-8-25 15:19 一杯开水
★★★★★[博客代码]创建个性博客:css代码大全

  看首页代码:网址+default.css

  看索引页:网址+catalog.css

  看单片日记:网址+diary.css

我自己用的代码:

/*=====去除底部banner======*/
div#footer{ display:none; }
 
/*=====去除博客索引======*/
div#blogIndex{display:none;}
/*=====去除登陆框======*/
div#loginFrm{display:none;}

/*=====去掉快速通道======*/
#chunnel{display:none;}

/*=====去除文章索引======*/
div#search { display:none; }

/*=====去除日历======*/
div#calendar{display:none;}

/*=====友情博客隐藏====*/
#friendBlog{display: none;}

/*=====去除博客个性图片======*/
div#blogImg{ display:none;}

/*=====隐藏BCLogo及邀请友情BG图片=====*/
div.logoFrm{display: none;}

/*=====隐藏RSS图片=====*/
div#otherFrm a{display:none;}

/*=====隐藏BlogChina版权=====*/
div#footer a{display: none;}

/*=====定义Blog访问次数已隐藏=====*/
h2{display:none;}

/*======去除“文章”二字=======*/
h4.textDiary{display:none;}

/*=====去除“作者置顶”四字=====*/
em{display:none;}

/*=====隐藏日志标题和底部=====*/
h5.diaryTitle,p.diaryFoot{display:none;}

/*=====隐藏单篇文章作者姓名=====*/
.diaryFoot a{display:none;}

/*=====隐藏作者名字那一行=====*/
.diaryFoot{display:none;}

/*===屏蔽博客图标========*/
#otherFrm a{display:none;}
#otherFrm table{display:none;}

/*=======屏蔽收藏夹======*/
#otherFrm div a img{display:none;}
#otherFrm td a img{display:block;}
/*=======去除博客介绍======*/
div#mybolg{ display:none; }

/*=====取消博客手拉手====*/
div.operation{
text:expression((children != null && children.length>0 && children

[0].name=="relatedDiary")?style.display = "none":"")
}
/*=====去除作者信息======*/
div#myPhoto{ display:none; }

/*===取消Trackback====*/
div.operation{
star:expression((children != null && children.length>0 && children

[0].name=="trackback")?style.display = "none":"")
}
/*====最新评论滚动条====*/

#remark.operation ul{
  height:140px;
  overflow: auto;
       scrollbar-face-color :#EEEEEE;
  width: 195px;
  text-align: left;
  margin: 0px 0px 0px 5px;
  padding: 0;
  }

/*====在线留言滚动条====*/
.guestBook ul{
  height:100px;
  overflow: auto;

  scrollbar-face-color :#EEEEEE;
  width: 195px;
  text-align: left;
  margin:0px 0px 0px 5px;
    padding: 0;
  }
/*====最新文章滚动条====*/
#newWeblog.operation ul{
  height:140px;
  overflow: auto;
       scrollbar-face-color :#EEEEEE;
  width: 195px;
  text-align: left;
  margin: 0px 0px 0px 5px;
  padding: 0;
        }
提示:宽度width、高度height可自行调整,滚动条颜色设置如下:
SCROLLBAR-FACE-COLOR: #FFFFFF; //滚动条凸出部分的颜色
SCROLLBAR-HIGHLIGHT-COLOR: #FF0000;//滚动条空白部分的颜色
SCROLLBAR-SHADOW-COLOR: #FFFF00;//立体滚动条阴影的颜色
SCROLLBAR-3DLIGHT-COLOR: #FF00FF;//滚动条亮边的颜色
SCROLLBAR-ARROW-COLOR: #0000FF;//上下按钮上三角箭头的颜色
SCROLLBAR-TRACK-COLOR: #00FF00//滚动条的背景颜色
SCROLLBAR-DARKSHADOW-COLOR: #000000;//滚动条强阴影的颜色
SCROLLBAR-BASE-COLOR: #FEFEFE;//滚动条的基本颜色

2006-8-25 15:22 一杯开水
为了学习CSS一下午什么也没有干  ...找来的资料...希望对大家有用

页: [1]


Powered by Discuz! Archiver 5.5.0  © 2001-2006 Comsenz Inc.