كود تحويل الروابط لصفحة انتظار

السلام عليكم ورحمة الله وبركاته
اعضاء منتديات احلى منتدى تحية طيبه وبعد ،،

اليوم أتيت اليكم بكود تحويل الروابط لصفحة انتظار 2020

مميزات الكود

يمكنك تحديد النسخة التي تريدها سواء ان كانت موبيل فقط او النسخة الكلاسيكية فقط او الاثنين معاً
يمكنك تفعيل الكود للروابط الخارجيه فقط او يمكنك تفعيله لجميع روابط المواضيع
مرفق كود صفحة التحويل جاهزة ستقوم انت فقط بأستبدال الصور و الروابط داخلها
اكتشف المزيد من المميزات بنفسك ...

صورة من الكود

كود الجافا:
يوضع في اكواد الجافا في المواضيع فقط

الكود:: 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>

» مشكلة تحويل المنتدى لصفحة اعلانات
» ( تذكير ) مشكلة تحويل المنتدى لصفحة اعلانات
» مشكلة تحويل المنتدى لصفحة اعلانات [ما زالت قائمة]
» (موضوع موحد)مشكلة تحويل المنتدى لصفحة اعلانات
» تحويل المنتدى لصفحة اعلانات يمنعني حتى من دخول لوحة الإدارة