Warning: Use of undefined constant HTTP_USER_AGENT - assumed 'HTTP_USER_AGENT' (this will throw an Error in a future version of PHP) in /www/wwwroot/www.caiwuje.cn/wp-content/themes/seven/header.php on line 1
emlog模板中网站底部添加上font-awesome快捷按钮 | 超纯洁博客

emlog模板中网站底部添加上font-awesome快捷按钮

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

Markup
      首页
  微语
  搜索
  留言
  关于

css代码:

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替换成你的域名即可

「点点赞赏,手留余香」

    还没有人赞赏,快来当第一个赞赏的人吧!
联系站长
0 条回复 A 作者 M 管理员
    所有的伟大,都源于一个勇敢的开始!
欢迎您,新朋友,感谢参与互动!欢迎您 {{author}},您在本站有{{commentsCount}}条评论