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

2018-12-21 09:32:11 作者: 三岁小弟弟 浏览: 306

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


若无特殊注明,本文皆为《三岁小弟弟》原创,转载请保留文章出处。
转载注明:三岁资源网»给网站底部添加上font-awesome快捷按钮
免责声明:本网站的资源部分来源于网络,如有侵权,请联系站长进行删除处理。
评论
本文作者 阅读排行 文章推荐

首页
最新
投稿
精选
我的