اهلا بكم احبائي اقدم لكم اليوم كود بسيط لرسالة ترحيبية عند دخول الموقع من برمجتي اليكم الكود
الكود:
<meta charset="UTF-8" /><title>مرحبًا بك في موقعنا</title><style>
.popup {
display: none;
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
background-color: #fff;
padding: 20px;
border: 1px solid #ccc;
border-radius: 5px;
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
z-index: 9999;
}
.overlay {
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.5);
z-index: 9998;
}
</style>
<div class="overlay">
</div>
<div class="popup">
<h2>
مرحبًا بك في موقعنا
</h2>
<p>
نتمنى أن تجد المحتوى الذي يناسب احتياجاتك. لا تتردد في التواصل معنا إذا كان لديك أي استفسارات.
</p>
<button onclick="closePopup()">
إغلاق
</button>
</div>
<script>
document.addEventListener("DOMContentLoaded", function() {
document.querySelector(".popup").style.display = "block";
document.querySelector(".overlay").style.display = "block";
});
function closePopup() {
document.querySelector(".popup").style.display = "none";
document.querySelector(".overlay").style.display = "none";
}
</script> جميع الحقوق محفوظة لدليل الاشهار العربي
