QQ代刷网底部横幅显示美化代码(代刷网首页弹出美化代码)

追月流涟

QQ代刷网底部横幅显示美化代码,可自定义添加按钮。

效果演示:

1fceceaaef023fda78ea139af724f9357e297bfa21c27d8c144e251773dc143d.0.PNG

代码如下:

<div class="panel panel-default">
<div class="panel-heading" align="center">
<h3 class="panel-title"></a></h3></div>

<style type="text/css">
* {margin:0px; padiing:0px;}
.login_alert{position:fixed;bottom:0px;left:0px;width:100%;z-index:9999;}
.login_alert_close{position:absolute;top:-10px;right:0px;z-index:1;cursor:pointer;}
.login_alert_box{width:100%;text-align:center; background-color:rgba(61, 61, 61, 0.6); height:60px;}
.login_alert_box div{cursor:default; font-family:'微软雅黑'; color:#66CCFF; font-size:26px; font-weight:bold; line-height:80px;}
.login_alert_box div a{text-decoration:none;display:inline-block;padding:5px 20px; font-size:20px; color:#000; background-color:#00CC99; border-
radius:4px; line-height:26px;}
.login_alert_box div span{font-size:18px;}
.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{background-color:rgba(0,0,0,0.6);height:60px;}
.login_alert_box:hover{background-color:rgba(0,0,0,0.8);}
.login_alert_box div{color:#66CCFF;font-size:26px;line-height:60px;}
.login_alert_box div a{font-size:20px;line-height:26px;border-radius:4px;}
@keyframes show_alert_left{
from{left:-100%;}
to{left:0px;}
}
@-webkit-keyframes show_alert_left{
from{left:-100%;}
to{left:0px;}
}
@-moz-keyframes show_alert_left{
from{left:-100%;}
to{left:0px;}
}
</style>
</head>
<body style="height:1000px;">
<div class="login_alert" id="login_alert" >
<div class="login_alert_close" onClick="closeAlert()">
<a href="/"></a></div>
<div class="login_alert_box">
<div>
<a style="color: #FF0000;background-color:#FFFF00;"onclick="return confirm('Moonteam:freedom');" href="https://yun.52moon.cn/blog/"rel="nofollow"target="_blank"style="color:#EE0000">代刷教程网</a><span></span>
<span></span>
<a style="color: #000000;background-color:#ADFF2F;" <a href="http://www.daishuale.com/"rel="nofollow">代刷乐</a>
<span></span>
<a style="color: #000000;background-color:#ADFF2F;" <a href="/?mod=kf"rel="nofollow">客服</a>
<span></span>

温馨提示:本文最后更新于2022年02月28日,某些文章具有时效性,若有错误或已失效,请在下方留言或联系站长

-----本页内容已结束,喜欢请分享-----


© 版权声明
版权声明
本站网站名称:追月流涟教程网
本站永久网址:https://www.zyds666.cn
网站侵权说明: 本站采用 CC BY-NC-SA 4.0 国际许可协议 进行许可,转载或引用本站文章应遵循相同协议。
1、本网站的文章部分内容可能来源于网络,仅供大家学习与参考,如有侵权,请联系站长QQ进行删除处理。
2、本站一切资源不代表本站立场,并不代表本站赞同其观点和对其真实性负责。
3、本站禁止以任何方式发布或转载任何违法的相关信息,访客发现请向站长举报。
4、本站资源大多存储在云盘,如发现链接失效,请联系我们将会第一时间更新。
站长邮箱:abcdefghijklm1211@qq.com

发表评论

快捷回复: 表情:
评论列表 (暂无评论,228人围观)

还没有评论,来说两句吧...

取消
微信二维码
微信二维码
支付宝二维码
我是分割线
我也是有底线哒~