Модель консоли: PSP-1004
Прошивка: 6.60 PROMOD
Другие консоли: iPad 3 WiFi
Регистрация: 18.12.2006
Адрес: Москва
Возраст: 57
Сообщений: 45,121
Вы сказали Спасибо: 26,144
Поблагодарили 41,716 раз(а) в 12,013 сообщениях
Сила репутации: 10Репутация: 41563 
(репутация неоспорима)
|
Font Awesome bb-код [ICON] - шрифты и масштабируемые иконки в векторной графике SVG
Font Awesome v4.7
Font Awesome
Это такой шрифт с иконками вместо букв, в векторной графике SVG, не теряющие качества при масштабировании. Как вставлять иконки в сообщение?- Нажимаем в панели ответа кнопку с таким значком
- В открывшемся окне опции для 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-cog fa-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 может быть использована для инверсирования цветов иконок. Так же, вы можете использовать опции увеличения для управления размерами иконок.
- иконка fa-twitter накладывается поверх иконки fa-square-o
- иконка fa-flag накладывается поверх иконки fa-circle
- иконка fa-terminal накладывается поверх иконки fa-square
- иконка fa-ban накладывается поверх иконки fa-camera Как подключаются шрифты? Они берутся вот отсюда: https://fonts.google.com/- Идём за веб-шрифтами на https://fonts.google.com, на выбранном шрифте нажимаем сверху кнопку .
Он добавляется в панель выбранных, которая появляется на странице внизу. Можно добавлять несколько шрифтов.
- Открываем панель, переходим на вкладку CUSTOMIZE и там выбираем только нужные параметры.
Нам нужны regular 400 (стандартная толщина) и Cyrillic (если кириллица поддерживается шрифтом).
- Возвращаемся обратно на вкладку Embed и забираем ссылку из вкладки @IMPORT (между тегами <style></style>).
- Теперь нажимаем в панели расширенного редактирования иконку стиля и вставляем этот код между тегами.
Теперь в сообщении можно любой текст обрамлять этим шрифтом через BB-код Шрифты [FONT="Имя шрифта"]Текст[/FONT]
Шрифты: Westral Fonts
Все шрифты папки https://www.pspx.ru/forum/Fonts- Kelly Slab
[style]@font-face {font-family: 'Kelly Slab'; font-style: normal; font-weight: 400; src: local('Kelly Slab'), local('KellySlab-Regular'), url('Fonts/Kelly Slab.woff2') format('woff2'); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;}[/style]
Kelly Slab
- Merriweather
[style]@font-face {font-family: 'Merriweather'; font-style: normal; font-weight: 400; src: local('Merriweather Regular'), local('Merriweather-Regular'), url('Fonts/Merriweather.woff2') format('woff2'); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;}[/style]
Merriweather
- Roboto
[style]@font-face {font-family: 'Roboto'; font-style: normal; font-weight: 400; src: local('Roboto'), local('Roboto-Regular'), url('Fonts/Roboto.woff2') format('woff2'); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;}[/style]
Roboto
- Roboto Condensed
[style]@font-face {font-family: 'Roboto Condensed'; font-style: normal; font-weight: 400; src: local('Roboto Condensed'), local('RobotoCondensed-Regular'), url('Fonts/Roboto Condensed.woff2') format('woff2'); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;}[/style]
Roboto Condensed
- Roboto Mono
[style]@font-face {font-family: 'Roboto Mono'; font-style: normal; font-weight: 400; src: local('Roboto Mono'), local('RobotoMono-Regular'), url('Fonts/Roboto Mono.woff2') format('woff2'); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;}[/style]
Roboto Mono
- Android KG
[style]@font-face {font-family: 'Android'; src: url('Fonts/Android KG.ttf')}[/style]
Android KG
- SNES by Westral Fonts
[style]@font-face {font-family: 'SNES'; src: url('Fonts/SNES Italic.ttf')}[/style]
SUPER NINTENDO
- Slim Play by Westral Fonts
[style]@font-face {font-family: 'Slim Play'; src: url('Fonts/Slim Play.ttf')}[/style]
PS3 PS4
- Nintender by Westral Fonts
[style]@font-face {font-family: 'Nintender'; src: url('Fonts/Nintender (WIP).ttf')}[/style]
Nintender
- EA Logo by Westral Fonts
[style]@font-face {font-family: 'EA Logo'; src: url('Fonts/EA Logo.ttf')}[/style]
EA
- Progress by Westral Fonts
[style]@font-face {font-family: 'Progress'; src: url('Fonts/Progress Bold Italic.ttf')}[/style]
PROGRESSIVE
- Cubic Game by Westral Fonts
[style]@font-face {font-family: 'Cubic Game'; src: url('Fonts/Cubic Game.ttf')}[/style]
CUBIC GAME
- Blue Players by Westral Fonts
[style]@font-face {font-family: 'Blue Players'; src: url('Fonts/Blue Players.ttf')}[/style]
PS2
- XBold by Westral Fonts
[style]@font-face {font-family: 'XBold'; src: url('Fonts/XBold.ttf')}[/style]
XBOX
- HTF Logo by Westral Fonts
[style]@font-face {font-family: 'HTF Logo'; src: url('Fonts/HTF Logo.ttf')}[/style]
HAPPY TREE FRIENDS
- Big Orange by Westral Fonts
[style]@font-face {font-family: 'Big Orange'; src: url('Fonts/Big Orange.ttf')}[/style]
BIG ORANGE
- NES Logo by Westral Fonts
[style]@font-face {font-family: 'NES Logo'; src: url('Fonts/NES-Logo.ttf')}[/style]
NES
- MTV by Westral Fonts
[style]@font-face {font-family: 'MTV'; src: url('Fonts/MTV.ttf')}[/style]
MTV
- YG Edged by Westral Fonts
[style]@font-face {font-family: 'YG Edged'; src: url('Fonts/YG Edged.ttf')}[/style]
YG Edged
- Ross by Westral Fonts
[style]@font-face {font-family: 'Ross'; src: url('Fonts/Ross.ttf')}[/style]
ROSS
- Har Filled Nights by Westral Fonts
[style]@font-face {font-family: 'Har Filled Nights'; src: url('Fonts/Har Filled Nights Bold.ttf')}[/style]
HAR HAR HAR
- Jet Bradley by Westral Fonts
[style]@font-face {font-family: 'Jet Bradley'; src: url('Fonts/Jet-Bradley.ttf')}[/style]
Jet Bradley
- Broderbund Old by Westral Fonts
[style]@font-face {font-family: 'Broderbund'; src: url('Fonts/Broderbund Old Bold.ttf')}[/style]
Broderbund
- PP-Kant by Westral Fonts
[style]@font-face {font-family: 'PP-Kant'; src: url('Fonts/PP-Kant.ttf')}[/style]
TOONAMI 2004
- History by Westral Fonts
[style]@font-face {font-family: 'History'; src: url('Fonts/History.ttf')}[/style]
History
- 629Toonami by Westral Fonts
[style]@font-face {font-family: 'Too-nami'; src: url('Fonts/629Toonami.ttf')}[/style]
629 TOONAMI
- BBC II! by Westral Fonts
[style]@font-face {font-family: 'BBC'; src: url('Fonts/BBC II!.ttf')}[/style]
BBC II!
- EMEN Lowercase by Westral Fonts
[style]@font-face {font-family: 'EMEN Lowercase'; src: url('Fonts/EMEN Lowercase.ttf')}[/style]
EMEN Lowercase
- DLE Comic Lowercase by Westral Fonts
[style]@font-face {font-family: 'DLE Comic Lowercase'; src: url('Fonts/DLE Comic Lowercase.ttf')}[/style]
DLE Comic Lowercase
- HP Slant by Westral Fonts
[style]@font-face {font-family: 'HP Slant'; src: url('Fonts/HP-Slant.ttf')}[/style]
HP Slant
- Toonami 99 by Westral Fonts
[style]@font-face {font-family: 'Toonami'; src: url('Fonts/Toonami 99.ttf')}[/style]
Toonami 99
- G4 2004 by Westral Fonts
[style]@font-face {font-family: 'G4'; src: url('Fonts/G4 2004.ttf')}[/style]
G4 2004
- God of War
[style]@font-face {font-family: 'GodOfWarRussian'; src: url('attachment.php?attachmentid=16628')}[/style]
God of War: Восхождение
Несколько сервисов по распознаванию шрифтов с картинок: 1 2 3 Расширение
Последний раз редактировалось ErikPshat; 13.08.2019 в 09:56.
|