【本站通知】:提交网址请到顶部提交收录按钮提交,电脑版不能自动获取网站信息,请手动填写! ——广告合作:点击这里给我发消息 官方1群:加入QQ群 官方2群:加入QQ群
电影大全 博客大全 百度秒收录 导航大全 本站公告 违规站点

当前位置:首页 » 技术教程 » 详情

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

这个引用的是 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替换成你的域名即可

打赏站长

打赏方式:

X
  • 支付宝
  • 微信
  • QQ红包

打开支付宝扫一扫
文章作者:站长的小便 日期:2018年12月21日 星期五   分类:技术教程   浏览(983)
本文地址:https://www.laolibab.cn/jsjc/6371.html   [百度未收录]
短网址: [复制短网址]
声明:本页信息由网友自行发布或来源于网络,真实性、合法性由发布人负责,请仔细甄别!本站只为传递信息,我们不做任何双方证明,也不承担任何法律责任。文章内容若侵犯你的权益,请联系本站删除!

相关阅读

留言咨询

自动获取QQ

昵称

邮箱

网址

寻元素 - 专注免抠png素材设计网站

    寻元素 - 专注免抠png素材设计网站

老李云

    老李云

代刷秒赞广告位

    第一领券网,福利多多,优惠满满

协助本站seo优化,点击百度一下

    百度一下

二维码在线生成

关于我们

    站长导航网提供网站SEO优化、SEM推广营销(百度/360/搜狗收录优化)、企业建站、搜索引擎教学等服务。
    联系我们:给我发QQ消息 加入QQ群

站点统计

  • 收录网址:2868 个
  • 黑名单:59 个
  • 发布文章:6806 条
  • 总访问量:8087793次
  • 评论总数:3082 条
  • 闲言碎语:3条
  • 用户总数:232
  • 管理员数:2
  • 作者总数:230
  • 附件总数:887
  • 标签总数:10687
  • 分类总数:118
  • 子分类数:98
  • 友链总数:5
  • 本站运行:4年10月9天
展开
关闭 提交收录 审核状态 SEO实战 SEO外链 在线工具 在线音乐 模板之家 线报之家 资源大全 骗子公布 登录&注册
sitemap