林阿三

typecho-handsome主题简单地给网站顶部添加一个彩色横条
静态的:动态的:handsome主题设置方法打开后台设置-插件-设置外观-开发者设置-自定义CSS添加以下CSS代...
扫描右侧二维码阅读全文
03
2018/06

typecho-handsome主题简单地给网站顶部添加一个彩色横条

静态的:

动态的:

handsome主题设置方法

打开后台设置-插件-设置外观-开发者设置-自定义CSS

添加以下CSS代码

#nav-img {
    background: url(https://ww1.sinaimg.cn/large/005BYqpgly1frxxthabo4g30ag004dfs.jpg);
    height:4px;
    top:0px;
    position: fixed;
    width:100%;
    Z-index:9999;
}

打开后台设置-插件-设置外观-开发者设置-自定义输出head 头部的HTML代码
添加以下html代码

<div id="nav-img"></div>

效果图

注意

主题的pjax不是默认的进度条,彩色横条会导致pjax显示不了。
如果用的是默认的彩虹进度条就会正常显示。

最后修改:2018 年 08 月 04 日 06 : 21 PM
如果觉得我的文章对你有用,请随意赞赏

发表评论