قائمه افقيه تتلون اقسامها بالضغط عليها لمدونة بلوجر

*****

كما هو مبين في هذه المدونة (مدونة موقعي) ان القائمه الأفقية او الناف بار عندما تضغط على احد الاقسام او التسميات فإنه يأخد لون مختلف عن باقي الأقسام .

وتنبع أهمية هذه الميزه في أنك أثناء تصفحك لأقسام المدونة فإنك تستطيع ان تعرف في اي قسم تقرأ او القسم المفتوح للقراءة، فالقسم المختار للقراءة يظهر بلون مختلف عن باقي الأقسام كما في الصوره التاليه:

اضغط على الصوره للتكبير

قائمه افقيه تتلون اقسامها

يظهر في الصوره ان القسم المفتوح او المتاح للقراءه هو قسم التصميم.


خطوات عمل القائمه

اولا: نضع أكواد الأقسام او التسميات الخاصه بالقائمه الأفقيه في قالب المدونه مع وضع id لكل قسم حتى يمكن تنسيقه باللون المطلوب .

ثانيا: نقوم بتنسيق القائمه في قسم التنسيق بقالب المدونه بإستخدام اكواد ‏css

ثالثا: نضع الكود الشرطي والذي يجعل كل قسم يصبح لونه بني brown عند الضغط عليه ويمكنك تغيير اللون البني باللون الذي تريده كما في الصوره التايه:


اضغط على الصوره للتكبير

قائمه افقيه تتلون اقسامها

ودمتم في رعاية الله

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

إرسال تعليق