:欢迎您的到来! 如果您遇到任何问题,请联系博主qq: 180181332

博客底部添加炫酷菜单栏

罗小黑
2021-09-30 / 27 评论 / 569 阅读 / 正在检测是否收录...

第一步

在主题目录的public文件夹下的footer.php最底部添加以下代码

<div id="mobile-footer">
    <ul id="mobile-menu">
        <li> <a href="/"> <span class="cyicon chenyu-zhuye-copy"></span> 首页 </a></li>
        <li> <a href="/images.html"> <span class="cyicon chenyu-youlianguanli"></span> 壁纸 </a></li>
        <li> <a href="/videos.html"> <span class="cyicon chenyu-aixin2"></span> 视频 </a></li>
        <li> <a href="/live.html"> <span class="cyicon chenyu-gongju"></span> 直播 </a></li>
        <li> <a href="/about.html"> <span class="cyicon chenyu-guanyu"></span> 关于 </a></li>
             </ul>
</div>

第二步


在这段代码的前面

<link rel="stylesheet" href="<?php $this->options->themeUrl('assets/css/joe.mode.min.css'); ?>">

添加如下代码

<link rel="stylesheet" href="<?php $this->options->themeUrl('assets/css/solarbottom.css'); ?>">

第三步

css样式文件如下:

本文共 109 个字数,平均阅读时长 ≈ 1分钟
10

打赏

海报

正在生成.....

评论 (27)

取消
  1. 头像
    小白 Lv.1
    Windows 10 · Google Chrome
    沙发

    不错,很有用!

    回复 删除 垃圾
  2. 头像
    dd Lv.1
    MacOS · Google Chrome
    板凳

    牛逼

    回复 删除 垃圾
  3. 头像
    小王 Lv.1
    Windows 10 · Google Chrome
    地毯

    nice

    回复 删除 垃圾
  4. 头像
    小哥 Lv.1
    iPhone · QQ Browser
    第4楼

    不错呀!

    回复 删除 垃圾
  5. 头像
    bage Lv.1
    Windows X64 · QQ Browser
    第5楼

    可以

    回复 删除 垃圾
  6. 头像
    1 Lv.1
    Windows 10 · Google Chrome
    第6楼

    1

    回复 删除 垃圾
  7. 头像
    牛逼 Lv.1
    Windows X64 · QQ Browser
    第7楼

    真牛逼

    回复 删除 垃圾
  8. 头像
    星泽 Lv.1
    Windows 10 · Google Chrome
    第8楼

    拿走拿走啦

    回复 删除 垃圾
  9. 头像
    1 Lv.1
    Windows X64 · QQ Browser
    第9楼

    试试看

    回复 删除 垃圾
  10. 头像
    Lv.1
    iPhone · Safari
    第10楼

    谢谢

    回复 删除 垃圾
  11. 头像
    lil Lv.1
    Windows 7 · Google Chrome
    第11楼

    kankan

    回复 删除 垃圾
  12. 头像
    亦言 Lv.1
    Windows 10 · Google Chrome
    第12楼

    ...

    回复 删除 垃圾
  13. 头像
    hello,world Lv.1
    Windows 10 · Google Chrome
    第13楼

    tql

    回复 删除 垃圾
  14. 头像
    Fong Lv.1
    Windows 10 · FireFox
    第14楼

    画图

    回复 删除 垃圾
  15. 头像
    宗同学 Lv.1
    Windows X64 · QQ Browser
    第15楼

    我来学习

    回复 删除 垃圾
  16. 头像
    asd Lv.1
    Windows 10 · Google Chrome
    第16楼

    看看

    回复 删除 垃圾
  17. 头像
    Lv.1
    Windows X64 · QQ Browser
    第17楼

    乖乖

    回复 删除 垃圾
  18. 头像
    禾星 Lv.1
    Windows X64 · QQ Browser
    第18楼

    来了来了来了来了来了

    回复 删除 垃圾
  19. 头像
    老公 Lv.1
    Android · Google Chrome
    第19楼

    老婆我来了

    回复 删除 垃圾
  20. 头像
    知云 Lv.1
    Windows 10 · QQ Browser
    第20楼

    真不错

    回复 删除 垃圾
  21. 头像
    kitty Lv.1
    MacOS · Google Chrome
    第21楼

    11111

    回复 删除 垃圾
  22. 头像
    AKERS Lv.1
    Windows 10 · Google Chrome
    第22楼

    牛逼

    回复 删除 垃圾
  23. 头像
    494994911 Lv.1
    Windows X64 · QQ Browser
    第23楼

    jdjjddj

    回复 删除 垃圾
  24. 头像
    YANG Lv.1
    iPhone · QQ Browser
    第24楼

    拿走拿走

    回复 删除 垃圾
  25. 头像
    开啊 Lv.1
    iPhone · Safari
    第25楼

    782827哦五岁的

    回复 删除 垃圾
  26. 头像
    handsome Lv.1
    Windows 10 · FireFox
    第26楼

    真不戳

    回复 删除 垃圾
  27. 头像
    绿马 Lv.1
    Windows 7 · QQ Browser
    第27楼

    多点这种教程

    回复 删除 垃圾