السلام عليكم ورحمه الله وبركاته
مرحبا بكم رواد معهد هيلبرنت سنشرح اليوم طريقة نقل اللوجو من الهيدر الى منطقة الناقبار وهذا يعتبر درس من دروس تطوير وتعلم تصميم الاستايلات لكن بهذا الكود احدثت تغيير شامل على الهيدر ولن انسى ان الطريقة والدرس صالح اللزين فورو الجيل الثانى باصداره XF2.1 & XF 2.0
صوره قبل التعديل
الخطوات
الكود لمن يعمل على الاصدار XF 2.0
- كل ما عليك هو وضوع الكود الاتى فى قالب Extra.less
كود:
.p-nav-smallLogo img {max-height: 33px; max-width: 105px;}
.has-js .p-header {display: none;}
.has-js .p-sectionLinks {display: none;}
.has-js .p-sectionLinks {display: none;}
.p-header-logo {max-width: 100px;}
.has-js .p-nav-inner {min-height: 45px;}
.p-nav-smallLogo {display: block;}
.p-nav-list .p-navEl.is-selected .p-navEl-splitTrigger {display: inline;}
.p-nav-list .p-navEl-link.p-navEl-link--splitMenu { padding-right: 3.75px !important; }
.p-nav-list .p-navEl.is-selected { color: #FEFEFE; background: 0;}
الكود لمن يعمل على الاصدار XF 2.1
- كل ما عليك هو وضوع الكود الاتى فى قالب Extra.less
كود:
.p-nav-smallLogo img {max-height: 33px; max-width: 105px;}
.has-js .p-header {display: none;}
.has-js .p-sectionLinks {display: none;}
.has-js .p-sectionLinks {display: none;}
.p-header-logo {max-width: 100px;}
.has-js .p-nav-inner {min-height: 45px;}
.p-nav-smallLogo {display: block;}
.p-nav-list .p-navEl.is-selected .p-navEl-splitTrigger {display: inline;}
.p-nav-list .p-navEl-link.p-navEl-link--splitMenu { padding-right: 3.75px !important; }
.p-nav-list .p-navEl.is-selected { color: #FEFEFE; background: 0;}
النتيجة
انتهى