المشاركات 28 |
+التقييم 8 |
تاريخ التسجيل May 2020 |
الاقامة Palestine |
نظام التشغيل Mac |
رقم العضوية 2294 |
كود اعلان متجاوب يفتح صفحة في موقعك مع عداد وزر اغلاق
08-10-2024, 09:37 AM
رد: كود اعلان متجاوب يفتح صفحة في موقعك مع عداد وزر اغلاق
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>اعلان</title>
<style>
#iframe-container {
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
background-color: #3498db; /* لون أزرق */
border: 1px solid #000;
z-index: 9999;
display: none;
padding: 10px; /* مسافة داخلية */
box-sizing: border-box;
width: 50vw; /* عرض الإطار */
height: 50vh; /* ارتفاع الإطار */
}
#close-btn {
position: absolute;
top: 5px;
right: 5px;
cursor: pointer;
display: none;
}
#counter {
font-size: 18px; /* حجم العداد */
}
</style>
</head>
<body>
<div id="iframe-container">
<span id="counter"></span>
<span id="close-btn" onclick="closeFrame()">X</span>
<iframe id="external-page" src="" frameborder="0" style="width: 100%; height: calc(100% - 25px);"></iframe>
</div>
<script>
var counterSpan = document.getElementById('counter');
var closeBtn = document.getElementById('close-btn');
var iframeContainer = document.getElementById('iframe-container');
var externalPage = document.getElementById('external-page');
setTimeout(function() {
externalPage.src = 'https://www.ienajah.com'; // ضع رابط الصفحة الخارجية هنا
iframeContainer.style.display = 'block';
var count = 20;
counterSpan.textContent = count;
var countdown = setInterval(function() {
count--;
counterSpan.textContent = count;
if (count <= 0) {
clearInterval(countdown);
closeBtn.style.display = 'block';
}
}, 1000);
}, 2000); // تأخير فتح الإطار بعد ثانيتين من تحميل صفحة الموقع
function closeFrame() {
externalPage.src = '';
iframeContainer.style.display = 'none';
closeBtn.style.display = 'none';
}
</script>
</body>
</html>
|
اضافة رد
|
كود اعلان متجاوب يفتح صفحة في موقعك مع عداد وزر اغلاق
| أدوات الموضوع | |
|
| الموضوع | كاتب الموضوع | المنتدى | مشاركات | آخر مشاركة |
| رابط الترقية لا يفتح لي؟؟؟ | شعااع الخير | ركن مشاكل وطلبات المنتديات | 5 | 03-20-2021 07:49 PM |
| مشكلة في عداد المواضيع | Munier | ركن مشاكل وطلبات الزين فورو XENFORO | 11 | 06-20-2019 06:41 PM |
| مشكلة المنتدى لا يفتح على الابتوب الخاص بى | صحبة القرآن | ركن مشاكل وطلبات المنتديات | 18 | 02-04-2019 10:09 PM |
| مشكلة فى روابط المنتدى لا يفتح بدون إضافة vb | صحبة القرآن | ركن مشاكل وطلبات المنتديات | 18 | 11-28-2018 12:45 PM |
| شرح تركيب عداد زوار موقع histats.com | هيلبرنت | ركن تطوير المواقع | 3 | 11-27-2015 06:13 PM |
