爱站屋博客 - 好东西不私藏,大家一起分享!关于博客 留言板

网站首页 技术教程 正文

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

星云 2018-12-21 技术教程 130 ℃

这个引[db:标签]的是 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:代码一起用有点冲突,html代码在下载文件里面,和css一起用。需要的下载吧。

[cv]下载地址:https://www.lanzous.com/i2ny86d[/cv]


猜你喜欢

本文暂时没有评论哦(●'◡'●)

欢迎 发表评论:

:如果评论未出现,请刷新网页,谢谢合作!

会员中心
搜索
ip签名图
    IP签名图
网站分类
标签列表
文章归档
站点信息
  • 文章总数:80720
  • 页面总数:3
  • 分类总数:12
  • 标签总数:629
  • 评论总数:1899
  • 浏览总数:968187
爱站云安全认证