طريقة إخفاء / إظهار الـ Navbar عند التأشير عليه

في دروس سابقة قمت بشرح كيفيـة حـذف الـ Navbar الذي يظهر أعلى مدونات Blogger , بإعتقادي وبإعتقاد الكثيرين أنه يخـرب من جماليـة المدونة لذلك قمـنا بحذفه لـكـن هنـاك من زواري الكــرام من هم من مناصـري شــريط   الـ Navbar ولكن عند الطلب ! أي عند التأشير عليه يظهر وبلون شفاف :






وعند إبعاد مؤشر الفأرة يختفي شريط الـ Navbar :




أرجو أن تستمتعو بهذا الدرس البسيط :) .




الخطوة الأولى : التوجه إلى تبويبة "تصميم" وإختيار "تحرير HTML" لا تخف الدرس سهل ولا يحتاج خبرة في الـ HTML ما عليك سوى تطبيق الدرس خطوة بخطوة :

الخطوة الثانية : التأشير على "توسيع قوالب عناصر واجهة المستخدم" كما في الصورة :





الخطوة الثالثة : إضغط على الزرين (( Ctrl + F )) للبحث عن الكود التالي :


<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);}



طبعا ً في حال قمت بحذفه كما قمنا بحذفه سابقا ً يجب مسح الكود الذي أضفناه سابقة وإستبداله بالكود الموضح في الصورة أعلاه . 

تمنياتي للجميع بالتوفيق :) في حال وجود إستفسارات فقوموا كالعادة بإدراجها في التعليقات .

ليست هناك تعليقات: