Мини логотип для плавающей(липкой) навигации

Sidd

Проверенные
Сообщения
630
Решения
5
Реакции
895
Баллы
3,455
1D2iglC[1].png

Возможно уже было, я подсмотрел у Bassman, который [cXF]

Делаем модификацию шаблона PAGE_CONTAINER

Найти

Код:
<ul class="p-nav-list js-offCanvasNavSource">

Заменить

Код:
$0
<div class="p-nav-smallLogo"></div>

В Extra.less

Код:
.p-navSticky .p-nav-smallLogo {
     opacity: 0;
     width: 0;
    transition: all 0.5s ease;
    
}
.p-navSticky.is-sticky .p-nav-smallLogo {
        opacity: 1;
    transition: width 1.5s ease;
    width: 100%;
    margin-left: 1%;
       margin-right: 0px;
    
}

.p-nav-smallLogo {
   display: block;
}

Настройки css по вкусу
логотип берется из внешний вид-настройки стиля.

Для текстового лого я использую плагин SVG Forum Logo и там уже сами смотрите.

Если у вас ксенпорта и вы хотите убрать кнопку главная в навигации чтобы вместо нее было мини лого, я убрал вот так:

Код:
.p-navSticky.is-sticky .p-navEl {
   [data-nav-id="EWRporta"]
   {
display:none;
   }
    }
    .p-navSticky.is-sticky .p-navEl
{
   [data-nav-id="EWRporta"]:before {
display:none;
   }
    }
.p-navSticky--primary.is-sticky .p-nav-list .p-navEl.is-selected .p-navEl-splitTrigger  {
    display:none;
}

.p-navSticky--primary.is-sticky .p-nav-list .p-navEl-splitTrigger {
        display:none;
}
 
Блин я забыл, что надо ресурсом, удалите тему пожалуйста)
 
ну ёмаё, что с оформлением кода? Ну мог бы хотя-бы язык для подсветки выбрать xdd

Я все никак не могу закончить самоучитель по HTML, а ты мне про оформление кода) Нашел кстати подходящий , там надо делать сайт для кота xD
 
Я все никак не могу закончить самоучитель по HTML, а ты мне про оформление кода) Нашел кстати подходящий , там надо делать сайт для кота xD
OFFTOP

Ахахах, я тоже с К ексом знаком ? P.s. Отступ потому-что на чебурекса переделывает

 
Последнее редактирование:
  • Ха-ха-ха
Реакции: Sidd
Современный облачный хостинг провайдер | Aéza
Назад
Сверху Снизу