8wDlpd.png
8wDFp9.png
8wDEOx.png
8wDMfH.png
8wDKte.png
沉梦/祥云/彩虹商城代刷平台三合一首页公告美化代码
adgjm531 2022-4-16

有的时候想在我们的分站上添加很多内容,但是给我们显示的地方又很少的时候,这款首页装修代码就可以解决占地方的问题,它把“本站公告”,“关于我们”,“联系客服”,这三个内容都可以展示给来到我们网站的用户看,每点击一个模块就显示哪一个模块的内容出来给用户,可以很便捷的解决了代码显示过长,内容复杂等难题!

代码效果如下图:

1638318409952.png

12.png

13.png

代码如下:

         <ul class=&rdquo;nav nav-tabs&rdquo;><li class=&rdquo;active&rdquo;><a style=&rdquo;padding:8px 12px;&rdquo; class=&rdquo;visible-xs&rdquo; href=&rdquo;#tab1&Prime; tab_tag=&rdquo;card_groups&rdquo; data-toggle=&rdquo;tab&rdquo; aria-expanded=&rdquo;false&rdquo;> <span>本站公告</span> </a> <a class=&rdquo;hidden-xs&rdquo; href=&rdquo;#tab1&Prime; tab_tag=&rdquo;card_groups&rdquo; data-toggle=&rdquo;tab&rdquo; aria-expanded=&rdquo;false&rdquo;>  <span class=&rdquo;hidden-xs&rdquo; style=&rdquo;color:#FFFFFF;&rdquo;><font color=&rdquo;black&rdquo;>本站公告</font></span>  </a> </li><li class=&rdquo;&rdquo;><a style=&rdquo;padding:8px 12px;&rdquo; class=&rdquo;visible-xs&rdquo; href=&rdquo;#tab3&Prime; tab_tag=&rdquo;orders&rdquo; data-toggle=&rdquo;tab&rdquo; aria-expanded=&rdquo;false&rdquo;> <span>关于我们</span> </a> <a class=&rdquo;hidden-xs&rdquo; href=&rdquo;#tab3&Prime; tab_tag=&rdquo;orders&rdquo; data-toggle=&rdquo;tab&rdquo; aria-expanded=&rdquo;false&rdquo;>  <span class=&rdquo;hidden-xs&rdquo; style=&rdquo;color:#FFFFFF;&rdquo;><font color=&rdquo;black&rdquo;>关于我们</font></span>  </a> </li><li class=&rdquo;&rdquo;><a style=&rdquo;padding:8px 12px;&rdquo; class=&rdquo;visible-xs&rdquo; href=&rdquo;#tab5&Prime; tab_tag=&rdquo;rmb_logs&rdquo; data-toggle=&rdquo;tab&rdquo; id=&rdquo;tab_rmb_logs&rdquo; aria-expanded=&rdquo;true&rdquo;>联系客服 <span></span> </a> <a class=&rdquo;hidden-xs&rdquo; href=&rdquo;#tab5&Prime; tab_tag=&rdquo;rmb_logs&rdquo; data-toggle=&rdquo;tab&rdquo; aria-expanded=&rdquo;true&rdquo;>  <span class=&rdquo;hidden-xs&rdquo; style=&rdquo;color:#FFFFFF;&rdquo;><font color=&rdquo;black&rdquo;>联系客服</font></span>  </a> </li> </ul> <div class=&rdquo;tab-content&rdquo;><div class=&rdquo;tab-pane  active&rdquo; id=&rdquo;tab1&Prime;><li class=&rdquo;list-group-item bord-top&rdquo;><span style=&rdquo;color:red;&rdquo;>提 示:</span> 记得收藏本站方便下次下单哦</li><li class=&rdquo;list-group-item bord-top&rdquo;><span style=&rdquo;color:red;&rdquo;>注意1:</span> 下单前请阅读注意事项后再下单</li><li class=&rdquo;list-group-item bord-top&rdquo;><span style=&rdquo;color:red;&rdquo;>注意2:</span> 同样的商品要等上一单刷完再下</li><li class=&rdquo;list-group-item bord-top&rdquo;><span style=&rdquo;color:red;&rdquo;>注意3:</span> 如需大量下单时修改数量即可</li><li class=&rdquo;list-group-item bord-top&rdquo;><span style=&rdquo;color:red;&rdquo;>注意4:</span> 如超过24小时还未到账请找客服</li></div><div class=&rdquo;tab-pane&rdquo; id=&rdquo;tab3&Prime;><li class=&rdquo;list-group-item bord-top&rdquo;><span style=&rdquo;color:red;&rdquo;>平台誓词:</span> 君子爱财,取之有道;诚信做事,一诺千金!严谨做事,减少失误!</li><li class=&rdquo;list-group-item bord-top&rdquo;><span style=&rdquo;color:red;&rdquo;>代刷商城:</span> 做代刷商城,售后是永恒的话题,我们一直坚持:有售后,有未来!</li><li class=&rdquo;list-group-item bord-top&rdquo;><span style=&rdquo;color:red;&rdquo;>代刷商城:</span> 多一份价格,多一份保障!多一份保障,多一份安心!我们坚决保障优质售后和承诺绝不跑路!</li><li class=&rdquo;list-group-item bord-top&rdquo;><span style=&rdquo;color:red;&rdquo;>温馨提示:</span> 新手看价格,老手求质量,骗子没成本,大家都在拼智商。 如果你在乎的是品质,就请尊重它的价格</li></div><div class=&rdquo;tab-pane&rdquo; id=&rdquo;tab5&Prime;><li class=&rdquo;list-group-item bord-top&rdquo;><span style=&rdquo;color:red;&rdquo;>客服QQ:</span> <font color=&rdquo;red&rdquo;>你的QQ</font> </li><li class=&rdquo;list-group-item bord-top&rdquo;><span style=&rdquo;color:red;&rdquo;>官方通知Q群:</span> <font color=&rdquo;red&rdquo;>你的QQ</font> <a target=&rdquo;_blank&rdquo; href=&rdquo;https://jq.qq.com/?_wv=1027&k=5DrJnsl&rdquo;></a></li><li class=&rdquo;list-group-item bord-top&rdquo;><span style=&rdquo;color:red;&rdquo;>联系客服时 别问在不在 直接发下单账号+下单商品+问题。以便我们快速处理</span> </li><li class=&rdquo;list-group-item bord-top&rdquo;><span style=&rdquo;color:blue;&rdquo;>客服职务:</span> <font color=&rdquo;blue&rdquo;>处理本站订单问题和一切大小事宜 = 有事就联系客服。</font></li>                          </div><div class=&rdquo;btn-group btn-group-justified&rdquo;><a target=&rdquo;_blank&rdquo; class=&rdquo;btn btn-default&rdquo; href=&rdquo;https://www.lanzoux.com/i4tunne&rdquo;>安卓APP下载</a><a target=&rdquo;_blank&rdquo; class=&rdquo;btn btn-default&rdquo; href=&rdquo;user/reg.php&rdquo;><span style=&rdquo;color:red;&rdquo;>免费搭建分站赚钱</span></a><a target=&rdquo;_blank&rdquo; class=&rdquo;btn btn-default&rdquo; href=&rdquo;user&rdquo;>分站登录</a></div></div>

这款代码并不是所有模板都适用,相比使用于“ colorful ”,这个模板还是比较好看的!

如果你是个追求精致的人,可以尝试美化一下自己的网站,提高可观赏型。如果你发现别人的代刷模板好看却不会弄代码的,可以联系客服让我们专业的客服来进行美化!


最新回复 (0)
返回