EMLOG底部菜单栏优化代码 - 旺仔先森博客

EMLOG底部菜单栏优化代码

作者: 旺仔

全网最全的网络资源分享网站

手机扫码查看

标签:

网站代码emlog

特别声明:文章多为网络转载,资源使用一般不提供任何帮助,特殊资源除外,如有侵权请联系wangzaibk@qq.com!

分享

用法,放在模板heard,footer,系统设置随便一个地方都可以。

 

<style type="text/css">.nav{display:none;}@media screen and (min-width:767px){#mobile-footer{display:none}}#mobile-footer{height:60px;background:#fafafa;position:fixed;bottom:0;left:0;border-top:0;width:100%;z-index:9999999}#mobile-menu{display:block}#mobile-menu:after{content:'';display:block;height:0;clear:both}#mobile-menu>li{width:20%;float:left;border-top:1px solid #e6e6eb;height:100%}#mobile-menu>li>a:hover{color:#000;}#mobile-menu>li>.active{color:#000;}#mobile-menu>li>a{text-align:center;color:#777;display:block;line-height:12px;height:100%}#mobile-menu>li>a>span{font-size:20px;display:block;line-height:30px}</style><div id="mobile-footer"> <ul id="mobile-menu"> <li> <a href="http://www.52ooooo.com"> <span class="fa fa-home"></span> 首页 </a></li> <li> <a href="http://www.52ooooo.com"> <span class="fa fa-qrcode"></span> 微信咨询</a></li><li> <a href="javascript:;" class="search-show active"> <span class="fa fa-search"> </span> 搜索 </a></li> <li> <a href="javascript:;" class="user-reg" data-sign="1"> <span class="fa fa-user-plus"></span> 注册 </a></li> <li> <a href="javascript:(scrollTo());";class="user-login" data-sign="0"><span class="fa fa-angle-up"></span> 回顶部 </a></li></ul></div><br> <br> <br> <br>
本文最后更新于2019-8-8,已超过 1 年没有更新,如果文章内容或图片资源失效,请留言反馈,我们会及时处理,谢谢!
分享到:
打赏

本站开启投稿功能注册账号即可投稿


文章版权信息

阅读时间:  发布于:2019-8-8

本文标题:EMLOG底部菜单栏优化代码

本文链接:http://www.52ooooo.com/post-27.html

版权声明:文章为《 旺仔》原创,转载请保留出处!

标签:网站代码emlog

相关推荐

评论

  1. #1
    旺仔 站长已认证

    我只对现实世界绝望过,却未对自己绝望过!

切换注册

登录

您也可以使用第三方帐号快捷登录

切换登录

注册

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏

Sitemap    134.07ms2942
网站代码 EMLOG底部菜单栏优化代码
用法,放在模板heard,footer,系统设置随便一个地方都可以。 <style type="text/css">.nav{displa...
扫描二维码阅读原文
旺仔先森博客 January, 01
初始化 ×