Перемещаем логотип в область меню

[Hope]

Hope добавил(а) новый ресурс:

Перемещаем логотип в область меню - Перемещаем логотип в область меню.

В шаблон extra.less добавляем:

/* xFDestek.com - NavtabMenü Logo */
.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 {...

Узнать больше об этом ресурсе...

 

[-OZ-]

Чуть перепилил - добавил изменение высоты при прокрутке и ограничил работу в мобильной версии (там и по дефолту всё хорошо). Может быть, кому пригодится.

/* move logo to navtab */
.has-js .p-header {display: none;}
.has-js .p-sectionLinks {display: none;}
.has-js .p-sectionLinks {display: none;}
@media (min-width: @xf-responsiveMedium)
{
.p-nav-smallLogo img {transition: all @_nav-elTransitionSpeed linear; max-height: 45px; max-width: 160px;margin-left: 10px;}
.p-header-logo {transition: all @_nav-elTransitionSpeed linear; max-width: 170px;}
.p-nav-smallLogo {transition: all @_nav-elTransitionSpeed linear; display: block;max-width: 180px;}
.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;}
.p-nav-list .p-navEl-link,
.p-navgroup .p-navgroup-link,
.p-nav-list .p-navEl-splitTrigger {transition: all @_nav-elTransitionSpeed linear; padding-top: 16px;padding-bottom: 16px;}

.is-sticky .p-nav-smallLogo img {max-height: 33px; max-width: 130px;}
.is-sticky .p-header-logo {max-width: 140px;}
.is-sticky .p-nav-smallLogo {max-width: 150px;}
.is-sticky .p-navEl-link,
.is-sticky .p-navgroup-link,
.is-sticky .p-nav-list .p-navEl-splitTrigger{padding-top:10px;padding-bottom:10px;}
}
/* move logo to navtab */

 

[25517]

-OZ-, тут в принципе, можно обойтись намного проще ...

 

[-OZ-]

-OZ-, тут в принципе, можно обойтись намного проще ...

как?

 

[25517]

-OZ-, XF 2.0 - Помогите с хедером

 

[-OZ-]

-OZ-, XF 2.0 - Помогите с хедером

Это не совсем равнозначно. В моем случае размер логотипа крупнее, чем в мобильной версии, и он (размер) меняется при скролле страницы одновременно с уменьшением высоты навбара.

 

[S3RG3Y]

Всем привет, решился я поставить её на xF 2.1 и вылезла проблемка.
Пропадает верхнее меню в панели администратора:
До:

После:

 

[Frikers]

Всем привет!
Помогите советом.
Мне необходимо переместить лого в меню, но что-бы оно было бОльшего размера нежли в примере. (лого 256x64)
Как корректно сделать так, что бы логотип был в меню стандартного размера, а в мобильной версии менялся на уменьшенную версию?

Спасибо.

 

[HAIM]

Frikers,

У Вас недостаточно прав для просмотра ссылок. Вход или Регистрация

и extra.less

 

[-OZ-]

Всем привет!
Помогите советом.
Мне необходимо переместить лого в меню, но что-бы оно было бОльшего размера нежли в примере. (лого 256x64)
Как корректно сделать так, что бы логотип был в меню стандартного размера, а в мобильной версии менялся на уменьшенную версию?

Спасибо.

2е сообщение в этом топике

 

[Frikers]

2е сообщение в этом топике

Не работает. При установке кода ничего не меняется (стиль дефолтный, аддонов влияющих на отображение - нет)

 

[mexan]

Не работает. При установке кода ничего не меняется (стиль дефолтный, аддонов влияющих на отображение - нет)

Под Xenforo 2.1:

/* xFDestek.com - NavtabMenü xenForo 2.1.x ver Logo */
.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;}
/* xFDestek.com - NavtabMenü xenForo 2.1.x ver Logo */

Вот оригинальная тема на офф форуме:

У Вас недостаточно прав для просмотра ссылок. Вход или Регистрация

 

[Mirovinger]

Хм, только чем код отличается, автор там угорает? =)

 

[West14]

Mirovinger, турки они такие.

 

[25517]

Там вообще всё проще ...

 

[Hope]

Там вообще всё проще ...

Вот к чему это? Есть вариант проще - так пишите его.
Чебурек. ?

 

[25517]

Hope, XF 2.0 - Помогите с хедером

 

[mexan]

Хм, только чем код отличается, автор там угорает? =)

Блин я не сверял. Увидел, что под 2.1 и копирнул сюда. Сорь тогда.

 

[Frikers]

25517, тема на которую вы ссылаетесь не решает вопрос. Там просто идет перенос маленького лого в навбар.

 

[25517]

Frikers, а здесь тогда что?