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

Тема в разделе "Xenforo 2.x.x", создана пользователем mexan, 8 мар 2018.

  1. mexan

    mexan Администратор

    Сообщения:
    288
    Симпатии:
    13
    Пол:
    Мужской
    В шаблон extra.less, добавляем
    Код:
    /* Текстовый логотип =============== */
    
    /* Основной логотип, используется как в полной так и адаптивной вёрстке */
        .header-logo-content-before() {
            content: "TEHADM FORUM";
            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;
                }
            }
        }
    }
    /* / Текстовый логотип  ==============*/
     

Поделиться этой страницей