小鹿学院 > SEM营销 > 资讯正文
wordpress网站移动端底部菜单栏源码
2018-01-16 17:20 小鹿推广

小鹿系列竞价软件覆盖百度、360、搜狗、神马四大搜索平台,采用独创的竞价算法,智能精准出价,一键批量查排名,根据关键词位置实时调整出价,降低出价虚高,稳定排名,节省企业预算。

小鹿竞价软件专题介绍:https://www.xiaolutg.com/bidding/fengchao?ref=menu

前段时间,有朋友问我网站底部菜单栏咋弄的,由于七墨最近有点忙,所以今天才发出教程来。实现方法很简单,话不多说,下面直接上代码。

图片:

小鹿推广,竞价软件,SEM营销

1.添加功能代码

本站将以下代码添加到主题选项中的编辑页脚中:

  1. <divclass=“foornav”><ahref=“/”><span><imgclass=“lxs”src=“http://cdn.qimok.cn/index.png”/>首页<span></a>
  2. <ahref=“/category/%e8%b5%84%e6%ba%90%e5%85%b1%e4%ba%ab/”><span><imgsrc=“http://cdn.qimok.cn/share.png”/>资源分享</span></a>
  3. <ahref=“/category/web-build/”><span><imgsrc=“http://cdn.qimok.cn/wordpress.png”/>网站建设</span></a>
  4. <ahref=“/message.html”><span><imgsrc=“http://cdn.qimok.cn/liuyan.png”/>留言板</span></a>
  5. <ahref=“/model.qimok.cn/”><span><imgclass=“lxs”src=“http://cdn.qimok.cn/index.png”/>工具箱</span></a></div>

注意:自行修改上面的链接和文字。

2.添加样式代码

将以下代码添加到style.css中即可:

  1. .foornav{background:#eeenonerepeatscroll00;border-top:1pxsolid#dcdcdc;bottombottom:0;display:none;position:fixed;width:100%;z-index:9999;height:50px}@mediaonlyscreenand(max-width:700px){.footer{margin-bottom:50px}.foornav{display:block;left:0;width:100%}}.foornavspan{text-align:center;font-size:10px;width:18%;display:inlineblock;padding:4px2px}.foornavspanimg{padding:3px;margin:0auto;width:24px;display:block}
  2. .breadcrumb{width:1200px;height:25px;line-height:25px;margin:0auto;padding-left:10px}.breadcrumb{background:#fff;margin-top:5px!important;margin-bottom:5px!important}@mediascreenand(max-width:1200px){.breadcrumb{width:98%}}

就这么简单~~

卧龙

百度

点睛

搜狗

标签: 小鹿SEM营销
<< 上一篇

wordpress博客站点输入打字特效

下一篇 >>

wordpress美化特效:网站欢迎语弹框

相关资讯

关注公众号 获取更多干货资讯

400-998-8026