السلام عليكم
اهلا بكم في موضوع جديد اليوم رح نشرح كيف تعمل عد تصاعدي لي منتداك بالتومبلات صورة توضيحية
الان تفضل الكود وضعه في بداية الاكواد في index_body رجاءا =)
بعد وضع الكود اضغط سجل ثم اضغط علامة الصحيح ومبروك
الكود
الكود:
<style>
.preload-overlay {
position: fixed;
top: 0;
right: 0;
left: 0;
bottom: 0;
background: #333;
z-index: 9998;
}
.content {
position: fixed;
top: 50%;
margin-top: -177px;
right: 50%;
margin-right: -220.5px;
background: #EEE;
z-index: 9999;
padding: 20px;
border: 1px solid #CCC;
border-radius: 10px;
}
.center {
text-align: center;
}
.countdown {
font-size: 70px;
}
.p {font-size : 20px}
</style>
<div class="preload-overlay"></div>
<div class="content center">
<img src="ضع صورة هنا" />
<p style="margin:5px;line-height: 30px;">سيتم تحويلك الي منتدى أمجد بعد انتهاء العد التنازلي</p><br/>
<div class="countdown">1</div>
<script>
$(function() {
$('head').prepend('<link type="text/css" rel="stylesheet" href="اعمل اي موقع مواقيت"/>');
var ourCountdown = setInterval(function() {
var counter = parseInt($('.countdown').html());
if (counter !== 100) {
$('.countdown').html(counter + 1);
} else {
clearInterval(ourCountdown),
$('.countdown').html('<i class="fa fa-spinner fa-pulse fa-fw margin-bottom"></i>'),
$('.preload-overlay, .content.center').fadeOut();
}
}, 100);
});
</script>
</div>
