贼好看的代刷网渐变式栏目按钮美化代码

mengfeiside 美化装修代码 2019-07-24 21:31:33 2,053 次浏览 ,

今天给大家分享的这个代刷网渐变式栏目按钮美化代码非常好看,可以放到首页公告里面,把一些热门的特色栏目用这种按钮模式展示出来,让客户可以直接点击进入相关的栏目去购买商品。也可以放到你的代刷网博客或论坛里面,把代刷网的商品分类列出来,可以让看教程的客户进入你的网站下单。这个美化代码需要修改程序源码,就是说你至少要有ftp可以用来上传文件,否则是无法生效的。

先给大家看下效果图,90%的人看后都说喜欢:

代刷网渐变式栏目按钮美化代码

接下来,我就给大家分享这个代刷网渐变式栏目按钮美化代码。

1、下载按钮样式表:点此下载,解压后上传到你的代刷网程序根目录下面

2、然后打开你现在所使用的代刷网模板文件index.php,在</head>上面增加如下代码(调用这个样式表)

<link rel="stylesheet" href="/anniu.css" type="text/css" />

3、如果你想把这个美化代码放到首页公告的话,进入你的代刷网后台—系统设置—网站公告配置—首页公告,把下面代码修改后复制进去。

<div class="card fontlist">
                            <div class="fontlistson">
        <div class="text-center">
<a href="栏目链接" class="button button-green"><span>手心业务</span></a>
        </div>
        </div>
                            <div class="fontlistson">
        <div class="text-center">
<a href="栏目链接" class="button button-black"><span>QQ刷赞</span></a>
        </div>
        </div>
                            <div class="fontlistson">
        <div class="text-center">
<a href="栏目链接" class="button button-orange"><span>音符刷点赞在线刷</span></a>
        </div>
        </div>
                            <div class="fontlistson">
        <div class="text-center">
<a href="栏目链接" class="button button-purple"><span>说说刷赞</span></a>
        </div>
        </div>
                            <div class="fontlistson">
        <div class="text-center">
 <a href="栏目链接" class="button button-red"><span>全民K歌业务</span></a>
        </div>
        </div>
                            <div class="fontlistson">
        <div class="text-center">
 <a href="栏目链接" class="button button-silver"><span>新浪微博业务</span></a>
        </div>
        </div>
                            <div class="fontlistson">
        <div class="text-center">
<a href="栏目链接" class="button button-black"><span>哔哩哔哩粉丝</span></a>
        </div>
        </div>
                            <div class="fontlistson">
        <div class="text-center">
<a href="栏目链接" class="button button-green"><span>小红书业务</span></a>
        </div>
        </div>
                            <div class="fontlistson">
        <div class="text-center">
<a href="栏目链接" class="button button-purple"><span>刷王者荣耀人气平台</span></a>
        </div>
        </div>
                    </div>

上面代码中,文字内容可以随意修改,栏目链接跟文字对应就行了。如果你想改变按钮的颜色就修改class="button button-颜色代码",样式表中目前有的颜色有:green、red、purple、black、orange、silver、brown、blue、khaki,自己测试一下每个代码的颜色,只要相隔2个栏目的按钮颜色不一样就行,当然你也可以全部按钮都使用同样的颜色也是非常不错的。

回顶部