给emlog底部栏加个导航标题

把下面代码复制放在你所用模板header.php文件最底部</header>上面即可,网址名称的记得更换成你想要的。图标请用Font Awesome



<div class="dibunav"> 
   <ul> 
    <li> <a href="首页网址" rel="external nofollow" ><span><i class="fa fa-home"></i></span><span>首页</span></a> </li> 
    <li style="position:relative;"> <a href="网址" rel="external nofollow"  rel="external nofollow"  rel="external nofollow" ><span><i class="fa fa-youtube-play"></i></span><span>你想要的名称</span></a> </li> 
    <li> <a href="网址" rel="external nofollow"  rel="external nofollow"  rel="external nofollow" ><span><i class="fa fa-server"></i></span><span>你想要的名称</span></a> </li> 
    <li> <a href="网址" rel="external nofollow"  rel="external nofollow"  rel="external nofollow" ><span><i class="fa fa-qq"></i></span><span>你想要的名称</span></a> </li> 
   </ul> 
  </div> 
  <style type="text/css">
.dibunav{display:none;}
@media screen and (max-width:1000px) {.footer {padding-bottom:60px;}
.dibunav {display: block;}
.dibunav {background:#fafafa;padding:6px 0 2px 0;width:100%;position:fixed;left:0;bottom:0;display:block;z-index:9999;}
.dibunav ul {height:0px;}
.dibunav ul li {float:left;width:25%;text-align:center;list-style-type:none;margin:0px;padding:0px;}
.dibunav ul li span {display:block;color:#333;font-size:14px;line-height:20px;}
.dibunav a {color:#000;text-decoration:none;}
.dibunav * {padding:0;margin:0;list-style:none;font-weight:normal;}
.dibunav ul li i.fa {font-size:1.8em;}
}</style> 


您阅读这篇文章共花了: 0小时00分10秒
本博客所有文章如无特别注明均为原创。作者:fyq复制或转载请以超链接形式注明转自 免费精品资源分享
原文地址《给emlog底部栏加个导航标题
生成文章海报

相关推荐

发表评论

路人甲 表情
Ctrl+Enter快速提交

网友评论(0)