<!DOCTYPE html>
<html lang="ar" dir="rtl">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" />
<meta http-equiv="X-UA-Compatible" content="ie=edge" />
<title>رجاء الانتظار</title>
<style>
html {
overflow-x: hidden;
overflow-y: scroll;
height: 100%;
}
body {
color: #FFF;
position: relative;
background: linear-gradient(170deg, #329dd3, #23698d, #3f4c70);
font-size: 12px;
font-size: 12px;
font-family: 'Droid Arabic Kufi', Arial, sans-serif;
min-height: 100vh;
display: flex;
flex-direction: column;
}
*, ::after, ::before {
box-sizing: border-box;
margin: 0;
padding: 0;
}
img {
max-width: 100%
}
.status, .waitMsg {
margin-bottom: 30px;
text-align: center;
}
.status {
margin-top: 30px;
}
.errorbox {
background: #ffbaba;
border: 1px solid #f5aca6;
width: 50%;
text-align: center;
border-radius: 3px;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05) inset;
margin-right: 12px;
margin-top: 0;
margin: auto;
padding: 10px 15px 10px 10px;
position: relative;
color: #666;
}
.errorbox h3::before {
content: '×';
color: #ffbaba;
background: #ea624c;
border-radius: 50%;
width: 20px;
height: 20px;
line-height: 20px;
display: inline-block;
font-size: 24px;
margin-left: 5px;
vertical-align: bottom;
}
.countdown {
display: inline-block;
border: 3px dashed;
border-radius: 50%;
height: 100px;
width: 100px;
font-family: Arial;
font-size: 50px;
line-height: 100px;
margin-bottom: 30px;
}
</style>
<link rel="stylesheet" href="http://fonts.googleapis.com/earlyaccess/droidarabickufi.css" />
</head>
<body>
<div class="status"></div>
<div class="waitMsg">
<div class="countdown">10</div>
<div> سيتم تحويلك الي الرابط تلقائياً. رجاء انتظار العد التنازلي</div>
</div>
<style>
.announce_item a:first-child {
width: auto;
}
.ticker_row:nth-child(2) span {
background: transparent;
border: 0;
}
.announce_block {
width: 100%;
display: flex;
flex-flow: wrap row;
justify-content: center;
align-items: center;
}
.announce_item {
margin: 5px;
}
.announce_item a {
width: 250px;
height: 90px;
display: flex;
flex-flow: column wrap;
justify-content: center;
align-items: center;
text-align: center;
color: #FFF;
}
.text_announce_block {
display: flex;
flex-flow: row wrap;
width: 100%;
}
.text_announce_item {
width: 25%;
padding: 5px;
}
@media (max-width: 520px) {
.text_announce_item {
width: 100%;
}
}
</style>
<!-- بداية قائمة الاعلانات -->
<div class="text_annonce container">
<div class="stat_gp">
<div class="announce_menu">
<div class="announce_block">
<div class="announce_item">
<a href="javascript:void(0);" target="_blank" class="animate-fading"> <img src="http://medialive.pro/ads/ads250x90.jpg" /> </a>
</div>
<div class="announce_item">
<a href="javascript:void(0);" target="_blank" class="animate-fading"> <img src="http://medialive.pro/ads/ads250x90.jpg" /> </a>
</div>
<div class="announce_item">
<a href="javascript:void(0);" target="_blank" class="animate-fading"> <img src="http://medialive.pro/ads/ads250x90.jpg" /> </a>
</div>
</div>
<div class="announce_block">
<div class="announce_item">
<a href="javascript:void(0);" target="_blank" class="animate-fading"> <img src="http://medialive.pro/ads/ads250x90.jpg" /> </a>
</div>
<div class="announce_item">
<a href="javascript:void(0);" target="_blank" class="animate-fading"> <img src="http://medialive.pro/ads/ads250x90.jpg" /> </a>
</div>
<div class="announce_item">
<a href="javascript:void(0);" target="_blank" class="animate-fading"> <img src="http://medialive.pro/ads/ads250x90.jpg" /> </a>
</div>
</div>
</div>
</div>
</div>
<!-- نهاية قايمة الاعلانات -->
<script>
//<![CDATA[
// عدد الثواني
var counterSeconds = 5;
var counterValue = document.querySelector('.countdown').innerHTML = counterSeconds;
var counterDown = setInterval(function() {
counterSeconds -= 1;
counterSeconds = document.querySelector('.countdown').innerHTML = counterSeconds;
if (counterSeconds <= 0) {
clearInterval(counterDown)
var getLink = window.location.search.length,
pageURL = window.location.search.slice(1, getLink);
if (pageURL == '') {
document.querySelector('.status').innerHTML = '<div class="errorbox"><center><h3>خطأ</h3></center><p>عنوان الـ URL غير صالح</p></div>';
document.querySelector('.waitMsg').innerHTML = '';
} else {
clearInterval(counterDown)
window.location.href = pageURL;
}
}
}, 1000);
//]]>
</script>
</body>
</html>
موضوع: كود تحويل الروابط لصفحة انتظار 
الجمعة مارس 22, 2024 12:46 pm
