Текстовый логотип.

[COLTON]

Всем хай, делаем текстовый логотип как на Xenforo info.

/* Текстовый логотип =============== */

/* Основной логотип, используется как в полной так и адаптивной вёрстке */
    .header-logo-content-before() {
        content: "U";
        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;
            }
        }
    }
}
/* / Текстовый логотип  ==============*/

Получаем результат:

 

[It's-Intel]

Обратите внимание, пользователь заблокирован на форуме. Не рекомендуется проводить сделки. Мы не несем ответственности за действия пользователя вне форума.

Сойдёт

 

[AbsaOper]

А как и куда его вставить

 

[COLTON]

А как и куда его вставить

Заходишь в панель управления форума дальше - Внешний вид - Стили - Шаблоны - extra.less

ps: можно сделать проще в панели управления с верху в правом углу есть поиск нажимаешь туда и пишешь extra.less а дальше копируй код который я оставил и вставляй в extra.less

 

[AbsaOper]

@COLTON, Спасибо

 

[COLTON]

@COLTON, Спасибо

Всегда пожалуйста.

 

[KeoFox]

Это конечно всё очень круто но у XFI не тектосвый логотип как будто бы да и зачем такие танцы с бубнами когда существуют настройки стиля