ركن شروحات الزين فورو XENFORO هذا القسم خاص بكل شروحات إستخدام XENFORO وتعديلات القوالب

[ حصريا ]- صفحة الخطأ 404 xenforo مع إمكانية التحويل تلقائيا بعد مدة من اختيارك

مقدمة: على الرغم من أنّ رسالة الخطأ 404 قد تسبب إرباكًا للمستخدمين (والتي تدّل على أنّ الموقع لم يستطع إيجاد الصفحة المطلوبة)، ولكن ليس بالضرورة أن يكون الأمر كذلك. فهذا الكود سيجعل من صفحة الخطأ 404...

احصائياتى

الردود
8

المشاهدات
360
maaidni
.:: معرب ومطور ومشرف ::.
قسم منتديات XenForo
  • maaidni has much to be proud ofmaaidni has much to be proud ofmaaidni has much to be proud ofmaaidni has much to be proud ofmaaidni has much to be proud ofmaaidni has much to be proud ofmaaidni has much to be proud ofmaaidni has much to be proud ofmaaidni has much to be proud of

  • maaidni غير متواجد حالياً

المشاركات
553

+التقييم
244

تاريخ التسجيل
Oct 2015

الاقامة
المغرب

نظام التشغيل
windows 8.1

رقم العضوية
605
11-19-2018, 08:14 PM
المشاركة 1
11-19-2018, 08:14 PM
المشاركة 1
افتراضي [ حصريا ]- صفحة الخطأ 404 xenforo مع إمكانية التحويل تلقائيا بعد مدة من اختيارك
مقدمة:
على الرغم من أنّ رسالة الخطأ 404 قد تسبب إرباكًا للمستخدمين (والتي تدّل على أنّ الموقع لم يستطع إيجاد الصفحة المطلوبة)، ولكن ليس بالضرورة أن يكون الأمر كذلك. فهذا الكود سيجعل من صفحة الخطأ 404 فعّالة لتوجيه مستخدميك إلى المسار الصحيح.
[ توافق الكود:]- XENFORO 1-2
مميزات الكود:
1-إمكانية إغلاق النافدة باللون الأحمر أثناء فترة الإنتضار.
2- إمكانية تغيير لون خلفية النافدة التي ذكرناها قبل.
3- إمكانية تحويل الزائر لصفحة من اختيارك أو الصغحة الرئيسية
4- إمكانية تغيير وقت الإنتضار إما تختار 0 سيتم تحويل الزائر دون إنتضار أو وضع رقم من اختيارك 10 أي 10 ثواني على سبيل المثال
5- ‘إمكانية تغيير الخلفية الصفراء لتتناسب مع منتداك أو مع ذوقك
هام جدا: أنا أنصح بشدة بعدم تجاوز 5 ثواني كفترة انتضار حتى لا يقوم الزائر بإغلاق منتداك .... من كثرة الملل الذي سببته له أثناء فترة الإنتضار

هذا الكود والشرح لن تجده في أي موقع عربي أو أجنبي فهو حصري لقناة المسيرة وموقع هيلبرنت




النتيجة:




لماذا عليك إنشاء صفحة الخطأ 404 وكيف تنشأها؟

هذا الدرس سأتكلم لكم عن أهمية صفحة الخطأ 404 وكيفية إنشاءها.
صفحة الخطأ 404 مهمة لكل موقع أو مدونة فهي تعمل على إعطاء توجيهات للزائر, وتقديم خيارات له يمكن استخدامها للوصول إلى ما يبحث عنه, وهذا سيجعله يستمر في تصفح موقعك,
يعدّ تخصيص صفحة الخطأ 404 كي تلاءم احتياجات المستخدم هو الخطوة الأولى التي يجب اتخاذها عندما تريد تحسينها، حيث أنّ رسالة الخطأ الافتراضية ليست مفيدة. ففي معظم الحالات يكون الخيار الوحيد لزائري موقعك هو العودة إلى الصفحة المحمّلة سابقًا عند حصولهم على نتيجة الخطأ 404 التقليدية أثناء طلبهم إحدى الصفحات.

كود صفحة الخطأ 404 xenforo مع إمكانية التحويل تلقائيا بعد مدة من اختيارك
كود:
<center>

<meta name="viewport" content="width=device-width, initial-scale=1">

<style>

.alert {

    padding: 20px;

    background-color: #f44336;

    color: white;

}

.closebtn {

    margin-left: 15px;

    color: white;

    font-weight: bold;

    float: right;

    font-size: 22px;

    line-height: 20px;

    cursor: pointer;

    transition: 0.3s;

}


.closebtn:hover {

    color: black;

}

</style>

</head>

<body>

<div class="alert">

  <span class="closebtn" onclick="this.parentElement.style.display='none';">&times;</span>

  <strong>خبر عاجل:</strong> صفحة الخطأ 404 حصرية لفائدة قناة المسيرة على اليوتيوب وموقع هيلبرنت

</div>

<style>

body {

    background-color: #ffcc1b;

}

</style>

    <div id='oopss'>

    <div id='error-text'>

        <img src="https://cdn.rawgit.com/ahmedhosna95/upload/1731955f/sad404.svg" alt="404">

        <center>

<span>صفحة الخطأ 404 </span>

        <p class="p-a">هذه الصفحة غير موجودة! إما أن تم حذفها او تغيير العنوان الخاص بها.</p>

        <p class="p-b">سيتم توجيهك الى الصفحة الرئيسية في غضون 5 ثوانٍ...</p>

            </head><META http-equiv="refresh" content="5;URL=index.php"><body></html>

        </center>

    </div>

</center>
شرح التركيب:

فيديو توضيحي:


في قالب
كود:
error
إبحث عن الكود أسفله غالبا ستجده في السطر الأول

إبحث عن
كود:
<xf:title>{{ phrase('oops_we_ran_into_some_problems') }}</xf:title>
بعده أضف مباشرة كود صفحة الخطأ 404 xenforo مع إمكانية التحويل تلقائيا بعد مدة من اختيارك




لتغيير لون الخلية العاجل أي الخفية الحمراء:
كود:
background-color: #f44336;
لتغيير لون الخلية الصفراء:
كود:
background-color: #ffcc1b;
لتغيير emoji:
كود:
<img src="https://cdn.rawgit.com/ahmedhosna95/upload/1731955f/sad404.svg" alt="404">
لتغيير وقت الإنتضار قبل إعادة التوجيه:
كود:
</head><META http-equiv="refresh" content="5;URL=index.php"><body></html>
غير الرقم 5 لوقت يناسبك 0 كي يتم التحويل مباشرة دون إنتضار
لتغيير رابط التحويل لرابط من اختيارك:
غير index.php لصفحة من اختيارك

بخصوص الجيل الأول نعم نفس الشرح مع اختلاف بسيط ضع الكود مباشرة بعد

كود:
<xen:h1>{$xenOptions.boardTitle} - {xen:phrase error}</xen:h1>
صورة من الجيل الأول:


التعديل الأخير تم بواسطة maaidni ; 11-20-2018 الساعة 01:21 PM
قديم 11-19-2018, 09:06 PM
المشاركة 2
abo-karim
.:: Administrator ::.
  • abo-karim غير متواجد حالياً
افتراضي رد: [ حصريا ]- صفحة الخطأ 404 xenforo مع إمكانية التحويل تلقائيا بعد مدة من اختيارك
حقا استاذ


بارك الله فيك اخى محمد


وزادك الله من علمه

قديم 11-19-2018, 09:21 PM
المشاركة 3
MesterPerfect
.:: كبار شخصيات المنتدى ::.
صاحب موقع شئون الكفيف
  • MesterPerfect متواجد حالياً
افتراضي رد: [ حصريا ]- صفحة الخطأ 404 xenforo مع إمكانية التحويل تلقائيا بعد مدة من اختيارك
شرح في غاية الروعة
جزاك الله خيرا وبورك فيك

قديم 11-19-2018, 09:24 PM
المشاركة 4
abo-karim
.:: Administrator ::.
  • abo-karim غير متواجد حالياً
افتراضي رد: [ حصريا ]- صفحة الخطأ 404 xenforo مع إمكانية التحويل تلقائيا بعد مدة من اختيارك
الموضوع تم اضافته فى الملاحظات
+
تم النشر

(سوال اخى محمد الطريقة دى تصلح للجيلين ؟؟)

قديم 11-19-2018, 09:32 PM
المشاركة 5
maaidni
.:: معرب ومطور ومشرف ::.
قسم منتديات XenForo
  • maaidni غير متواجد حالياً
افتراضي رد: [ حصريا ]- صفحة الخطأ 404 xenforo مع إمكانية التحويل تلقائيا بعد مدة من اختيارك
السلام عليكم جميعا وشكرا على التشجيع
بخصوص الجيل الأول نعم نفس الشرح مع اختلاف بسيط ضع الكود مباشرة بعد

كود:
<xen:h1>{$xenOptions.boardTitle} - {xen:phrase error}</xen:h1>
[ برومو ]- صفحة الخطأ 404 xenforo مع إمكانية التحويل تلقائيا بعد مدة من اختيارك


التعديل الأخير تم بواسطة maaidni ; 11-19-2018 الساعة 11:07 PM
قديم 11-20-2018, 03:06 AM
المشاركة 6
MEDO3ABED
.:: عضو فعال ::.
  • MEDO3ABED غير متواجد حالياً
افتراضي رد: [ حصريا ]- صفحة الخطأ 404 xenforo مع إمكانية التحويل تلقائيا بعد مدة من اختيارك
جزاك الله كل خير أستاذ محمد شرح أكثر من رائع جعله الله فى ميزان حسناتك .

قديم 11-23-2018, 05:46 PM
المشاركة 7
hr7xx
.:: عضو مشارك ::.
  • hr7xx غير متواجد حالياً
افتراضي رد: [ حصريا ]- صفحة الخطأ 404 xenforo مع إمكانية التحويل تلقائيا بعد مدة من اختيارك
شكرا لك ،,
اشتاذ محمد تم التطبيق %100

قديم 11-24-2018, 12:21 PM
المشاركة 8
هيلبرنت
.:: رفيق درب ::.
  • هيلبرنت غير متواجد حالياً
افتراضي رد: [ حصريا ]- صفحة الخطأ 404 xenforo مع إمكانية التحويل تلقائيا بعد مدة من اختيارك
اللى عجبنى جدا فى الصفحة ان بها اشياء كتيره جدا مميزة زى غلق الصفحة , تغير لون الخلفيه, تغيير رابط التوجيه........

شكرا ليك

قديم 11-27-2018, 05:56 AM
المشاركة 9
رحلات تايلاند
.:: عضو فعال ::.
  • رحلات تايلاند غير متواجد حالياً
افتراضي رد: [ حصريا ]- صفحة الخطأ 404 xenforo مع إمكانية التحويل تلقائيا بعد مدة من اختيارك
جميل بارك الله فيك وأزادك علما
نحتاج المزيد من إبداعاتك أكثر للجيل الأول أيضا الله يحفظك
بالتوفيق

اضافة رد

العلامات المرجعية

[ حصريا ]- صفحة الخطأ 404 xenforo مع إمكانية التحويل تلقائيا بعد مدة من اختيارك


أدوات الموضوع

الانتقال السريع

المواضيع المتشابهه للموضوع: [ حصريا ]- صفحة الخطأ 404 xenforo مع إمكانية التحويل تلقائيا بعد مدة من اختيارك
الموضوع كاتب الموضوع المنتدى مشاركات آخر مشاركة
مشكلة بعد التحويل الى xenforo أسماء مضيف مكررة mohmed ركن مشاكل وطلبات الزين فورو XENFORO 4 08-20-2018 09:14 PM
حصريا طريقة عمل بادئة للمواضيع تظهر فى صفحة عناوين المواضيع فقط مثل هيلبرنت abo-karim ركن تطوير منتديات vb3.8.0 6 06-23-2018 11:48 PM
رساله هامة قبل ترقية منتداك او التحويل من vBulletin الى Xenforo abo-karim الركن العام للمواضيع العامة 40 05-21-2018 11:11 PM
طريقة جعل صفحة الخطأ 404 هى صفحة منتداك الرئيسية, اكواد ملف الهاتكس abo-karim ركن تطوير منتديات vb3.8.0 0 10-06-2017 08:53 PM
أريد التحويل إلى Xenforo عابر سبيل ركن مشاكل وطلبات الزين فورو XENFORO 16 07-22-2017 10:10 PM




الساعة الآن 10:42 AM
Powered by vBulletin® Copyright ©2000 - 2018, Jelsoft Enterprises Ltd.