首先就是你要确定一个你需要美化的模版了,这里我推荐用彩虹自带的default模版,这个模版简介大气,试用于新手,也可以自己添加很多的美化代码,然后我们开始对这个模版开始美化,先是添加公告代码,公告我们一般是推荐简洁一点的,说明一下网站的商品代刷速度详情等等,推荐用<li>标签,对于html代码不会的站长,可以直接在后台克隆别人的,然后再自己修改,然后是添加网站的底部代码,底部我们平台目前还没有,这里我们是推荐简洁模块,底部加上友情链接,或者是客服联系方式,添加好公告和底部代码,基本上网站会显得比较好看了,还有最重要的,就是网站logo请记得一定要上传,这样,一个效果不错的代刷网基本就成型了。
<ul class="nav nav-tabs" data-toggle="tabs">
<li class="active" style="width: 25%;" align="center">
<a href="#shop"><i class="fa fa-home"></i> 下单</a>
</li>
<li style="width: 25%;" align="center">
<a href="#search"><i class="fa fa-search"></i> 查单</a>
</li>
<li style="width: 25%;" align="center" <?php if($conf['gift_open']==0){?>class="hide"<?php }?>>
<a href="#gift" data-toggle="tab"><span style="font-weight:bold"><i class="fa fa-gift fa-fw"></i> 抽奖</span></a></li>
<li style="width: 25%;" align="center">
<a href="#more"><i class="fa fa-th-list"></i> 更多</a>
</li>
</ul>
我们的宽度要用百分比,这样做是为了适应手机端,也是为了好看,这个要看你添加的个数了,一定要分配均匀,如过是4个,平均下来就是25%,是5个就是20%,这里大家自行确定,然后,我们需要做的就是调用代码,也是href="##",也就是##这个,我们要改成调用的id,这里要说明的就是你调用的代码一定要放下面,也极速如下一段代码:
<!--更多-->
<div class="tab-pane fade fade-right" id="more">
<div class="col-xs-6 col-sm-4 col-lg-4">
<a class="block block-link-hover2 text-center" data-toggle="modal" href="user/reg.php">
<div class="block-content block-content-full bg-primary-dark">
<i class="fa fa-files-o fa-3x text-white"></i>
<div class="font-w600 text-white-op push-15-t">搭建分站</div>
</div>
</a>
</div>
<div class="col-xs-6 col-sm-4 col-lg-4">
<a class="block block-link-hover2 text-center" data-toggle="modal" href="#lqq">
<div class="block-content block-content-full bg-primary">
<i class="fa fa-circle-o fa-3x text-white"></i>
<div class="font-w600 text-white-op push-15-t">免费拉圈</div>
</div>
</a>
</div>
<div class="col-xs-6 col-sm-4 col-lg-4">
<a class="block block-link-hover2 text-center" href="user">
<div class="block-content block-content-full bg-city">
<i class="fa fa-lock fa-3x text-white"></i>
<div class="font-w600 text-white-op push-15-t">分站后台</div>
</div>
</a>
</div>
<div class="col-xs-6 col-sm-4 col-lg-4">
<a target="_blank" class="block block-link-hover2 text-center" onclick="window.open('/bbs')">
<div class="block-content block-content-full bg-warning">
<i class="fa fa-paper-plane-o fa-3x text-white"></i>
<div class="font-w600 text-white-op push-15-t">交流论坛</div>
</div>
</a>
</div>
<div class="col-xs-6 col-sm-4 col-lg-4">
<a target="_blank" class="block block-link-hover2 text-center" onclick="window.open('http://k.52djdg.com/index/login.html')" rel="nofollow" >
<div class="block-content block-content-full bg-amethyst">
<i class="fa fa-rocket fa-3x text-white"></i>
<div class="font-w600 text-white-op push-15-t">代挂管理</div>
</div>
</a>
</div>
<div class="col-xs-6 col-sm-4 col-lg-4">
<a target="_blank" class="block block-link-hover2 text-center" data-toggle="modal" href="http://www.dggml.com/index.php" rel="nofollow">
<div class="block-content block-content-full bg-success">
<i class="fa fa-search fa-3x text-white"></i>
<div class="font-w600 text-white-op push-15-t">苹果X管理</div>
</div>
</a>
</div>
</div>
<!--更多-->