走啊走
wordpress安装

M站底部悬浮导航代码分享

M站底部悬浮导航代码分享,效果大概是这样的,话不多少直接上效果图吧,个人感觉M站底部加一个也是有些作用的,于是就自己写了一个,还凑合用。

M站底部悬浮导航代码分享

M站底部悬浮导航代码分享

代码如下:

<style>
/*2020年3月22日17:44:07 cc*/
.foot_content{display:none;}
@media(max-width: 1200px) {
.foot_content{display:flex;position:fixed;bottom:0px;left:0px;width:100%;text-align:center;z-index:9999;background:#fff;}
.foot_content a{text-decoration:none;}
.foot_content .foot_item{border-right:1px solid #eee;border-top:1px solid #eee;flex:1;height:44px;padding-top:3px;padding-bottom:4px;}
.foot_content .foot_item img{padding:0;width:26%;height:auto;max-width:30px;}
.foot_content .foot_item p{padding:0;margin:0;color:#666;font-size:13px;}
}
</style>
<div class="foot_content">
<div class="foot_item"><a href="/?from=bottom" target="_blank"><img src="/wp-content/uploads/2020/03/indexpic.png"><p>首页</p></a></div>
<div class="foot_item"><a href="/go.php?url=https://www.aliyun.com/sale-season/2020/procurement?userCode=cb3vgkf5&scm=20140722.1671.6.1693&aly_as=U-WjCGf-&accounttraceid=7fc3cf59a36b4067bad4acc1a30531c9iber&source=5176.11533457&userCode=cb3vgkf5&type=copy" target="_blank"><img src="/wp-content/uploads/2020/03/云主机.png"><p>买主机</p></a></div>
<div class="foot_item"><a href="/wp-content/uploads/2018/10/微信图片_20181020215728-300x300.jpg" target="_blank"><img src="/wp-content/uploads/2020/03/送门户网站.png"><p>建站</p></a></div>
<div class="foot_item"><a href="/aboutus-html" target="_blank"><img src="/wp-content/uploads/2020/03/联系.png"><p>联系</p></a></div>
</div>
微信订阅号:wordpress8—wordpress安装 » M站底部悬浮导航代码分享

评论 5

#快捷签到点我#

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址
  1. #3

    2020/3/25 下午12:28:28,打卡签到成功!每天打卡,遇见美好生活,好久没见更新了

    小姚工作室6个月前 (03-25)回复
  2. #2

    移动端加上4个底部按钮看起来确实挺好的

    boke112联盟6个月前 (03-23)回复
  3. #1

    效果不错,图标其实可以用Iconfont,更加生动。

    萧瑟6个月前 (03-23)回复
    • Iconfont 这个东西不会,正准备学习研究下。。。

      华年轻度6个月前 (03-23)回复

ECS突发性能T6-99元/年
力荐

阿里云服务器,ECS共享型S6新品低至69.86/年

阅读(1502)评论(242)

新用户专属小站价,爆款产品1折起,百度云服务器之前买的特价大概100块钱左右一年的吧,大概还有一个月就要过期了,平时没怎么用基本是空着的,做一些测试用,今天去百度云续费域名,结果发现又有活动团购价格62元/6个月的价格,感觉比较划算六十多块钱买半年,这个价格还是比较诱人的,...

ECS突发性能T6-99元/年
新手必看

wordpress建站首选云服务器229.00/3年

阅读(2822)评论(242)

新用户专属小站价,爆款产品1折起爆款产品5折起,新老用户同享优惠,限时抢购,指定云产品使用 限新用户 最高¥2000...

本站正在用阿里云ECS服务器;特价主机低至¥102元/年起开抢 阿里云特价通道
宝塔服务器面板,一键全能部署及管理,送你¥3188礼包, 点我领取
阿里云0.9折 腾讯云95元起 华为云4折