返回栏目
首页装修美化 • 正文

代刷网的模版怎么美化更好看?

发布时间:  浏览: 次  作者:网站编辑

站长推荐:百万QQ名片赞免费送、低价理论永久QQ钻、可以刷快手业务、抖音业务、火山业务、微博业务、空间人气、说说赞,免费搭建分站拿高额提成,点此进入:三八代刷网

《站长推荐》 抖音粉丝点赞  抖音上热门  快手粉丝双击  快手上热门  王者荣耀人气值  低价影视会员  名片赞  空间人气  空间说说  空间留言  全民K歌  新浪微博  小红书  厘米秀  微信代刷  欢乐豆  球球大作战  QQ情侣空间  网课代刷  美图秀秀 

说到代刷网的模版,很多站长都很羡慕别人的网站好看,各种特效各种功能等等,那么,这些功能是怎么实现的呢?下面我们就来简单的介绍一下。
首先就是你要确定一个你需要美化的模版了,这里我推荐用彩虹自带的default模版,这个模版简介大气,试用于新手,也可以自己添加很多的美化代码,然后我们开始对这个模版开始美化,先是添加公告代码,公告我们一般是推荐简洁一点的,说明一下网站的商品代刷速度详情等等,推荐用<li>标签,对于html代码不会的站长,可以直接在后台克隆别人的,然后再自己修改,然后是添加网站的底部代码,底部我们平台目前还没有,这里我们是推荐简洁模块,底部加上友情链接,或者是客服联系方式,添加好公告和底部代码,基本上网站会显得比较好看了,还有最重要的,就是网站logo请记得一定要上传,这样,一个效果不错的代刷网基本就成型了。
 
我们要实现更多的功能要怎么做呢?
 
这里,我们以代刷网为例,
 
 代刷网模板美化
 
做出这个更多的效果,首先,我们要再源码里找到下单查单这些的li标签,然后复制一个,改成更多,如下代码:
 
<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(&#39;/bbs&#39;)">
                    <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(&#39;http://k.52djdg.com/index/login.html&#39;)" 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>
<!--更多-->
我们可以看到,这个div的id是more,所以调用的代码为:#more,然后我们确定保存,就完成了!

    相关文章Related

    随机文章Random

    返回栏目>>

    首页   |   关于我们   |   APP下载

    晓学教程网提供各种的QQ技术咨询及免费资源分享

    商务合作、友情链接请联系QQ:82136546

    Copyright 鲁ICP备13026426号-1

    返回顶部