Добавляем иконки для кнопок входа и регистрации

Hope · 21 Янв 2018

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

Добавляем иконки для кнопок входа и регистрации - Добавляем иконки для кнопок входа и регистрации.

Посмотреть вложение 81483

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

Код:

/* Icons for Login and Register buttons */
.p-navgroup-link.p-navgroup-link--textual.p-navgroup-link--logIn:before {
    font-family: FontAwesome;
    content: "\f090";
    color: #E6BB5C;
    padding-right: 5px;
}
.p-navgroup-link.p-navgroup-link--textual.p-navgroup-link--register:before {
    font-family: FontAwesome;
    content: "\f084";
    color: #E6BB5C;
    padding-right: 5px;
}
/**********/

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

Heyter32 · 9 Май 2023

А как это сделать тегом <i> или <span> чтобы название иконки выглядело не /f084 а к примеру far fa-thumbs-up

dimka1510 · 10 Май 2023

Swino-Rylo, а какая людям разница как прописаны иконки в стиле?

Heyter32 · 10 Май 2023

Да дело не в этом вовсе. Плагин FontAwesome установлен. Но этот код не работает. Вместо отображения ключа отображается китайский символ. Зашёл в настройки узлов с FontAwesome а там иконки выглядят по типу far fa-thumbs-up и т.д. Не понял как правильно настроить.

Понимаю что нужно указать путь к дериктории файла и можно изображение загрузить в корневую папку. Но чёто никак не соображу. Давление, старею)

Matew · 10 Май 2023

Это устаревший мануал. Если вы делаете по нему 1 в 1 - работать не будет

Heyter32 · 10 Май 2023

По идее и этот должен работать

Код:

.address::before {
  font-family: "FontAwesome";
  content: "\f24e";
}

Что то не то с Font Awesome. Прикрутить нужно нормально. Займусь этим как нибудь.

dimka1510 · 10 Май 2023

Swino-Rylo, забыл "\" перед кодом иконки

Heyter32 · 10 Май 2023

Исправил. Понять бы ещё как найти HTML шаблон Xenforo на хостинге для правки и подключения . Там же код в тег <head> нужно вроде как вписать.

dimka1510 · 10 Май 2023

Swino-Rylo, все шаблоны в админке находятся. И FA изначально подключён в движке

Matew · 11 Май 2023

Swino-Rylo написал(а):
Что то не то с Font Awesome. Прикрутить нужно нормально. Займусь этим как нибудь.

Например то, что указанного в "font-family" шрифта не существует. Я же сказал что мануал устаревший, поищите здесь похожий, который будет поновее для 2.1 или 2.2, не надо пытаться самому все сломать

Heyter32 · 11 Май 2023

Гляну. Было бы что там ломать. Они всё что могли уже давно сломали.

Skaiman · 11 Май 2023

Less:

.p-navgroup-link {
    &:before {
        .m-faBase();
    }   
    &--logIn {
        .m-faBefore(@fa-var-sign-in-alt)
    }
    &--register {
        .m-faBefore(@fa-var-lock-alt)
    }
}

Добавляем иконки для кнопок входа и регистрации

Hope

Heyter32

dimka1510

Heyter32

Matew

Heyter32

dimka1510

Heyter32

dimka1510

Matew

Heyter32

Skaiman

Похожие темы

Мы ценим вашу конфиденциальность