• Добро пожаловать на сайт - Forumteam.wiki !

    Что бы просматривать темы форума необходимо зарегестрироваться или войти в свой аккаунт.

    Группа в телеграме (подпишитесь, что бы не потерять нас) - ForumTeam Chat [Подписатся]
    Связь с администратором - @ftmadmin

Заменяем графический логотип на текстовый 2.0.x

Sam Jack

Опытный
Опытный
Регистрация
05.03.18
Сообщения
230
Реакции
56
Баллы
415
FTC
  • Автор темы
  • Заблокирован
  • #1
Обратите внимание, если вы планируете совершить сделку с этим пользователем, он заблокирован.
Заменяем графический логотип на текстовый
Заменить графический логотип на текстовой без правки шаблонов, можно воспользовавшись средствами less/css.
Для этого в шаблон - extra.less, добавить такой код
Код:
/* Текстовый логотип =============== */

/* Основной логотип, используется как в полной так и адаптивной вёрстке */
    .header-logo-content-before() {
        content: "Domen.ru";
        font-weight: bold;
    }

.p-header-logo.p-header-logo--image {

    img {
         display: none;
    }

    a {
        &:before {
            .header-logo-content-before;
            font-size: 2em;
        }
   
        &:after {
           /* Слоган, использовать не обязательно, можно оставить пустым */
            content: "- Слоган";
            position: relative;
            top: -2px;
        }
    }
}
/* Текстовый логотип для адаптивного дизайна */
@media (max-width: @xf-responsiveMedium) {
    .p-nav-inner .p-nav-smallLogo {
        max-width: 150px;
   
        img {
          display: none;
        }

        a { 
            &:before{
                .header-logo-content-before;
                font-size: 20px;
            }
       
            &:hover {
                text-decoration: none;
            }
        }
    }
}
/* / Текстовый логотип  ==============*/
 
Сверху Снизу