В открывшемся окне опции для BB-кода вписываем название иконки, например fa-address-book
Так же доступны дополнительные опции через пробел, смотрите о них в следующих вкладках.
- добавьте опцию fa-lg для увеличения иконки на 33%.
- добавьте опцию fa-2x для увеличения иконки в 2 раза.
- добавьте опцию fa-3x для увеличения иконки в 3 раза.
- добавьте опцию fa-4x для увеличения иконки в 4 раза.
- добавьте опцию fa-5x для увеличения иконки в 5 раз.
- иконки можно увеличивать, обрамляя их обычным ББ-кодом размера [SIZE], показан размер 0, 3, 4, 5, 6, 7.
Добавьте опцию fa-border для обрамления иконки бордюром.
Добавьте опцию fa-pull-right или fa-pull-left для обтекания иконки текстом справа или слева.
…Душа моя озарена неземной радостью,
как эти чудесные весенние утра,
которыми я наслаждаюсь от всего сердца…
Я совсем один и блаженствую в здешнем краю,
словно созданном для таких, как я.
- добавьте опцию fa-pulse, чтобы заставить пульсировать иконку по 8 шагов.
- добавьте опцию fa-spin, чтобы заставить вращаться любую иконку.
- добавьте опцию fa-fw, чтобы задать фиксированную ширину для их выравнивания.
- пример иконки с опциями: fa-cogfa-spin fa-fw
Чтобы произвольно поворачивать иконки, используйте опции fa-rotate-90 (180/270) и fa-flip-vertical (horizontal).
- просто нормальная иконка.
fa-rotate-90 - поворот на 90 градусов.
fa-rotate-180 - поворот на 180 градусов.
fa-rotate-270 - поворот на 270 градусов.
fa-flip-vertical - отражение по вертикали.
fa-flip-horizontal - отражение по горизонтали.
Иконки так же можно закрашивать цветом, обрамляя их обычным ББ-кодом цвета [COLOR].
Чтобы сделать группу из иконок, используйте опцию fa-stack для родителя, опцию fa-stack-1x используйте для задания стандартного размера иконки, а опцию fa-stack-2x для увеличенного. Опция fa-inverse может быть использована для инверсирования цветов иконок. Так же, вы можете использовать опции увеличения для управления размерами иконок.
Идём за веб-шрифтами на https://fonts.google.com, на выбранном шрифте нажимаем сверху кнопку .
Он добавляется в панель выбранных, которая появляется на странице внизу. Можно добавлять несколько шрифтов.
Открываем панель, переходим на вкладку CUSTOMIZE и там выбираем только нужные параметры.
Нам нужны regular 400 (стандартная толщина) и Cyrillic (если кириллица поддерживается шрифтом).
Возвращаемся обратно на вкладку Embed и забираем ссылку из вкладки @IMPORT (между тегами <style></style>).
Теперь нажимаем в панели расширенного редактирования иконку стиля и вставляем этот код между тегами.
Теперь в сообщении можно любой текст обрамлять этим шрифтом через BB-код Шрифты [FONT="Имя шрифта"]Текст[/FONT]
Пример:
[style]@import url('https://fonts.googleapis.com/css?family=Lobster|Audiowide|Great+Vibes|Rochester')[/style]
Подключён гугль шрифт Lobster
…Душа моя озарена неземной радостью, как эти чудесные весенние утра, которыми я наслаждаюсь от всего сердца… Я совсем один и блаженствую в здешнем краю, словно созданном для таких, как я.
Подключён гугль шрифт Audiowide
A red flair silhouetted the jagged edge of a wing. Waves flung themselves at the blue evening. A shining crescent far beneath the flying vessel. It was going to be a lonely trip back.
Подключён гугль шрифт Rochester
A red flair silhouetted the jagged edge of a wing. Waves flung themselves at the blue evening. A shining crescent far beneath the flying vessel. It was going to be a lonely trip back.
Подключён гугль шрифт Great Vibes
A red flair silhouetted the jagged edge of a wing. Waves flung themselves at the blue evening. A shining crescent far beneath the flying vessel. It was going to be a lonely trip back.
Шрифты:
Westral Fonts
Все шрифты папки https://www.pspx.ru/forum/Fonts
in1975, в смысле? Ссылка на иконки ведёт на свою версию. А fav - это уже другая история. Или у тебя есть какой-то выход, чтобы поддерживать и 4-ую версию и 5-ую?
Можно наверное через Java сделать условие, типа
if fa == 4.xx {
make fa
} else {
make fav
}
Прошу любить и жаловать, Ваш Добро пожаловать в наш Чат в Telegram
Ибо используются очень редко, в единичных случаях и баловство всё это.
А форум тормозят и мне надоело наблюдать в профилях пользователей, как будто они смотрят тему FontAwesome.
in1975, Мне не нравится, что сломалась функция форума, в частности для админов, потому что из-под обычного юзера всё нормально и так отображалось.
Ну я привык видеть эту функцию на своём месте. И меня раздражает, когда эти шрифты всё ломают.
Если тебе так важно отображать в теме эти шрифты, тогда залей их во вложение и выведи через STYLE.
Я не вижу в этом что-то особо важное, потому что это используется буквально в нескольких постах, а не во всех темах форума. И ради этого украшательства не вижу смысла терять другую функциональность.
Либо, нужно найти лазейку, чтобы залить эти шрифты в папки форума, а не во вложение.
Прошу любить и жаловать, Ваш Добро пожаловать в наш Чат в Telegram
Ну я же говорил, не надо ссылки кидать на тему в админке во вложение. Заливай файл шрифта в ту тему, где его используешь. Хотя тут и положительный момент есть - по ссылке сразу попадаешь в эту тему
Прошу любить и жаловать, Ваш Добро пожаловать в наш Чат в Telegram
in1975, а что тогда делать, другого решения не вижу. А урезать админский функционал вообще не вижу резона и тебя, как админа, это должно в первую очередь волновать, а не выделение особым шрифтом одного слова SONY во всей теме, куда подгружается шрифт.
Ну я написал в личку viper с просьбой залить архив в корень форума, архив в шапке подготовил.
Не знаю, когда он его прочтёт и соизволит ли выполнить просьбу.
Прошу любить и жаловать, Ваш Добро пожаловать в наш Чат в Telegram
13.05.2017, 00:55
Font Awesome bb-код [ICON] - шрифты и масштабируемые иконки в векторной графике SVG
и вставляем этот код между тегами.
(3)
Ну и прикрутить 5-ую.
Линейный вид
![C чего начать? ⇒ ⇒ ⇒ [ЧАВО] - ответы на ЧАсто задаваемые ВОпросы](../forum/images/panel_start.png "C чего начать? ⇒ ⇒ ⇒ [ЧАВО] - ответы на ЧАсто задаваемые ВОпросы")
