25517 Проверенные Сообщения 1,755 Решения 29 Реакции 4,276 Баллы 3,835 6 Авг 2018 #1 Захотелось мне изменить стандартный текстовый аватар пользователя на иконку FontAwesome, как это можно сделать?:) Последнее редактирование: 6 Авг 2018
Захотелось мне изменить стандартный текстовый аватар пользователя на иконку FontAwesome, как это можно сделать?:)
Решение M M Mirovinger 6 Авг 2018 Не вижу трудностей. Less:Скопировать .avatar { &.avatar--default{ &.avatar--default--dynamic { [class^="avatar-"] { text-indent: -9999px; position: relative; font-family: FontAwesome; &:before { content: "\f296"; } } } } } Только повторюсь, нужно допиливать для нормальной работы по всему форуму.
Не вижу трудностей. Less:Скопировать .avatar { &.avatar--default{ &.avatar--default--dynamic { [class^="avatar-"] { text-indent: -9999px; position: relative; font-family: FontAwesome; &:before { content: "\f296"; } } } } } Только повторюсь, нужно допиливать для нормальной работы по всему форуму.
M Mirovinger Администрация Сообщения 23,579 Решения 84 Реакции 58,863 Баллы 50,975 6 Авг 2018 #2 Хм, а теперь нормально сформулируйте свой вопрос, если он не относится к данным настройкам стиля. Позитивный голос 0 Негативный голос
25517 Проверенные Сообщения 1,755 Решения 29 Реакции 4,276 Баллы 3,835 6 Авг 2018 #3 Mirovinger, как вместо текста отобразить FA иконку?:) Позитивный голос 0 Негативный голос
Skaiman Проверенные Сообщения 18,440 Решения 236 Реакции 34,110 Баллы 21,375 6 Авг 2018 #4 Как бы font awesome, это текст и если для аватаров указать его, то в поле текста по умолчанию можно вставить html код иконки, взять его можно здесь У Вас недостаточно прав для просмотра ссылок. Вход или Регистрация Позитивный голос 0 Негативный голос
Как бы font awesome, это текст и если для аватаров указать его, то в поле текста по умолчанию можно вставить html код иконки, взять его можно здесь У Вас недостаточно прав для просмотра ссылок. Вход или Регистрация
25517 Проверенные Сообщения 1,755 Решения 29 Реакции 4,276 Баллы 3,835 6 Авг 2018 #5 Skaiman, я тупенький и ничего не понял :( Позитивный голос 0 Негативный голос
M Mirovinger Администрация Сообщения 23,579 Решения 84 Реакции 58,863 Баллы 50,975 6 Авг 2018 #6 Вот теперь другое дело, писать дополнение, если хотите генерацию на основе чего-то, а так можно вот так. Less:Скопировать .avatar { &.avatar--default{ &.avatar--default--dynamic { .avatar-u24-m { text-indent: -9999px; position: relative; font-family: FontAwesome; &:before { content: "\f296"; } } } } } Где - avatar-u24-m - 24 это ид пользователя. Правда ещё допиливать нужно... Позитивный голос 1 Негативный голос
Вот теперь другое дело, писать дополнение, если хотите генерацию на основе чего-то, а так можно вот так. Less:Скопировать .avatar { &.avatar--default{ &.avatar--default--dynamic { .avatar-u24-m { text-indent: -9999px; position: relative; font-family: FontAwesome; &:before { content: "\f296"; } } } } } Где - avatar-u24-m - 24 это ид пользователя. Правда ещё допиливать нужно...
25517 Проверенные Сообщения 1,755 Решения 29 Реакции 4,276 Баллы 3,835 6 Авг 2018 #7 Mirovinger, мне нужно сделать иконку fa-user аватаром по умолчанию Позитивный голос 0 Негативный голос
M Mirovinger Администрация Сообщения 23,579 Решения 84 Реакции 58,863 Баллы 50,975 6 Авг 2018 #8 Не вижу трудностей. Less:Скопировать .avatar { &.avatar--default{ &.avatar--default--dynamic { [class^="avatar-"] { text-indent: -9999px; position: relative; font-family: FontAwesome; &:before { content: "\f296"; } } } } } Только повторюсь, нужно допиливать для нормальной работы по всему форуму. Позитивный голос 0 Негативный голос Решение
Не вижу трудностей. Less:Скопировать .avatar { &.avatar--default{ &.avatar--default--dynamic { [class^="avatar-"] { text-indent: -9999px; position: relative; font-family: FontAwesome; &:before { content: "\f296"; } } } } } Только повторюсь, нужно допиливать для нормальной работы по всему форуму.