بسم الله الرحمن الرحيم
كود تحويل الروابط لصفحة انتظار
يمكنك تحديد النسخة التي تريدها سواء ان كانت موبيل فقط او النسخة الكلاسيكية فقط او الاثنين معاً ويمكنك تفعيل الكود للروابط الخارجيه فقط او يمكنك تفعيله لجميع روابط المواضيع مرفق كود صفحة التحويل جاهزة ستقوم انت فقط بأستبدال الصور و الروابط داخلها اكتشف المزيد من المميزات بنفسك.
معاينة الكود :
https://i.servimg.com/u/f71/19/34/58/13/screen19.png
تركيب الكود :
يوضع في اكواد الجافا في المواضيع فقط
الكود:
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:
منقوووول
بالتوفيق للجميع
والسلام ختام
- الرمز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>
منقوووول
بالتوفيق للجميع
والسلام ختام
