تمييز الصفحة الحالية في روابط رأس العلامة التجارية

لأولئك المهتمين، تمكنت من تحقيق ذلك إلى حد ما؛ فهو ليس ذكيًا لتحديد الصفحة التي تتصفحها، لكنه في معظم الحالات سيفي بالغرض. غيّر الرقم (2) إلى موضع زر المنتدى الخاص بك.

.b-header .nav-pills > li:nth-child(2) {
	background-color: #35373e;
}

وإذا كنت ترغب في أن يمتد الزر (القرص) إلى الأعلى والأسفل:

.b-header .nav-pills>li>a {
padding: 13px 12px;
}

.b-header .contents {
	margin: 0px !important;
}

هذا يحقق ما يلي…

image

4 إعجابات