代刷网底部欢迎框代码:可跟随页面移动

消失的彩虹海 4月前 345

这篇教程给大家分享的是可以跟随页面移动的可以自定义文字内容的代刷网底部欢迎框代码,这种美化代码应该算目前唯一免费的,我找了很久就发现2个代刷网论坛里面有,但是是收费的。因为今天我一个朋友说想要这种代码,我一开始以为很容易找到,结果找遍了所有的代刷网都没有,我也不可能花钱去帮他买代码,本来打算放弃的,后来无意中在某个卡盟里面发现有这个底部欢迎框代码,于是就把他搞下来了。


效果如下图所示:

4444444444444.png

这个代刷网底部欢迎框无论你的页面拉到哪里他都会跟着移动,一直在网站最底部显示,而且最主要的是他是div+css,不会影响你网站的打开速度和用户体验,你还可以任意修改里面的文字内容。


代刷网底部欢迎框代码

<style type="text/css">*{margin:0;padiing:0}.login_alert{position:fixed;bottom:0;left:0;z-index:9999;width:100%}.login_alert_close{position:absolute;top:-10px;right:0;z-index:1;cursor:pointer}.login_alert_box{width:100%;height:60px;background-color:rgba(61,61,61,.6);text-align:center}.login_alert_box div{color:#6CF;font-weight:700;font-size:20px;font-family:'微软雅黑';line-height:80px;cursor:default}.login_alert_box div a{display:inline-block;padding:5px 20px;border-radius:4px;background-color:#0C9;color:#000;text-decoration:none;font-size:20px;line-height:26px}.login_alert_box div span{font-size:24px}.login_alert{animation:show_alert_left 1.6s;-webkit-animation:show_alert_left 1.6s;-moz-animation:show_alert_left 1.6s}.login_alert_box{height:60px;background-color:rgba(0,0,0,.6)}.login_alert_box:hover{background-color:rgba(0,0,0,.8)}.login_alert_box div{color:#6CF;font-size:20px;line-height:60px}.login_alert_box div a{border-radius:4px;font-size:20px;line-height:26px}@keyframes show_alert_left{from{left:-100%}to{left:0}}@-webkit-keyframes show_alert_left{from{left:-100%}to{left:0}}@-moz-keyframes show_alert_left{from{left:-100%}to{left:0}}.STYLE1{font-size:12px}</style>
<div class="login_alert" id="login_alert"><div class="login_alert_close" onclick="closeAlert()"><a href="http://qq.739ds.cn/"></a></div><div class="login_alert_box"><div><span class="STYLE1 STYLE1">
小疯代刷网是信誉最好、实力最强、开单最快、售后最优、商品最多、销量最高的最好的代刷网
<a href="QQ客服临时会话代码" onclick="showWindow(&#39;login&#39;, this.href)">联系客服</a>
<span>或</span>
<a style="color: #FF0000;background-color:#FFCC33;" href="http://qq.739ds.cn/user/regsite.php">搭建分站</a></span></div></div></div>


只要修改上面代码中的文字和搭建分站的链接即可,然后那个联系客服你就改为你的客服QQ的临时会话链接,或者你可以把联系客服改为代刷网商品推荐代码或者分站后台登录地址。


上一篇:彩虹代刷网带图片的商品简介代码
下一篇:代刷网底部增加安全认证图标
最新回复 (0)
返回
发新帖
免责声明:本站部分资源来源于网络,如有侵权请发邮件(1240907560@qq.com)告知我们,我们将会在24小时内处理。