اظهار اواخفاء شريط الـ Navbar الموجود فى مدونات البلوجر
هذا هو النافبار Navbarهذه الصورة تم تصغيرها . إضغط على هذا الشريط لرؤية الصورة بحجمها الطبيعي . أبعاد الصورة الأصلية 745x112 .
وهكذا تبدو المدونة بعد اخفاء الشريط
هذه الصورة تم تصغيرها . إضغط على هذا الشريط لرؤية الصورة بحجمها الطبيعي . أبعاد الصورة الأصلية 745x113 .
شرح كيفية عمل ذلك بطريقة سهلة جدا
بالدخول إلى لوحة التحكم فى المدونة الخاصة بك
اذهب إلى Template أو القالب
هذه الصورة تم تصغيرها . إضغط على هذا الشريط لرؤية الصورة بحجمها الطبيعي . أبعاد الصورة الأصلية 674x397 .
اضغط كما بالصورة على Edit HTML
هذه الصورة تم تصغيرها . إضغط على هذا الشريط لرؤية الصورة بحجمها الطبيعي . أبعاد الصورة الأصلية 731x406 .
اضغط على proceed أو استمرار
هذه الصورة تم تصغيرها . إضغط على هذا الشريط لرؤية الصورة بحجمها الطبيعي . أبعاد الصورة الأصلية 800x391 .
قم بالبحث عن هذا الكود
كود:
<b:skin><![CDATA[/*
كود:
#navbar {opacity:0;filter:alpha(opacity=0);position:relative;margin-bottom:-30px;z-index:10;} #navbar:hover {opacity:0.7;filter:alpha(opacity=70);}
أو أن تحذفه نهائيا فلا يظهر مطلقا وهذا هو الكود الخاص بذلك
كود:
#navbar-iframe { display: none !important; }
هذه الصورة تم تصغيرها . إضغط على هذا الشريط لرؤية الصورة بحجمها الطبيعي . أبعاد الصورة الأصلية 750x487 .
قم بالضغط على حفظ ثم اذهب إلى مدونتك لترى النتيجة
منقول للفائدة
ستجد الكود الذى نبحث عنه تم تظليله تلقائيا كما فى الصورة
هذه الصورة تم تصغيرها . إضغط على هذا الشريط لرؤية الصورة بحجمها الطبيعي . أبعاد الصورة الأصلية 741x517 .
الآن أمامك خياران:
أن تجعل شريط النافبار يظهر فقط عند مرور مؤشر الفارة عليه وهذا هو الكود الخاص بذلك