(EMLOG)网站底栏快捷按钮代码

  网站底栏快捷按钮代码通用版分享

 

emlog教程:复制代码放入后台系统设置的底部统计那快,不要去除空格以免出错!改掉链接即可了,图标修改class=“这里是图标”图标获取网站:http://www.fontawesome.com.cn/faicons/

教程结束,其他网站自己放入首页文件底部即可了!

可适用于任何网站

(EMLOG)网站底栏快捷按钮代码

<style type="text/css">.nav{display:none;}@media only screen and (max-width:450px){.site-info{padding:15px 0 52px 0;}#advert_widget,.php_text .widget-text,.widget .textwidget{padding:0;}.nav{position:fixed;z-index:999;bottom:0;width:100%;height:52px;display:block;right:0;box-shadow:0px 0px 10px 3px rgba(223,233,247,1.0);-webkit-box-shadow:0px 0px 10px 3px rgba(223,233,247,1.0);-moz-box-shadow:0px 0px 10px 3px rgba(223,233,247,1.0);-o-box-shadow:0px 0px 10px 3px rgba(223,233,247,1.0);-ms-box-shadow:0px 0px 10px 3px rgba(223,233,247,1.0);}.nav{padding-left:0;margin-bottom:0;list-style:none;}.nav img{width:50px !important;height:50px !important;}.nav > ul{position:relative;z-index:1;height:52px;background:rgba(255,255,255,.85);list-style-image:none;list-style-type:none;margin:0px;padding:0px !important;}.nav ul li{position:relative;float:left;width:20%;text-align:center;margin:0px;padding:0px;list-style-image:none;list-style-type:none;top:0px;left:3%;}.nav ul li a{display:block;margin-right:auto;margin-left:auto;}}</style>







<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="https://iooqp.cn"> <span class="fa fa-home"></span> 首页 </a></li>

       

        <li> <a href="https://iooqp.cn/?plugin=tougao"> <span class="fa fa-chain"></span> 投稿 </a></li>



<li> <a href="javascript:;" class="search-show active"> <span class="fa fa-search"> </span> 搜索 </a></li>



        <li> <a href="https://iooqp.cn"> <span class="fa fa-user-plus"></span> 注册 </a></li>

        <li> <a href="https://iooqp.cn"> <span class="fa fa-user"></span> 登录 </a></li>

</ul>

</div>



            <br> <br> <br> <br>

        

 

阿强爱分享
  • 本文由 发表于 2019年7月14日21:04:52
  • 转载请务必保留本文链接:https://iooqp.cn/408.html
匿名

发表评论

匿名网友 填写信息

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: