隐藏或更改 Z-Blog 文章分类前的RSS图标和数量

燕山网络科技2017-09-30 20:04:391588

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;}

提醒：完成以上操作，记得要到博客后台重建文件

分享到：

本文链接：https://h.finchui.com/zblogcn/1440.html 转载需授权！

zblog教程