隐藏或更改 Z-Blog 文章分类前的RSS图标和数量
作者:xlnxin发布时间:2021-04-15分类:Zblog教程浏览:738
导读:Z-blog博客用分类目录调用代码调用显示分类目录时,默认会在分类目录前显示一个RSS图标和在其后显示该分类下的文章数量,有时候由于制作主题的需要,在用分类作顶部导航栏...
Z-blog 博客用分类目录调用代码调用显示分类目录时,默认会在分类目录前显示一个RSS图标和在其后显示该分类下的文章数量,有时候由于制作主题的需要,在用分类作顶部导航栏的时候,如果显示RSS图标和数量显然很不美观,可为了达到主题的理想效果,就要想办法不让RSS图标和数量显示,这一点可以通过CSS实现。
怎么让 Z-Blog 分类的RSS图标和数量不显示:
- 通过查看网页源代码可以知道,Z-blog 分类小RSS图标是由.feed-icon定义的,因此可以在CSS中添加以下代码达到不显示的效果:
span.feed-icon{display:none;}
如果不能隐藏,就把span去掉,即添加
feed-icon{display:none;}
- 又通过查看网页源代码可以知道,分类后的文章数量是由.article-nums样式定义的,可以采用相同的方法让它不显示,在CSS文件中再添加以下代码:
.article-nums{display.none;}
怎么更改 Z-Blog 分类前的RSS订阅图标:
既然知道ZB分类前的订阅图标是由.feed-icon样式定义的,那么更改其RSS图标也是从CSS入手,在CSS文件中添加以下代码:
li span.feed-icon a{ background:url("default/feed.png") no-repeat 0 3px; /**自定义RSS图标**/ margin:0 0 0 0; padding:0 0 0 0; font-size:14px; height:12px; /**RSS图标 高**/ width:12px; /**RSS图标 宽**/ } li span.feed-icon img{ height:12px; width:9px; visibility:hidden; /**隐藏默认RSS图标**/ margin:0; padding:0; } |
提醒:完成以上操作,记得要到博客后台重建文件
- Zblog教程排行
- 最近发表