彩虹自助下单系统官网认证授权商

代刷网底部横幅美化代码

这个代刷网底部横幅代码是我扒人站点获得的,感觉样式还不错,自适应模板格式,亲测可用!

效果图:

代刷网底部横幅

代码:

<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://pay.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>
赞(0) 打赏
未经允许不得转载:彩虹自助下单系统官网 » 代刷网底部横幅美化代码
分享到: 更多 (0)

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

彩虹自助下单系统官网【认证授权商】

立即搭建联系客服

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏