MENU

Mirages 折腾笔记 Ⅲ

2017-08-03 • 笔记

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

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

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


归档 文章二维码
本页链接的二维码
打赏二维码
添加评论

已有 9 条评论
  1. 青空 青空

    沿着前辈走过的路摸索过来,谢谢博主ヾ(≧∇≦*)ゝ

  2. themebetter themebetter

    themebetter博客导航已收录贵站,期待博主分享更多的精彩内容。

    1. c0smxsec c0smxsec

      @themebetter看到没有,橘纸你快点更新第四弹

    2. c0smxsec c0smxsec

      @c0smxsec@(滑稽)@(滑稽)

  3. c0smxsec c0smxsec

    G胖没数到的数字你居然会数@(滑稽)

    1. 橘纸柚 橘纸柚

      @c0smxsec我会数到⑨比G胖厉害多了@(滑稽)

  4. Sakura Sakura

    想给WP弄这个来着,等拖到底才反应过来这是TE。。。@(狂汗)

    1. 橘纸柚 橘纸柚

      @Sakura按理来说前面两个只是加CSS修改一下应该可以用在其他模板上@(乖)

  5. c0smxsec c0smxsec

    无痛修改♂