Mirages 折腾笔记 Ⅲ

这次主要是无痛修改和一些比较简单的修改，主要用于安抚小白非要改一下的心里
首先满足一下小白先来一针无痛的...在升级后也不需要重新编辑就是在加在自定义 HTML 元素拓展

1.在网站顶部添加一个彩色横条

原代码来自寸言的博客《简单地给网站顶部添加一个彩色横条》用在Mirages上后有改动
添加一条Gif动态或静态彩条

1.进入后台后控制台>外观>设置外观
2.找到自定义 HTML 元素拓展 - 标签: head 尾部 (head 标签结束前)
3.插入:

<div id="top-gif"></div>
<style type="text/css">
#top-gif {
    background: url(//api.th9.bid/top.gif);
    height: 4px;
    margin-top: 0px;
    position: fixed;
    width: 100%;
    Z-index: 10;
}
</style>

2.修改鼠标样式

这个不用解释了吧就算修改鼠标的样式代码扣自三秋的博客
1.进入后台后控制台>外观>设置外观
2.找到自定义 HTML 元素拓展 - 标签: head 尾部 (head 标签结束前)
3.插入:

<style type="text/css">* {cursor: url(//api.th9.bid/default.cur), default}</style>
<style type="text/css">* a:hover {cursor:url(//api.th9.bid/pointer.cur), pointer}</style>

3.修改菜单

这个是特别简单的而且很容易只需要
打开模板的component文件夹用编辑器打开side_menu.php
在第二行左右找到代码

<a id="toggle-nav" href="javascript:void(0);"><span>MENU</span></a>

吧代码中的<span>MENU</span>改为<span><i class="fa fa-reorder"></i></span>即可有本博客效果
修改完毕后是这样的:

<a id="toggle-nav" href="javascript:void(0);"><span><i class="fa fa-reorder"></i></span></a>

---

Use "CC BY-NC-SA 3.0 CN" for licensing