Красивый текст в вашем сообщении

BBCode — это специальный вариант HTML
С помощью BBcode - вы сможете отформатировать текст в сообщении, вставить видео, картинки и многое другое.
Аватара пользователя
CabinetAdmin

Красивый текст в вашем сообщении

CabinetAdmin 25 ноя 2012, 19:08 Сообщение

Для создания текста с красивым нестандартным шрифтом, будем использовать шрифты от google. Всё очень просто и понятно.

Для начала на 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.

Использование BBCode:

Код: Выделить всё

[text]{TEXT}[/text]


Замена HTML:

Код: Выделить всё

<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]


Замена HTML:

Код: Выделить всё

<font size="{NUMBER}" style="font-family: Lobster; line-height: 1.4em;">{TEXT}</font>


Подсказка:

Код: Выделить всё

[text=Размер шрифта]Красивый текст[/text]
Последний раз редактировалось CabinetAdmin 27 ноя 2012, 18:51, всего редактировалось 1 раз.
Причина: Изменена "Замена HTML"
Создать форум бесплатно на http://luckbb.ru/
Хочешь поблагодарить? Есть способы Поддержать проект

Аватара пользователя
Ангелочек

Re: Красивый текст в вашем сообщении

Ангелочек 25 ноя 2012, 19:41 Сообщение

У меня чего то не отображается, и один и второй способ пробовала ни фига не изменилось :(
... Я Ангел только крылья в стирке и нимб на подзарядке ....
http://forymo4ek.ru/

Аватара пользователя
CabinetAdmin

Re: Красивый текст в вашем сообщении

CabinetAdmin 25 ноя 2012, 20:12 Сообщение

Ангелочек
Ну, я не знаю, я перед тем как написал опробовал. Что-то ты делаешь не так.
Создать форум бесплатно на http://luckbb.ru/
Хочешь поблагодарить? Есть способы Поддержать проект

Аватара пользователя
Ангелочек

Re: Красивый текст в вашем сообщении

Ангелочек 26 ноя 2012, 21:31 Сообщение

CabinetAdmin, еще раз удалила и сделала заново и все получилось, ура :Yahoo!: Спасибочки, огромные за такую клевый ввкод :Rose:
... Я Ангел только крылья в стирке и нимб на подзарядке ....
http://forymo4ek.ru/

Аватара пользователя
Ангелочек

Re: Красивый текст в вашем сообщении

Ангелочек 26 ноя 2012, 21:46 Сообщение

когда текст маленького размера тогда все, ок, а когда ставлю хотя бы 5 то нижние палочки и т.д. букв не видны, воть пример:
Изображение
может другой шрифт просто выбрать? :sorry:
... Я Ангел только крылья в стирке и нимб на подзарядке ....
http://forymo4ek.ru/

Аватара пользователя
CabinetAdmin

Re: Красивый текст в вашем сообщении

CabinetAdmin 27 ноя 2012, 14:04 Сообщение

А посмотреть где нибудь можно? У меня закрадывается такое очучение, что это не из-за шрифта.

Если то, что на главной, то у меня нормально отображается, даже при 6px.
Создать форум бесплатно на http://luckbb.ru/
Хочешь поблагодарить? Есть способы Поддержать проект

Аватара пользователя
Ангелочек

Re: Красивый текст в вашем сообщении

Ангелочек 27 ноя 2012, 16:25 Сообщение

CabinetAdmin писал(а):А посмотреть где нибудь можно?


ну у меня на форуме, нужно зарегистрироваться тогда :pardon: В окне сообщения можно потестить при предпросмотре оно так отображается тоже
CabinetAdmin писал(а):У меня закрадывается такое очучение, что это не из-за шрифта.

а из за чего?
CabinetAdmin писал(а):Если то, что на главной, то у меня нормально отображается, даже при 6px.

:sorry: там установлен шрифт размером 3рх
... Я Ангел только крылья в стирке и нимб на подзарядке ....
http://forymo4ek.ru/

Аватара пользователя
Ангелочек

Re: Красивый текст в вашем сообщении

Ангелочек 27 ноя 2012, 16:26 Сообщение

CabinetAdmin писал(а):А посмотреть где нибудь можно?


ну у меня на форуме, нужно зарегистрироваться тогда :pardon: В окне сообщения можно потестить при предпросмотре оно так отображается тоже
CabinetAdmin писал(а):У меня закрадывается такое очучение, что это не из-за шрифта.

а из за чего?
CabinetAdmin писал(а):Если то, что на главной, то у меня нормально отображается, даже при 6px.

:sorry: там установлен шрифт размером 3рх. больше не стала ставить вдруг не отобразиться, а вот в сообщении ставить больше 5 и сразу внизу не видно палочек букв
... Я Ангел только крылья в стирке и нимб на подзарядке ....
http://forymo4ek.ru/

Аватара пользователя
CabinetAdmin

Re: Красивый текст в вашем сообщении

CabinetAdmin 27 ноя 2012, 18:48 Сообщение

Ангелочек писал(а):ну у меня на форуме, нужно зарегистрироваться тогда

Да нет, не обязательно, я попробовал, действительно обрезает.
Не понятно, вроде прописан межстрочный интервал (line-height) в css, но он почему-то не работает к этому тексту... Поэтому добавим его к тексту и всё должно будет работать правильно.
Замени на:

Код: Выделить всё

<font size="{NUMBER}" style="font-family: Lobster; line-height: 1.4em;">{TEXT}</font>
Создать форум бесплатно на http://luckbb.ru/
Хочешь поблагодарить? Есть способы Поддержать проект

Аватара пользователя
Ангелочек

Re: Красивый текст в вашем сообщении

Ангелочек 27 ноя 2012, 19:13 Сообщение

Исправила теперь не обрезаетИзображение, спасибочки Изображение

А еще хотела спросить: в опере это шрифт выглядит совсем по другому, это у всех так?
... Я Ангел только крылья в стирке и нимб на подзарядке ....
http://forymo4ek.ru/

Аватара пользователя
CabinetAdmin

Re: Красивый текст в вашем сообщении

CabinetAdmin 27 ноя 2012, 19:23 Сообщение

Ангелочек писал(а):в опере это шрифт выглядит совсем по другому, это у всех так?

Нет, у меня так же отображается, и в опере, и в мозилле, и в хроме. У меня только IE его не отображает, почему-то...
Создать форум бесплатно на http://luckbb.ru/
Хочешь поблагодарить? Есть способы Поддержать проект

Аватара пользователя
Ангелочек

Re: Красивый текст в вашем сообщении

Ангелочек 27 ноя 2012, 19:43 Сообщение

Понятненько спасибки за ответ
... Я Ангел только крылья в стирке и нимб на подзарядке ....
http://forymo4ek.ru/

Аватара пользователя
silver073000

Re: Красивый текст в вашем сообщении

silver073000 22 июн 2013, 15:40 Сообщение

Это пример для одного вида шрифта, я так понял? А можно ли объединить два и более вида, например, lobster и Comic Sans MS?

Аватара пользователя
CabinetAdmin

Re: Красивый текст в вашем сообщении

CabinetAdmin 22 июн 2013, 16:34 Сообщение

Типа такого?
Изображение
Создать форум бесплатно на http://luckbb.ru/
Хочешь поблагодарить? Есть способы Поддержать проект

Аватара пользователя
silver073000

Re: Красивый текст в вашем сообщении

silver073000 22 июн 2013, 19:01 Сообщение

Можно и так :) Где-то видел описание, как установить такой выбор шрифтов, но вроде бы там говорилось, что эти шрифты должны быть установлены в операционной системе. Или тут тоже можно подключать шрифты от google? :)



Похожие темы

Вернуться в «Пользовательские BBCode для phpBB»

Кто сейчас на конференции

Сейчас этот форум просматривают: нет зарегистрированных пользователей и 1 гость