Для создания текста с красивым нестандартным шрифтом, будем использовать шрифты от 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]
Последний раз редактировалось CabinetAdmin 27 ноя 2012, 18:51, всего редактировалось 1 раз.
Причина: Изменена "Замена HTML"
Причина: Изменена "Замена HTML"
Комментарии: 46
Похожие темы
-
Приветствую!
Можно как то соорудить для phpBB Тег ?
То есть сделать в виде ббкода на подобии комментария HTML тега для сообщений, чтобы в сообщениях...