给网站底部添加上font-awesome快捷按钮

本文共768个字,预计阅读时间需要2分钟 发布时间: 2023-06-24 共137人阅读

给网站底部添加上font-awesome快捷按钮-第1张图片-零零娱乐网

这个引用的是 Font Awesome 图标,一般模板都有吧。如果你模板里没有引用,请手动加上。

html代码:

      首页 
  微语 
  搜索 
  留言 
  关于

css代码:

@media screen and (min-width:767px){#mobile-footer{display:none}}
#mobile-footer{height:50px;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}

使用方法

1、把html代码放入 footer.php2、把css代码放入你模板的css文件里

3、修改一下html代码里的链接地址、图标和名称就行了

ps:将我的域名www.yhv5.cn替换成你的域名即可

转载文章,请保留出处,(www.sfzyw.com)感谢您的支持
首发资源网 » 给网站底部添加上font-awesome快捷按钮

常见问题FAQ

链接地址失效了怎么办?
例如蓝奏盘,https://www.lanzous.com/i1b2oib 把S改成m或i即可解决,或者请联系本站修复!
本站资源和文章版权声明
版权声明:本站部分文章来源或改编自互联网及其他公众平台,主要目的在于分享信息,版权归原作者所有,内容仅供读者参考,如有侵权请联系我们,减少损失。联系邮箱:1453316800@qq.com
点击下载链接不跳转怎么回事?
您好,QQ内打开是不跳转的,少部分浏览器也不跳转,一般的谷歌,UC了,搜狗 360等浏览器都可以跳转。

提供最优质的资源集合

立即查看 了解详情