Thread prefix with Font Awesome icons

Мануал Thread prefix with Font Awesome icons

Префикс с Font Awesome иконкой.
Для того, чтобы воспользоваться этой инструкцией у вас должен быть подключен иконочный шрифт Font Awesome

Пожалуйста, Войдите или Зарегистрируйтесь, что бы увидеть скрытый контент.



Вот пример, как это выглядит:

1.jpg


Сначала надо создать префикс в панели управления.

upload_2015-6-25_13-36-53.png


upload_2015-6-25_13-37-44.png


upload_2015-6-25_13-38-16.png


Далее нужно добавить в шаблон EXTRA.css этот код:
Код:
.titleBar .prefix.prefixGuide {
    font-size: 14pt;
}
.prefixGuide:before {
    content: "\f1cd";
    font-family: FontAwesome;
    margin-right: 4px;
}
.prefix.prefixGuide {
    background: none repeat scroll 0 0 #4A843C;
    color: #FAFAFA !important;
    font-weight: normal;
    border: double !important;
    font-size: 10pt;
}
.prefix.prefixGuide:hover {
    background: none repeat scroll 0 0 #4A4E51 !important;
    color: #fafafa !important;
}
Чтобы изменить иконку нужно найти "content: "\f1cd";" и заменить на ту, которую...
У Вас недостаточно прав для просмотра полного содержимого этого ресурса. Войти или зарегистрироваться
Автор
SOUL
Первый выпуск
Обновление
Рейтинг
0,00 звезд Оценок: 0

Еще ресурсы от SOUL

Поделиться этим ресурсом