Красивый текст в вашем сообщении
Добавлено: 25 ноя 2012, 19:08
Для создания текста с красивым нестандартным шрифтом, будем использовать шрифты от google. Всё очень просто и понятно.
Для начала на google выбираем интересующие нас шрифты. Нас интересуют шрифты поддерживающие кириллицу, значит в боковой панели выбираем -
Например, мы выбрали шрифт Lobster, такой же который используется в названии форума в шапке, кликаем по
Теперь нам нужно подключить эти шрифты, на выбор нам даётся три способа. Нам будет интересны первые два.
Первый способ.
Открываем шаблон
Второй способ.
В тему стиля добавляем:
Теперь создаём BBCode.
Использование BBCode:
Замена HTML:
Подсказка:
Для изменения размера шрифта непосредственно в BBCode.
Использование BBCode:
Замена HTML:
Подсказка:
Для начала на google выбираем интересующие нас шрифты. Нас интересуют шрифты поддерживающие кириллицу, значит в боковой панели выбираем -
Cyrillic
.Например, мы выбрали шрифт Lobster, такой же который используется в названии форума в шапке, кликаем по
Quick-use
.Теперь нам нужно подключить эти шрифты, на выбор нам даётся три способа. Нам будет интересны первые два.
Первый способ.
Открываем шаблон
overall_header.html
, перед закрывающим тегом </head>
ставим:
Код: Выделить всё
<link href='http://fonts.googleapis.com/css?family=Lobster' rel='stylesheet' type='text/css'>
В тему стиля добавляем:
Код: Выделить всё
@import url(http://fonts.googleapis.com/css?family=Lobster);
Использование BBCode:
Код: Выделить всё
[text]{TEXT}[/text]
Код: Выделить всё
<font size="3" style="font-family: Lobster; line-height: 1.4em;">{TEXT}</font>
Код: Выделить всё
Красивый текст
- Средний размер, используемый по умолчанию принят 3. На размер шрифта влияет не только заданный атрибут size, но и выбор гарнитуры шрифта. Так, шрифт Arial выглядит крупнее, чем шрифт Times, а шрифт Verdana чуть больше шрифта Arial. Учитывайте эту особенность при выборе шрифта и его размеров.
Для изменения размера шрифта непосредственно в BBCode.
Использование BBCode:
Код: Выделить всё
[text={NUMBER}]{TEXT}[/text]
Код: Выделить всё
<font size="{NUMBER}" style="font-family: Lobster; line-height: 1.4em;">{TEXT}</font>
Код: Выделить всё
[text=Размер шрифта]Красивый текст[/text]