ویدیو
ساخت پیام سفارشی یا متن نمایش در المنتور
برای ساخت پیام سفارشی در سایت المنتوری از قابلیت کد سفارشی در المنتور که در پیشخوان وردپرس استفاده میکنیم.
- کد جدید
- جایگاه روی بادی یا بدنه محتوا
- انتشار
body
<script> window.onload = function () { // بررسی نمایش پیام قبلی if (!localStorage.getItem('messageBoxDisplayed')) { // ایجاد المان پیام const messageBox = document.createElement('div'); messageBox.style.position = 'fixed'; messageBox.style.top = '20%'; messageBox.style.left = '50%'; messageBox.style.transform = 'translate(-50%, -50%)'; messageBox.style.width = '300px'; messageBox.style.padding = '20px'; messageBox.style.backgroundColor = '#fff'; messageBox.style.border = '1px solid #ccc'; /* نوار خاکستری */ messageBox.style.borderRadius = '10px'; messageBox.style.boxShadow = '0 4px 15px rgba(0, 0, 0, 0.2)'; messageBox.style.fontFamily = 'Arial, sans-serif'; messageBox.style.textAlign = 'center'; messageBox.style.zIndex = '10000'; // متن داخل باکس پیام messageBox.innerHTML = ` <p style="color: #333; font-size: 16px; margin-bottom: 20px;"> این یک پیام سفارشی است که فقط یکبار نمایش داده میشود. </p> <button style=" padding: 10px 15px; background-color: #007bff; color: #fff; border: none; border-radius: 5px; cursor: pointer; font-size: 14px; ">باشه</button> `; // دکمه بستن پیام const closeButton = messageBox.querySelector('button'); closeButton.onclick = function () { messageBox.style.display = 'none'; localStorage.setItem('messageBoxDisplayed', 'true'); // ذخیره وضعیت نمایش }; // افزودن پیام به صفحه document.body.appendChild(messageBox); } }; </script>
ساخت مسیج باکس یا MessageBox در المنتور
- حذف قبلی
- کد جدید
- جایگاه روی هدر یا سربرگ
- انتشار
header
<script> window.onload = function () { // بررسی نمایش پیام قبلی if (!localStorage.getItem('customMessageDisplayed')) { // ایجاد المان پیام const messageBox = document.createElement('div'); messageBox.style.position = 'fixed'; messageBox.style.top = '0'; messageBox.style.left = '0'; messageBox.style.width = '100%'; messageBox.style.backgroundColor = '#ff9800'; messageBox.style.color = '#fff'; messageBox.style.padding = '15px'; messageBox.style.boxShadow = '0 2px 5px rgba(0, 0, 0, 0.2)'; messageBox.style.fontSize = '16px'; messageBox.style.fontFamily = 'Arial, sans-serif'; messageBox.style.textAlign = 'center'; messageBox.style.zIndex = '1000'; // محتوای پیام messageBox.innerHTML = ` <span>پیام سفارشی شما اینجاست</span> <button style=" margin-left: 20px; padding: 5px 10px; background-color: #333; color: #fff; border: none; border-radius: 5px; cursor: pointer; ">بستن</button> `; // دکمه بستن const closeButton = messageBox.querySelector('button'); closeButton.onclick = function () { messageBox.style.display = 'none'; localStorage.setItem('customMessageDisplayed', 'true'); // ذخیره وضعیت نمایش }; // افزودن به صفحه document.body.appendChild(messageBox); } }; </script>
مقاله افزایش سرعت المنتور
ستاره⭐⭐⭐⭐مارا رنگی کنید
2 پاسخ
پاپ آپ بهتره؟ یا کد سفارشی شما
قطعا کدسفارشی-سبکتر و سریعتره