很多代刷网都在使用的“每日商品推荐”装修美化代码

mengfeiside 美化装修 2018-12-17 13:14:17 8,707 次浏览

比起代刷网右侧竖直的菜单导航栏这个功能,其实更多的代刷网会选择使用“每日商品推荐”装修美化代码,因为他更简单更方便,而且看起来也更美观。一个QQ代刷网之所有那么受欢迎就是因为它简单易用,很容易让客户找到商品而且不需要注册账号就可以直接下单完成需求,所以我们应该尽量让自己的代刷网首页看起来简约而不简单,更不要把什么东西都放上去,让人看的眼花缭乱莫不清楚东南西北。比如说我的三八代刷网我就没有去放自动播放的音乐代码、雪花飘落特效和鼠标爆炸特效,这些虽然好看但是华而不实影响网站打开的速度得不偿失。但是这个“每日商品推荐”功能代码还是非常实用的,而且也不会对网站的美观、速度产生影响,有需要的站长就拿去用吧!

先来看看“每日商品推荐”装修美化代码的效果图:

代刷网美化代码

代码如下:

<center><strong><i class="fa fa-heart text-danger"></i><span style="font-size:18px;"><font color="#FF7F00">〔通知〕每日低价商品推荐</span></font><a href="#sptj" target="_blank" data-toggle="modal"  style="font-size:18px;">点击查看</a></strong></center>

<!–商品推荐开始–>
   
  <div class="modal fade col-xs-12" align="left" id="sptj" tabindex="-1" role="dialog"
  aria-labelledby="myModalLabel" aria-hidden="true" >
   
  <div class="modal-dialog panel panel-primary animation-fadeInQuick2">
  <div class="modal-content">
   
  <div class="modal-header" style="background:linear-gradient(120deg, #0174DF 30%, #DF01D7 70%);">
  <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true"></span><span class="sr-only">Close</span></button>
  <center><h4 class="modal-title" id="myModalLabel"><b><font color="#fff">商品推荐</font></b></h4></center>
  </div>
  <br>
  <div class="col-xs-6 col-sm-3 col-md-4 layui-anim layui-anim-scaleSpring" data-
   
  anim="layui-anim-upbit">
  <a href="商品链接">
  <div class="thumbnail" style="height:138px;">
  <center style="margin-top:5%;">
  <img src="/skin/331539.jpg" width="40" height="40" style="border-radius:
   
  10px">
  <hr class="layui-bg-blue" style="width:80%">刷永久超级会员
  <br>
  <font color="red">[¥13元 ]</font>
  </center>
  </div>
  </a>
  </div>
  <div class="col-xs-6 col-sm-3 col-md-4 layui-anim layui-anim-scaleSpring" data-
   
  anim="layui-anim-upbit">
  <a href="商品链接">
  <div class="thumbnail" style="height:138px;">
  <center style="margin-top:5%;">
  <img src="/skin/qqhz.png" width="40" height="40" style="border-
   
  radius: 10px">
  <hr class="layui-bg-blue" style="width:80%">永久-QQ黄钻
  <br>
  <font color="red">[¥15元 ]</font>
  </center>
  </div>
  </a>
  </div>
  <div class="col-xs-6 col-sm-3 col-md-4 layui-anim layui-anim-scaleSpring" data-
   
  anim="layui-anim-upbit">
  <a href="商品链接">
  <div class="thumbnail" style="height:138px;">
  <center style="margin-top:5%;">
  <img src="/skin/hlw.png" width="40" height="40"
   
  style="border-radius: 10px">
  <hr class="layui-bg-blue" style="width:80%">永久-腾讯视频
  <br>
  <font color="red">[¥14元 ]</font>
  </center>
  </div>
  </a>
  </div>
  <div class="col-xs-6 col-sm-3 col-md-4 layui-anim layui-anim-scaleSpring" data-
   
  anim="layui-anim-upbit">
  <a href="商品链接">
  <div class="thumbnail" style="height:138px;">
  <center style="margin-top:5%;">
  <img src="/skin/3315392.jpg" width="40" height="40" style="border-radius:
   
  10px">
  <hr class="layui-bg-blue" style="width:80%">刷爆音粉丝
  <br>
  <font color="red">[¥0.5元 ]</font>
  </center>
  </div>
  </a>
  </div>
  <div class="col-xs-6 col-sm-3 col-md-4 layui-anim layui-anim-scaleSpring" data-
   
  anim="layui-anim-upbit">
  <a href="商品链接">
  <div class="thumbnail" style="height:138px;">
  <center style="margin-top:5%;">
  <img src="/skin/qqkj.png" width="40" height="40" style="border-
   
  radius: 10px">
  <hr class="layui-bg-blue" style="width:80%">低价-空间人气
  <br>
  <font color="red">[¥0.28元 ]</font>
  </center>
  </div>
  </a>
  </div>
  <div class="col-xs-6 col-sm-3 col-md-4 layui-anim layui-anim-scaleSpring" data-
   
  anim="layui-anim-upbit">
  <a href="商品链接">
  <div class="thumbnail" style="height:138px;">
  <center style="margin-top:5%;">
  <img src="/skin/qqmpz.jpg" width="40" height="40"
   
  style="border-radius: 10px">
  <hr class="layui-bg-blue" style="width:80%">低价-QQ名片赞<br>
  <font color="red">[¥1元 ]</font>
  </center>
  </div>
  </a>
  </div>
  <table class="table table-bordered table-striped">
  <tbody>
  <tr>
  </tr>
  </tbody>
  </table>
  <div class="modal-footer">
  <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
  </div>
  </div>
  </div>
  </div>
  </b>
  <!–商品推荐结束–>

请把代码里面的“商品链接”改为你代刷网后台对应的商品购买地址,如果不知道如何获取请看这个教程:qq代刷网商品tid怎么设置?

然后把修改以后的代码放到代刷网后台的"在线下单提示"里面去即可!

代刷网后台的"在线下单提示"

温馨提醒:

这个每日商品推荐功能最好设置6个商品即可,太多的话可能有些分辨率无法显示完整,把你自己QQ代刷网里面最主要的最热门的推荐给客户下单即可。比如爆音粉丝100个、1000个、10000个的商品你只要推荐100个的那个商品即可,如果客户觉得你这里刷爆音粉丝的速度很快,信誉很好,售后也很棒就会常来光顾找到其他的自己需要的商品购买的。

这个代码你可以放在在线下单提示里面,也可以放到首页公告里面去,反正只要更容易让客户看到你推荐的商品即可。

回顶部