彩虹亿七代刷网:美化装修代码专栏

1:右侧漂浮广告(把代码放到后台-网站公告配置-所有分站显示首页公告,这样所有分站都可以显示的)

<div id="gg" class="btn4" style="width: 161px; height: 135px; position: fixed; bottom: 440px; right:         
0px; z-index: 10; animation: myActivity 2s infinite;">
<p  class="icon icon-guanbi acitvityFixed-close" style="width:18px; height:18px; position:absolute;                         
cursor:pointer; top:13px; right:14px; color:#fff; background:#cf2b25; border-radius:100%; line-
height:18px; text-align:center; font-size:12px; overflow:hidden;" 
onclick="document.getElementById('gg').style.display='none';">?</p>
<a style="width:161px; height:172px;display:block;" target="_self" href="http://www.17daigua.cn/gg"><img 
src="http://upload.ouliu.net/i/2018092911404958p3k.png"></a>
</div>

2:按钮式商品推荐(把代码放到后台-网站公告配置-在线下单提示,具体位置 你们自己决定吧)

<fieldset style="border:1px dashed #f05050;vertical-align:middle;padding: 10px;;border-radius:8px;">
<legend align="center" style="color:#fff;width:150px;background-color:#f05050;"><strong>◀日常推荐    
▶</strong></legend>
<table class="btn-group btn-group-justified">
<tbody>
<tr height="50">
<td><button type="button" class="btn btn-block btn-info"><a href="/?mod=buy&cid=24&tid=219"     
target="_self"><span style="color:#ffffff">超级会员</span></a></button></td>
<td><button type="button" class="btn btn-block btn-danger"><a href="/?mod=buy&cid=24&tid=248"     
target="_self"><span style="color:#ffffff">QQ会员</span></a></button></td>
<td><button type="button" class="btn btn-block btn-info"><a href="/?mod=buy&cid=2&tid=2" 
target="_self"><span style="color:#ffffff">名片赞</span></a></button></td>
</tr>
<tr height="50">
<td><button type="button" class="btn btn-block btn-primary"><a href="/?mod=buy&cid=31&tid=66" 
target="_self"><span style="color:#ffffff">爱奇艺会员</span></a></button></td>
<td><button type="button" class="btn btn-block btn-danger"><a href="/?mod=buy&cid=31&tid=339" 
target="_self"><span style="color:#ffffff">0.5元B站大会员</span></a></button></td>
<td><button type="button" class="btn btn-block btn-primary"><a href="/?mod=buy&cid=3&tid=12" 
target="_self"><span style="color:#ffffff">空间访客</span></a></button></td>
</table>
</fieldset>

3:右侧漂浮小块推荐(把代码放到后台-网站公告配置-所有分站显示首页公告,这样所有分站都可以显示的)

这个需要把buy.php文件放到template每一个代刷网主题文件里。
点击下载,下载解压得文件

<style>
.elevator_item .hd-time-limited {
display: block;
position: fixed;
right: 0;
bottom: 719px;
width: 40px;
height: 140px;
background: url(http://upload.ouliu.net/i/20181010103016k7wgq.png) no-repeat center;
}
.elevator_item {
position: fixed;
right: 0;
bottom: 366px;
z-index: 11;
}
.elevator_item .feedback {
width: 29px;
height: 31px;
font-size: 12px;
padding: 5px 6px;
display: block;
border-radius: 5px;
text-align: center;
margin-top: 10px;
box-shadow: 0 1px 2px rgba(0,0,0,.35);
cursor: pointer;
}
.graHover {
position: relative;
overflow: hidden;
}
</style>
<body>
<div class="elevator_item" id="elevator_item" style="display:block;">
<a class="hd-time-limited" href="user/reg.php" rel="nofollow"></a>
<a target="_self" class="feedback graHover" id="sign_daily" style="background-color:         
#ffd900;color:#383838;" rel="nofollow" href="/?mod=buy&cid=24&tid=219">低价超会</a>
<a target="_self" class="feedback graHover" style="background-color: #1e6be3;color:#fff;" href="/?
mod=buy&cid=24&tid=248" rel="nofollow"href="/?mod=buy&cid=24&tid=248">低价会员</a>
<a target="_self" class="feedback graHover" style="background-color: #fa3c63;color:#fff;" href="/?
mod=buy&cid=31&tid=66" rel="nofollow">爱奇艺</a>
<a target="_self" class="feedback graHover" style="background-color: #bb7e8a;color:#fff;" href="/?
mod=buy&cid=31&tid=339" rel="nofollow">B站会员</a>
<a target="_self" class="feedback graHover" style="background-color: #3cbdfa;color:#fff;" href="/?
mod=buy&cid=2&tid=2" rel="nofollow">名片赞</a>
<a target="_self" class="feedback graHover" style="background-color: #ffa500;color:#fff;" href="/?
mod=buy&cid=3&tid=12" rel="nofollow">空间访客</a>
<a target="_self" class="feedback graHover" style="background-color: #8c001d;color:#fff;" href="/?
mod=buy&cid=98&tid=65" rel="nofollow">QQ代挂</a>
</div>
</body>

4:下单文字流程(把代码放到后台-网站公告配置-在线下单提示,具体位置 你们自己决定吧)

<p><span style="font-size:10px;"> <strong><span><span style="color:#E53333;">选择商品</span>≯ &nbsp;    
</span><span style="color:#009900;">确认订单<span style="color:#E53333;">≯</span></span><span> &nbsp;
</span><span style="color:#EE33EE;">支付金额</span><strong>≯ &nbsp;<span style="color:#006600;">购买成
功
</span></strong><strong><span>&nbsp;≯ &nbsp;</span><span style="color:#64451D;">查询订单</span>
</strong></strong></span> </p>

5:彩虹代刷网分站后台登陆页面美化,也可以说是把原本的模板页面换一个

首先把-login-文件夹上传到你的代刷网网站目录里的-assets-文件夹里

然后把-login.php-文件覆盖到你的代刷网网站目录里的-user-文件夹里的同名-ogin.php-
文件我打包了
彩虹代刷网分站后台登陆模板页面.zip


6:彩虹代刷网分站后台页面模板,也可以说是把原本的模板页面换一个

联系站长获取


7:彩虹代刷网后台增加一个今日商品销售排行,可以清楚的看到哪个商品销售最高

联系站长获取


8:添加底部图片广告,图片自己换(把代码放到后台-网站公告配置-所有分站显示首页公告,这样所有分站都可以显示的)

<style>
.ugcActivity-fix {
    width: 100%;
    height: 180px;
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 100;
}
.ugcActivity-fix li a.ugcActivity-fix-z1 {
    width: 696px;
    height: 180px;
    background: url(http://upload.ouliu.net/i/20181106132221e684a.jpeg) no-repeat center;
    position: absolute;
    bottom: 10px;
    z-index: 2;
    left: 50%;
    margin-left: -342px;
}
.ugcActivity-fix li a.ugcActivity-fix-z2 {
    width: 60px;
    height: 60px;
    background: url(http://upload.ouliu.net/i/201811061324139w3g0.png) no-repeat center;
    position: absolute;
    z-index: 3;
    left: 50%;
    top: -16px;
    margin-left: 268px;
}
</style>
<div id="gg" class="ugcActivity-fix")>
<li>
<a class="ugcActivity-fix-z1" href="//www.58pic.com/index.php?m=activityUgc" target="_black" stats-point="396"></a>
<a class="ugcActivity-fix-z2" onclick="document.getElementById('gg').style.display='none';"></a>
</li>
</div>

9:添加左下角弹幕特效,可以把一些客户的反馈展示出来

联系站长获取

Tags:代码美化装修
上一篇
下一篇

添加新评论

已有 3 条评论

 飞飞 15 小时前 • |

哥,你这博客主题是哪个的?

 亿七 5 小时前 • |
@飞飞

RAW

 亿七 6 天前 • |