一个分享WordPress、Zblog、Emlog、Typecho等主流博客的教程网站!
当前位置:网站首页 > 博客教程 > Zblog教程 > 正文

隐藏或更改 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;
}

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

标签:css主题博客