emlog底部导航美化版 - 微笑博客


作者: smiling

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

手机扫码查看

标签:

emlog缓存优化

特别声明:文章多为作者原创,少部分来源于互联网,如有侵权请联系邮箱2902829982@qq.com


今天教大家美化底部导航,适用于fee

在footer.php加入以下代码

<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.39ccv.cn"> <span class="fa fa-rocket"></span> <font color="#FF1493">首页</font> </a></li>

       

        <li> <a href="http://www.39ccv.cn/admin"> <span class="fa fa-chain"></span> <font color="#1E90FF">投稿</font> </a></li>



<li> <a href="javascript:;" class="search-show active"> <span class="fa fa-eercast"> </span> <font color="#7CFC00">搜索</font> </a></li>



        <li> <a href="javascript:;" class="user-reg" data-sign="1"> <span class="fa fa-opencart"></span> <font color="#FF1493">注册</font> </a></li>

        <li> <a href="javascript:;" class="user-login" data-sign="0"><span class="fa fa-google"></span> <font color="#8B008B">登录</font> </a></li>

</ul>

</div>



            <br> <br> <br> <br></p>
			</div>

分享到:
打赏

以下为本文版权信息

阅读时间: 

发布于:2021-9-19

本文标题: emlog底部导航美化版

本文链接: https://www.smilingwxj.cn/post-97.html

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

评论

切换注册

登录

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

切换登录

注册

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

支付宝扫一扫打赏

微信扫一扫打赏

sitemap // 切换网页试下效果吧