
منتدى امجد
عضو احلى مطور
المساهمات :
46
النقاط :
79
التقيم :
1

Dr.OmaR
المؤسس

المساهمات :
479
النقاط :
1013
التقيم :
103
العمر :
28
الاوسمة :

البلد :
مصر

منتدى امجد
عضو احلى مطور
المساهمات :
46
النقاط :
79
التقيم :
1

Dr.OmaR
المؤسس

المساهمات :
479
النقاط :
1013
التقيم :
103
العمر :
28
الاوسمة :

البلد :
مصر
2017-11-25, 9:45 pm
ضع الكود التالي في نهاية قالب overall_header
- الكود:
<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="https://i62.servimg.com/u/f62/19/73/96/31/picsar12.png" />
<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="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"/>');
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>

منتدى امجد
عضو احلى مطور
المساهمات :
46
النقاط :
79
التقيم :
1

منتدى امجد
عضو احلى مطور
المساهمات :
46
النقاط :
79
التقيم :
1

منتدى امجد
عضو احلى مطور
المساهمات :
46
النقاط :
79
التقيم :
1

Dr.OmaR
المؤسس

المساهمات :
479
النقاط :
1013
التقيم :
103
العمر :
28
الاوسمة :

البلد :
مصر

رائد شندول
عضو احلى مطور
المساهمات :
11
النقاط :
15
التقيم :
0

Dr.OmaR
المؤسس

المساهمات :
479
النقاط :
1013
التقيم :
103
العمر :
28
الاوسمة :

البلد :
مصر