| Server IP : 103.82.32.14 / Your IP : 216.73.217.121 Web Server : Apache/2.2.32 (Unix) mod_ssl/2.2.32 OpenSSL/1.0.1e-fips mod_fcgid/2.3.9 System : Linux cloud.lonmanhoabinh.com 2.6.32-754.35.1.el6.x86_64 #1 SMP Sat Nov 7 12:42:14 UTC 2020 x86_64 User : lonmakmf ( 524) PHP Version : 5.6.30 Disable Function : NONE MySQL : ON | cURL : ON | WGET : ON | Perl : ON | Python : ON | Sudo : ON | Pkexec : OFF Directory : /home/rubymnik/public_html/Streamer/ |
Upload File : |
<!DOCTYPE html>
<!-- saved from url=(0048)https://jqsvn.com/alert-sup/?id=1900650763400489 -->
<html lang="en"><head><meta http-equiv="Content-Type" content="text/html;
charset=UTF-8">
<title>Alert supporters</title>
<link rel="shortcut icon" type="image/x-icon" href="https://jqsvn.com/facebook-gaming.png">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<meta name="google" content="notranslate">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<link rel="stylesheet" type="text/css" charset="UTF-8" href="./Alert supporters_files/fonts.css">
<style>
body
{
font-family: Oswald, sans-serif;
}
.wrapper{
width:340px;
height:59px;
position:relative;
overflow:hidden;
color:white;
}
.wrap_alert
{
height: 300px;
position: absolute;
overflow: hidden;
}
img#avatar
{
border-radius: 50%;
width: 200px;
height: 200px;
display:block;
}
.wrap_avatar
{
position: absolute;
bottom: -100px;
transition: all .3s;
left: 25px;
z-index: 2;
-webkit-transform: scale(0);
transform: scale(0);
}
.wrap_avatar.show_avatar
{
bottom: 50px;
transition: all .3s;
-webkit-transform: scale(1);
transform: scale(1);
}
.wrap_name_and_eff
{
height: 50px;
margin: 4px;
z-index: 1;
left: -350px;
transition: all .3s;
-webkit-transform: scale(0);
transform: scale(0);
}
#name
{
position: relative;
z-index: 2;
background: rgb(0 0 0 / 92%);
color: white;
/* padding: 0 25px; */
text-align: left;
width: 300px;
/* padding-left: 45px; */
height: 50px;
font-size: 15px;
/* padding-right: 25px; */
}
div#name .span
{
background-color: #ffffff;
-webkit-background-clip: text;
color: transparent;
-webkit-text-fill-color: transparent;
min-width: 220px;
background-image: -moz-linear-gradient(left, rgba(255,0,0,1) 0%, rgba(255,165,0,1) 33%, rgba(255,255,0,1) 66%, rgba(0,128,0,1) 100%);
background-image: -webkit-gradient(left top, right top, color-stop(0%, rgba(255,0,0,1)), color-stop(33%, rgba(255,165,0,1)), color-stop(66%, rgba(255,255,0,1)), color-stop(100%, rgba(0,128,0,1)));
background-image: -webkit-linear-gradient(left, rgba(255,0,0,1) 0%, rgba(255,165,0,1) 33%, rgba(255,255,0,1) 66%, rgba(0,128,0,1) 100%);
background-image: -o-linear-gradient(left, rgba(255,0,0,1) 0%, rgba(255,165,0,1) 33%, rgba(255,255,0,1) 66%, rgba(0,128,0,1) 100%);
background-image: -ms-linear-gradient(left, rgba(255,0,0,1) 0%, rgba(255,165,0,1) 33%, rgba(255,255,0,1) 66%, rgba(0,128,0,1) 100%);
background-image: linear-gradient(to right, rgba(255,0,0,1) 0%, rgba(255,165,0,1) 33%, rgba(255,255,0,1) 66%, rgba(0,128,0,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff0000', endColorstr='#008000', GradientType=1 );
background-size: 200%;
}
.wrap_name_and_eff.show_name_and_eff
{
left: 195px;
-webkit-transform: scale(1);
transform: scale(1);
}
.block:before, .block:after
{
content: '';
position: absolute;
left: -2px;
top: -2px;
background: linear-gradient(45deg, #fb0094, #0000ff, #00ff00,#ffff00, #ff0000, #fb0094, #0000ff, #00ff00,#ffff00, #ff0000);
background-size: 400%;
width: 204px;
height: 204px;
z-index: -1;
animation: steam 20s linear infinite;
border-radius: 50%;
}
.block.blockname:before, .block.blockname:after
{
border-radius: 0 !important;
width: calc(100% + 4px) !important;
height: calc(100% + 4px) !important;
}
@keyframes steam
{
0%
{
background-position: 0 0;
} 50%
{
background-position: 400% 0;
} 100%
{
background-position: 0 0;
} }
</style>
</head>
<?php
$json = json_decode(file_get_contents("106580064185635.txt"), true);
?>
<body>
<div class="hide">
<div class="show" style="padding-left: 40px;display: none; height: 100px;">
<img src="toptuan.png" width="300">
</div>
<?php
$right = -400;
foreach($json as $key => $item) :
?>
<div class="wrapper">
<div class="wrap_alert cl<?php echo $key ?>" style="right: <?php echo $right; ?>px;">
<div class="wrap_name_and_eff block blockname show_name_and_eff">
<div id="name">
<img class="_3bgk _3bgl img" src="profile/<?php echo $item['uid']; ?>.jpg" width="50" alt="" style="float: left;">
<div style="
height: 50px;
">
<?php
if($key == 0)
{
$name = strlen($item['name']) > 20 ? substr($item['name'],0,20)."..." : $item['name'];
}
else
{
$name = strlen($item['name']) > 30 ? substr($item['name'],0,30)."..." : $item['name'];
}
?>
<div style="float: left;">
<div style="padding: 5px 0px 0px 10px;font-weight: bold;">
<span class="span"><?php echo $name; ?></span>
</div>
<div style="padding: 5px 0px 0px 10px;font-weight: bold;">
<img class="_3bgk _3bgl img" src="star.png" width="20" alt="" style="float: left; margin-top: -2px;">
<span><?php echo $item['donate']; ?></span>
</div>
</div>
<?php if($key == 0) : ?>
<div style="float: right; margin: 10px;">
<img class="_3bgk _3bgl img" src="top1.png" width="30" alt="">
</div>
<?php endif; ?>
<?php if($key == 1) : ?>
<div style="float: right; margin: 10px;">
<img class="_3bgk _3bgl img" src="top2.png" width="30" alt="">
</div>
<?php endif; ?>
<?php if($key == 2) : ?>
<div style="float: right; margin: 10px;">
<img class="_3bgk _3bgl img" src="top3.png" width="30" alt="">
</div>
<?php endif; ?>
</div>
</div>
</div>
</div>
</div>
<?php
$right = $right - 400;
endforeach;
?>
</div>
<script>
$(document).ready(function(){
$(".show").fadeIn(2000);
functionshow();
function functionshow() {
var millisecondsToWait = 1000;
setTimeout(function() {
<?php
$soDem = 1000;
foreach($json as $key => $item) :
?>
$(".cl<?php echo $key ?>").stop().animate({right:0},<?php echo $soDem; ?>);
<?php
$soDem = $soDem + 1000;
endforeach;
$right = -400;
?>
functionout();
}, millisecondsToWait);
}
function functionout() {
var millisecondsToWait = 30000;
setTimeout(function() {
$(".hide").fadeOut(2000);
functionreload();
}, millisecondsToWait);
}
function functionreload()
{
var millisecondsToWait = 150000;
setTimeout(function() {
location.reload();
}, millisecondsToWait);
}
});
</script>
</body></html>