Добавить логотип FA группе пользователей

Мануал 2.x Добавить логотип FA группе пользователей

Иконка FA, как логотип рядом с ником для определенной группы.

SOUL

АдминкА
Администратор
Сообщения
7.279
Симпатии
10.542
Баллы
266
#1
SOUL разместил(а) новый ресурс:

Добавить логотип FA группе пользователей - Иконка FA, как логотип рядом с ником для определенной группы.

(Add an FA logo to the user group)

Вот окончательный результат:

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

Для этого перейдите в панель администратора к шаблону extra.less.
Добавьте в него следующий код:

CSS:
.username--style3:before { // Измените цифру 3 на id требуемой группы пользователей.
    font-family: "FontAwesome";
    content: "\f132"; // Измените юникод (f132) на тот, который захотите на сайте: https://fontawesome.com/v4.7.0/icons/
    color: inherit;
    padding-right...
Посмотреть страницу этого ресурса...
 

Skaiman

[SVG]ADD-ONS ™
Разработчик
Сообщения
6.046
Симпатии
5.827
Баллы
266
#2
Где берешь эти допотопные мануалы? :)
Вот смотри, в extra.less
Less:
.username-style-id(@styleId; @content) {
    .username {
        & :before {
        font-family: "FontAwesome";
        padding-right: 4px;
        }
        &[email protected]{styleId} {
            &:before {
                content: "\@{content}";
            }
        }
    }
}

.username-style-id (3, f132);
где просто добавляется id стиля и уникод
2018-06-15_132226.png
 
Последнее редактирование:

SOUL

АдминкА
Администратор
Сообщения
7.279
Симпатии
10.542
Баллы
266
#3

Skaiman

[SVG]ADD-ONS ™
Разработчик
Сообщения
6.046
Симпатии
5.827
Баллы
266
#5
С запашком :)
--- Сообщение автоматически объединено: ---

Блин накосячил :) так надо
Less:
.username-style-id(@styleId; @content) {
    .username {
        &[email protected]{styleId} {
            &:before {
                content: "\@{content}";
            }
        }
    }
}

.username {
    & :before {
    font-family: "FontAwesome";
    padding-right: 4px;
    }
}

.username-style-id (3, f132);
2018-06-15_132226.png
 
Последнее редактирование:

REZON

Проверенный
Сообщения
178
Симпатии
10
Баллы
18
#6
Что не так сделал!? Не хрена не отображается иконка

111.jpg
--- Сообщение автоматически объединено: ---

логотип перенёс ... блоки категорий цвет сменил а иконки групп не встают...почему подскажите люди!
 
Последнее редактирование:

REZON

Проверенный
Сообщения
178
Симпатии
10
Баллы
18
#8
дефолтный стиль..ща вот скрол сделал красивый..всё получается а икона чёт не хотит
 

Skaiman

[SVG]ADD-ONS ™
Разработчик
Сообщения
6.046
Симпатии
5.827
Баллы
266
#9
а хрен его знает почему, код проверенный не с неба взятый, прежде чем в теме писать.
 

REZON

Проверенный
Сообщения
178
Симпатии
10
Баллы
18
#10
Найду почему...отпишу!
 

sonic

[KST]
Премиум
Сообщения
1.502
Симпатии
2.755
Баллы
153
#11
не знаю что там и куда не хочет у тебя, все воркает и даже в ui.x.. а вот что у тебя в екстра творится тебе одному известно.. это ж надо было додуматься для значков в категориях выставить размер шрифта в 40 пикселей.. зачем он вообще там он по умолчанию будет такого размера как и текст в названии категории
 

REZON

Проверенный
Сообщения
178
Симпатии
10
Баллы
18
#12
Да так разбивается лучше...ну мож уменьшу..я это как бы на потом ...просто пока изучаю возможности!

666.jpg
 
Вверх Снизу