2022年css代码大全 .pdf

《2022年css代码大全 .pdf》由会员分享，可在线阅读，更多相关《2022年css代码大全 .pdf（6页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

1、一、去除头部banner： 找到以下代码：div#header 加入以下代码：display:none; 二、去除头部 banner 左侧的文字：找到以下代码：h1.title 加入以下代码：display:none; 三、去除作者信息：找到以下代码：. 一、去除头部banner：找到以下代码：div#header 加入以下代码：display:none; 二、去除头部banner 左侧的文字：找到以下代码：h1.title 加入以下代码：display:none; 三、去除作者信息：找到以下代码：div#myPhoto 加入以下代码：display: none; 四、去除博客介绍：找到以下代

2、码：div#mybolg 加入以下代码：display:none; 五、去除博客个性图片：找到以下代码：div#blogImg 加入以下代码：display:none; 六、去除日历：加入以下代码：div#calendardisplay:none; 七、去除文章栏目：找到以下代码：div#category 加入以下代码：display:none; 八、去除登陆框：加入以下代码：div#loginFrmdisplay:none; 九、去除文章索引：加入以下代码：div#blogIndexdisplay:none; 十、 去除在线留言 （如果你已经额外申请了别的留言本的话，在线留言的用处可能就不大

3、了）：加入以下代码：名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 1 页，共 6 页 - - - - - - - - - div#guestBookdisplay:none; 十一、去除最新评论：加入以下代码：div#remarkdisplay:none; 十二、去除底部banner：找到以下代码：div#footer 加入以下代码：display:none; 十三、去除“快速通道”：在 CSS 中加入如下代码即可：div#chunnel display:none; 十四：去除博客

4、介绍中的博客网站名称：在模板 DIY 中找到以下代码：h3 加入以下代码：display:none; 博客名称即可去掉。十五：隐藏置顶文章标题作者置顶 四个字em display:none; 十六： /*= 隐藏搜索博客 =*/ div#search display:none; 十七： /*= 隐藏快速通道 =*/ div#chunnel display:none; 十八： /*= 隐藏博客网LOGO=*/ a img display:none; 十九：单篇文章隐藏评论中头像的办法div.operation img display:none; 二十：隐藏单篇文章底部作者名字的方法.diaryF

5、oot adisplay:none; 全盘隐藏的方法diaryFootdisplay:none; 二十一：取消单篇文章的博客手拉手 div.operation 名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 2 页，共 6 页 - - - - - - - - - text:expression(children != null & children.length0 & children0.name=relatedDiary)?style.display = none:) 二十二：取消

6、单篇文章的Trackback div.operation text:expression(children != null & children.length0 & children0.name=trackback)?style.display = none:) 二十三： /*= 隐藏文章横条标题=*/ h4.textDiary display:none; 二十四： /*= 屏蔽收藏夹 =*/ 注： （只屏蔽收藏夹）#otherFrm div a imgdisplay:none; #otherFrm td a imgdisplay:block; /*= 屏蔽统计框里的博客图标=*/ 注：屏蔽收

7、藏夹、访问统计博客图标#otherFrm adisplay:none; #otherFrm tabledisplay:none; /*= 屏蔽博客图标和访问统计框=*/ div#otherFrmdisplay:none; 二十五：去除首页置顶日志的标题找到 h5 ，加入 display:none; 二十六：去除首页置顶日志的底部作者信息找到 p.diaryFoot ，加入 display:none; 二十七： /*= 页面新窗口 =*/ a:active text:expression(target=_blank); 二十八： /*= 在线留言滚动条=*/ .guestBook ul heig

8、ht:200px; overflow: auto; width: 200px; text-align: center; margin-left:0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; padding: 0; SCROLLBAR-ARROW-COLOR: red; 二十九： /*= 最新文章滚动条=*/ #newWeblog.operation ul height:110px; overflow: auto; scrollbar-face-color : threedhighlight; 名师资料总结 - - -精

9、品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 3 页，共 6 页 - - - - - - - - - width: 195px; text-align: left; margin: 0px 0px 0px 5px; padding: 0; SCROLLBAR-FACE-COLOR: #DEEB9F; SCROLLBAR-HIGHLIGHT-COLOR: #DEEB9F; SCROLLBAR-SHADOW-COLOR: #DEEB9F; SCROLLBAR-3DLIGHT-COLOR:#DEEB9F; SCR

10、OLLBAR-TRACK-COLOR: #DEEB9F; SCROLLBAR-ARROW-COLOR: red; SCROLLBAR-DARKSHADOW-COLOR: #DEEB9F; 三十： /*= 最新评论滚动条=*/ #remark.operation ul height:120px; overflow: auto; scrollbar-face-color : threedhighlight; width: 195px; text-align: left; margin: 0px 0px 0px 5px; padding: 0; *功能总结/*= 文章在新窗口中打开=*/ a:act

11、ive text:expression(target=_blank); /*= 去除文章索引 =*/ div#blogIndexdisplay:none; /*= 去除日历 =*/ div#calendardisplay:none; /*= 去除登录框 =*/ div#loginFrmdisplay: none; /*= 去除博客搜索 =*/ div#searchdisplay:none; /*= 去除最新评论 =*/ div#remarkdisplay:none; /*= 去除快速通道 =*/ #chunneldisplay:none; /*= 去除最新文章 =*/ div#newWeblo

12、gdisplay: none; /*= 屏蔽收藏夹 =*/ #otherFrm div a imgdisplay:none; #otherFrm td a imgdisplay:block; /2句代码屏蔽收藏夹div#blogIndexdisplay:none; /屏蔽博客索引/ div#loginFrmdisplay:none; /屏蔽登陆框名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 4 页，共 6 页 - - - - - - - - - div#calendardispla

13、y:none; / 屏蔽日历div#remarkdisplay:none; /屏蔽最新评论div#myPhoto display:none; /把整个“关于作者”都去掉h3display:none; / 去掉博客介绍左上方的网站名称#chunneldisplay:none; /可去掉“快速通道”.diaryFootdisplay:none; /隐藏单篇文章作者姓名的方法需同时在单篇CSS 里也加入div#search display:none; / 可去掉“博客搜索”博客背景颜色设置对于博客背景颜色的设置，我们只要把握好以下几个关键，就可以很好的解决了。背景颜色的CSS 代码为：backgro

14、und-color: #ffffff; #ffffff 是颜色代码，您可以自行修改。当然还可以添加您自己制作的背景图片，代码为：background-image: url( 图片链接地址 ); background-repeat: no-repeat;表示这个背景图片不重复。background-repeat: repeat-x;表示这个背景图片在x 轴方向上重复。background-repeat: repeat-y;表示这个背景图片在y 轴方向上重复。下面就说明需要在博客后台管理的CSS 里面进行修改的地方：1、代码body 里面设置的是整个博客1024*768 的这个主体大背景，往里面添

15、加相应的代码就可以设置了。2、代码div#container 里面设置的是博客大框架的背景。以我的博客首页为例，里面有代码 width:940px; 表示我大框架的宽度是940px， 往里面添加背景颜色的话，会铺满整个940px宽的背景，并覆盖上面body 设置的部分背景。而body 会露出其未被覆盖的背景颜色。3、代码 div#leftFrm里面设置的是博客左边框架的背景。其中的代码float: left; 表示它会在左边显示。 float: right; 表示它会在右边显示。一般它都是显示最新文章、最新留言等模块的框架。以我的博客首页为例，float: right;width:260px;

16、 ，表示在右边显示，宽度为260px，往里面添加背景颜色的话，会铺满整个260px 宽的背景，并覆盖上面container 设置的部分背景。而 container 会露出其未被覆盖的背景颜色。4、代码 div#rightFrm里面设置的是博客右边框架的背景。一般它都是显示博客介绍、首页日志等模块的框架。以我的博客首页为例，float: left;width: 660px; ，表示在左边显示，宽度为 660px，往里面添加背景颜色的话，会铺满整个660px 宽的背景，并覆盖上面container设置的部分背景。而container 会露出其未被覆盖的背景颜色。5、代码 div.operation

17、 里面设置的是博客功能框架的背景，其实和左边框架设置的差不多，它的颜色设置以后，会覆盖div#leftFrm里的部分颜色，覆盖宽度视其width 而定。6、代码div#blogContent里面设置的是博客介绍的背景，它的颜色设置以后，会覆盖div#rightFrm里的部分颜色，覆盖宽度视其width 而定。7、代码div#diary里面设置的是博客首页日志的背景，它的颜色设置以后，会覆盖div#rightFrm里的部分颜色，覆盖宽度视其width 而定。这样背景颜色就可以这样依次添加，层层铺上去。在您的索引页和单篇文章的CSS 应该也可以找到相应的代码进行修改，修改方法也差不多。索引 CSS

18、 应修改的代码包括：1、body 是主体框架代码2、div#container 是大框架代码名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 5 页，共 6 页 - - - - - - - - - 单篇 CSS 应修改的代码包括：1、body 是主体框架代码2、div#container 是大框架代码3、div.entity 是日志代码4、div.operation 就是下面的那些trackback、博客手拉手、回复等部分代码本 篇 文 章 来 源 于黑 客 基 地 - 全 球 最 大 的 中 文 黑 客 站原 文 链 接 ：http:/ 名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 6 页，共 6 页 - - - - - - - - -