بسم الله الرحمن الرحيم
السلام عليكم ورحمة الله وبركاته
في هذا الدرس الجديد
سوف اقدم لكم حصريا اضافة صفحات 404 باشكال مختلفة
والاشكال رائعة جدا جدا
من تصميم وتكويد : محمد السراي
سوف اعطيكم معاينة والاكواد الخاصة بها كي لا اطيل عليكم الموضوع
--------------------------------------------------------------------------
--------------------------------------------
الكود رقم المعاينه 1
طريقة التركيب
- ادخل على قالب
- تحرير Html
- ابحث باستخدام ctrl+f
- ابحث عن الكود التالي <b:if cond='data:blog.pageType == "error_page"'>
ستجده ثم اضف الكود التالي اسفله
<div style='background: url(http://subtlepatterns.com/patterns/confectionary.png);width: 100%;height:100%; position: fixed;z-index: 999;top: 0px;'/> <form style='color: #696969;font-size:167px;font-family:cursive;left: 410px;position:fixed;top:170px;z-index: 999;text-align: center;border: 7px solid;border-radius: 9px;'>404</form><form style='position: fixed;top: 370px;left: 469px;z-index: 999;font-size: 28px;font-family: neosansarabic;color: dimgrey; '>الصفحة غير موجودة </form> <a href='http://iraq-hm.blogspot.com'><form style='background-color: #F2F2F2;position: fixed;z-index: 999;width: 105px;height: 17px;left: 516px;color: dimgrey;font-weight: bold;text-decoration: blink;border: 5px solid dimgrey;padding: 11px 1px;font-family: neosansarabic;text-align: center;border-radius: 6px;'>الصفحة الرئيسية</form></a>
----------------------------------------------------------
الكود المعاينة رقم 2
طريقة التركيب
- ادخل على قالب
- تحرير Html
- ابحث باستخدام ctrl+f
- ابحث عن الكود التالي <b:if cond='data:blog.pageType == "error_page"'>
ستجده ثم اضف الكود التالي اسفله
<form style='background: url(http://subtlepatterns.com/patterns/dark_embroidery.png);width: 100%;height:100%; position: fixed;z-index: 999;top: 0px;'/> <form style='color: #00AAFF;font-size:167px;font-family: fantasy;left: 410px;position:fixed;top:170px;width: 313px;border: 19px solid;z-index: 999;text-align: center;border-radius: 9px;'>404</form><form style='position: fixed;top: 486px;left: 540px;z-index: 999;font-size: 28px;font-family: neosansarabic;color: #00AAFF; '>الصفحة غير موجودة </form> <a href='http://iraq-hm.blogspot.com'><form style='top: 487px; background-color: #393939;position: fixed;z-index: 999;width: 105px;height: 17px;left: 414px;color: #00AAFF;font-weight: bold;text-decoration: blink;border: 5px solid #00AAFF;padding: 11px 1px;font-family: neosansarabic;text-align: center;border-radius: 6px;'>الصفحة الرئيسية</form></a>
-----------------------------------------------------
انها الصفحات ج1
انشاء الصفحات 404 القادمة ج2 قد تكون افضل من هذه
الى هنا انتهى موضوعنا
تعبت كثيرا كلمة شكر لتنسيني تعبي
والسلام عليكم ورحمة الله وبركاته
0 التعليقات:
إرسال تعليق