SaMeH-DeS " إدارة المنتدى " HOME OF DESIGN ــــــــــــــــــــــــــــــ رقــــم العضويــــــــة :
| تاريــخ التسجيـــــــل : 02/04/2023
|
| مــــعدل النشـــــــاط : 10335
|
آوسمتي | |
| #1موضوع: كود تحويل الروابط لصفحة انتظار الخميس يناير 04, 2024 11:53 am | |
| كود تحويل الروابط لصفحة انتظار كود تحويل الروابط لصفحة انتظار مميزات الكود يمكنك تحديد النسخة التي تريدها سواء ان كانت موبيل فقط او النسخة الكلاسيكية فقط او الاثنين معاً يمكنك تفعيل الكود للروابط الخارجيه فقط او يمكنك تفعيله لجميع روابط المواضيع مرفق كود صفحة التحويل جاهزة ستقوم انت فقط بأستبدال الصور و الروابط داخلها اكتشف المزيد من المميزات بنفسك ... كود الجافا: يوضع في اكواد الجافا في المواضيع فقط - الكود:
-
document.addEventListener("DOMContentLoaded", function() { let HTMLpage = '?', mobileVersion = 1, classicVersion = 1, onlyOutSrcLinks = 0;
(isMobile == true) ? document.body.classList += ' mobileVersion': document.body.classList += ' classicVersion';
let postLink = document.querySelectorAll('.classicVersion .postbody a, .mobileVersion .postbody a, .classicVersion .post-entry a, .mobileVersion .post-entry a, .classicVersion .postbody .content a, .mobileVersion .postbody .content a, .classicVersion .post-content a, .mobileVersion .post-content a, .classicVersion .block-content a, .mobileVersion .block-content a');
if (mobileVersion == 1 && classicVersion == 0) { if (onlyOutSrcLinks == 1) { for (i = 0; i < postLink.length; i++) { if (postLink[i].href.includes(window.location.origin) == false) { postLink[i].href = '/h' + HTMLpage + '-page?' + postLink[i]; } } } else { for (i = 0; i < postLink.length; i++) { postLink[i].href = '/h' + HTMLpage + '-page?' + postLink[i]; } } } else if (mobileVersion == 0 && classicVersion == 1) { if (onlyOutSrcLinks == 1) { for (i = 0; i < postLink.length; i++) { if (postLink[i].href.includes(window.location.origin) == false) { postLink[i].href = '/h' + HTMLpage + '-page?' + postLink[i]; } } } else { for (i = 0; i < postLink.length; i++) { postLink[i].href = '/h' + HTMLpage + '-page?' + postLink[i]; } } } else if (mobileVersion == 1 && classicVersion == 1) { if (onlyOutSrcLinks == 1) { for (i = 0; i < postLink.length; i++) { if (postLink[i].href.includes(window.location.origin) == false) { postLink[i].href = '/h' + HTMLpage + '-page?' + postLink[i]; } } } else { for (i = 0; i < postLink.length; i++) { postLink[i].href = '/h' + HTMLpage + '-page?' + postLink[i]; } } } }); بعض الملاحظات الرمز HTMLpage في الكود و قيمته الحاليه هي ? يجب استبدالها برقم صفحة الـ HTML الذي ستقوم بأنشاءها و الذي سأقوم بإرفاقها ادناه الرمزmobileVersion في الكود قيمته الحاليه 1 وتعني انه سيتم تفعيل كود التحويل علي نسخة الجوال ايضا اذا كنت ترغب في تعطيله من نسخة الجوال قم بتغيره الي 0 الرمزclassicVersion في الكود قيمته الحاليه 1 وتعني انه سيتم تفعيل كود التحويل علي نسخة الكلاسيكية ايضا اذا كنت ترغب في تعطيله من نسخة الكلاسيكية قم بتغيره الي 0 الرمزonlyOutSrcLinks في الكود قيمته الحاليه 0 وهو خاص بتفعيل الكود فقط للروابط الخارجيه وهو معطل حاليا اذا كنت تريد تفعيله قم بتغيره الي 1 كود صفحة الـ HTML: - الكود:
-
<!DOCTYPE html> <html lang="ar" dir="rtl">
<head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" /> <meta http-equiv="X-UA-Compatible" content="ie=edge" /> <title>رجاء الانتظار</title>
<style> html { overflow-x: hidden; overflow-y: scroll; height: 100%; } body { color: #FFF; position: relative; background: linear-gradient(170deg, #329dd3, #23698d, #3f4c70); font-size: 12px; font-size: 12px; font-family: 'Droid Arabic Kufi', Arial, sans-serif; min-height: 100vh; display: flex; flex-direction: column; } *, ::after, ::before { box-sizing: border-box; margin: 0; padding: 0; } img { max-width: 100% } .status, .waitMsg { margin-bottom: 30px; text-align: center; } .status { margin-top: 30px; } .errorbox { background: #ffbaba; border: 1px solid #f5aca6; width: 50%; text-align: center; border-radius: 3px; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05) inset; margin-right: 12px; margin-top: 0; margin: auto; padding: 10px 15px 10px 10px; position: relative; color: #666; } .errorbox h3::before { content: '×'; color: #ffbaba; background: #ea624c; border-radius: 50%; width: 20px; height: 20px; line-height: 20px; display: inline-block; font-size: 24px; margin-left: 5px; vertical-align: bottom; } .countdown { display: inline-block; border: 3px dashed; border-radius: 50%; height: 100px; width: 100px; font-family: Arial; font-size: 50px; line-height: 100px; margin-bottom: 30px; } </style> <link rel="stylesheet" href="http://fonts.googleapis.com/earlyaccess/droidarabickufi.css" /> </head>
<body> <div class="status"></div> <div class="waitMsg"> <div class="countdown">10</div> <div> سيتم تحويلك الي الرابط تلقائياً. رجاء انتظار العد التنازلي</div> </div>
<style> .announce_item a:first-child { width: auto; } .ticker_row:nth-child(2) span { background: transparent; border: 0; } .announce_block { width: 100%; display: flex; flex-flow: wrap row; justify-content: center; align-items: center; } .announce_item { margin: 5px; } .announce_item a { width: 250px; height: 90px; display: flex; flex-flow: column wrap; justify-content: center; align-items: center; text-align: center; color: #FFF; } .text_announce_block { display: flex; flex-flow: row wrap; width: 100%; } .text_announce_item { width: 25%; padding: 5px; } @media (max-width: 520px) { .text_announce_item { width: 100%; } } </style> <!-- بداية قائمة الاعلانات --> <div class="text_annonce container">
<div class="stat_gp">
<div class="announce_menu">
<div class="announce_block">
<div class="announce_item"> <a href="javascript:void(0);" target="_blank" class="animate-fading"> <img src="http://medialive.pro/ads/ads250x90.jpg" /> </a> </div>
<div class="announce_item"> <a href="javascript:void(0);" target="_blank" class="animate-fading"> <img src="http://medialive.pro/ads/ads250x90.jpg" /> </a> </div>
<div class="announce_item"> <a href="javascript:void(0);" target="_blank" class="animate-fading"> <img src="http://medialive.pro/ads/ads250x90.jpg" /> </a> </div>
</div>
<div class="announce_block">
<div class="announce_item"> <a href="javascript:void(0);" target="_blank" class="animate-fading"> <img src="http://medialive.pro/ads/ads250x90.jpg" /> </a> </div>
<div class="announce_item"> <a href="javascript:void(0);" target="_blank" class="animate-fading"> <img src="http://medialive.pro/ads/ads250x90.jpg" /> </a> </div>
<div class="announce_item"> <a href="javascript:void(0);" target="_blank" class="animate-fading"> <img src="http://medialive.pro/ads/ads250x90.jpg" /> </a> </div>
</div>
</div>
</div> </div>
<!-- نهاية قايمة الاعلانات --> <script> //<![CDATA[ // عدد الثواني var counterSeconds = 5;
var counterValue = document.querySelector('.countdown').innerHTML = counterSeconds;
var counterDown = setInterval(function() { counterSeconds -= 1; counterSeconds = document.querySelector('.countdown').innerHTML = counterSeconds; if (counterSeconds <= 0) { clearInterval(counterDown) var getLink = window.location.search.length, pageURL = window.location.search.slice(1, getLink); if (pageURL == '') { document.querySelector('.status').innerHTML = '<div class="errorbox"><center><h3>خطأ</h3></center><p>عنوان الـ URL غير صالح</p></div>'; document.querySelector('.waitMsg').innerHTML = ''; } else { clearInterval(counterDown) window.location.href = pageURL; } }
}, 1000); //]]> </script> </body>
</html> الكود من برمجة omarpop23 | |
|