سوف نقوم اليوم ببعض التنسيق في المدونة الجديدة حتى تكون مدونة إحترافية جميلة.
وما سنقوم به هو إزالة الشريط العلوي من المدونة و إزالة كلمة الإشتراك في الرسالة Atom من اسفل المدونة.
الشريط العلوي يكون هكذا ...

واما الاشتراك في الرسالة Atom فتكون هكذا...

و لإزالة الشريط و هذه الكلمة سوف نتبع الآتي..
إذهب إلى لوحة تحكم المدونة ثم إختر البند قالب ثم إضغط تحرير HTML او كما بالصور التالية...


وبعد الدخول إلى تحرير القالب سوف تقوم بالبحث عن الوسم..
طريقة البحث في القالب هي أن تقف داخل القالب بالفأرة ثم تقوم بالضغط على لوحة المفاتيح على الزرين CTRL + F
هكذا...

بعد العثور على الوسم الذي نريده ضع فوقه مباشرتاً الكود التالي..
ثم إضغط حفظ القالب

تعالوا بنا نقوم بتفسير الكود..
#navbar-iframe
.navbar
هما المسئولان عن الشريط العلوي
.feed-links
هو المسئول عن الرسالة Atom
اما display:none
فهذا كود CSS يجعل هذه الاشياء مخفية
!important
يعني هام وهذا لأهمية إخفاء هذه الاشياء
وفيما بعد و بعد انتهاء دورتنا هذه سوف نقوم بإنشاء دورة CSS احترافية جداً
بالتوفيق للجميع
وما سنقوم به هو إزالة الشريط العلوي من المدونة و إزالة كلمة الإشتراك في الرسالة Atom من اسفل المدونة.
الشريط العلوي يكون هكذا ...

واما الاشتراك في الرسالة Atom فتكون هكذا...

و لإزالة الشريط و هذه الكلمة سوف نتبع الآتي..
إذهب إلى لوحة تحكم المدونة ثم إختر البند قالب ثم إضغط تحرير HTML او كما بالصور التالية...


وبعد الدخول إلى تحرير القالب سوف تقوم بالبحث عن الوسم..
</head>
هكذا...

بعد العثور على الوسم الذي نريده ضع فوقه مباشرتاً الكود التالي..
<style type='text/css'>
#navbar-iframe, .navbar, .feed-links{display:none !important}
</style>

تعالوا بنا نقوم بتفسير الكود..
#navbar-iframe
.navbar
هما المسئولان عن الشريط العلوي
.feed-links
هو المسئول عن الرسالة Atom
اما display:none
فهذا كود CSS يجعل هذه الاشياء مخفية
!important
يعني هام وهذا لأهمية إخفاء هذه الاشياء
وفيما بعد و بعد انتهاء دورتنا هذه سوف نقوم بإنشاء دورة CSS احترافية جداً
بالتوفيق للجميع






0 التعليقات:
إرسال تعليق