资源网 > 网站源码 > 网页代码 > 代刷网首页装修美化添加更多按钮代码

代刷网首页装修美化添加更多按钮代码


代刷网模版的装修美化很多做代刷网主站的,都想着把自己的代刷网做得和别人不一样,例如添加了公告代码或者是美化logo,以及是底部代码等等,今天我们教大家的是代刷网美化模版下单框,添加更多按钮功能。
代刷网装修代码

修改我们需要找到下单框的代码如图:

装修代码如下:

<li <?php if($conf['iskami']==0){?>style="display:none;"<?php }?>><a href="#cardbuy" data-toggle="tab"><i class="glyphicon glyphicon-th"></i> 卡密</a></li>
<li><a href="#query" data-toggle="tab" id="tab-query"><i class="fa fa-search"></i> 查单</a></li>
<li <?php if($conf['gift_open']==0){?>class="hide"<?php }?>><a href="#gift" data-toggle="tab"><i class="fa fa-gift"></i> 抽奖</a></li
我们需要的只是添加或者修改<li></li>标签里的内容,如,我们想加上一个更多的按钮,那就在代码后面直接加上
 
<li><a  href="#more"  data-toggle="tab" aria-expanded="true"><i class="fa fa-gift"></i>更多</a></li>
这里的意思是调用的一个ID为more的div

我们需要在模版下面加上需要调用的代码:

 
<div class="tab-pane fade in" id="more">
<center>
<hr style="height:1px;border:none;border-top:1px dashed #0066CC;" />
<a class="btn btn-warning btn-block" href="/bbs" target="_blank">QQ代刷网论坛</a><hr style="height:1px;border:none;border-top:1px dashed #0066CC;" />
<a class="btn btn-primary btn-block" href="http://kkdg.52dg.org/index/login.html" target="_blank">QQ等级代挂管理</a><hr style="height:1px;border:none;border-top:1px dashed #0066CC;" />
</center>
</div>
这里我就只演示加上两个,这两个加上后是什么样的呢

效果看下图:

效果看下图

这样看起来是不是觉得好看多了?当然,我们这里可以加的不只是这些代码,可以加上喜欢的图片,或者其他的美化代码等等,关键是我们必须把那些东西都放到那个ID味more的div里面,这样既可实现调用。

 

| 来源:提取码:
您可以免费下载,该资源
声明:以上内容来自互联网,如转稿中文字或图片涉及版权等问题,请作者及时联系我们处理。喜欢本站记得每天访问下网站哦

本站资源站来自互联网收集,全网资源娱乐技术软件下载,最稳定色资源更新仅供用于学习和交流,如有侵权,请联系站长并出示版权证明以便删除

每天收集提供QQ活动,免费线报活动,教程分享,游戏技巧,头像源码,QQ资源网以及技术教程网相关资源分享。欢迎投稿:爱分享资源网送红包

    备案号: 苏ICP备18056909号-4