Для создания текста с красивым нестандартным шрифтом, будем использовать шрифты от 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"
Комментарии: 46

CabinetAdmin 22 июн 2013, 21:18 Сообщение

Вроде на форуме поддержки видел... Ага, вот BBCode Выбор шрифта

Можно и от гугла использовать, здесь как раз описан такой способ. При создании bbcode в перечислении шрифтов:

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

<option value="Georgia">Georgia</option>
можно указать гугловсие шрифты:

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

<option value="Lobster">Lobster</option>
Или если даже не указать, а просто в ручную набрать, то всё равно будет работать:

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

[font=Lobster]Красивый текст[/font]
Пример:
Красивый текст
  • 0
Хочешь поблагодарить? Есть способы: заходи на форум, создавай темы, делись опытом и наработками, общайся!

silver073000Василий 22 июн 2013, 23:49 Сообщение

Всё прекрасно получилось :) Благодарствую :)
  • 0

Uzanka 15 апр 2014, 00:17 Сообщение

CabinetAdmin
у меня такая проблема было с установкой шрифтов. Я попробовала сделать вторым описанным способом, но в ИЕ они не отображались. В Гугль Хроме нормально работало.

И тут я на другом ресурсе увидела вот такое вот

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

@font-face {
  font-family: 'Lobster';
  font-style: normal;
  font-weight: 400;
  src: local('Lobster'), url(http://themes.googleusercontent.com/static/fonts/lobster/v5/eTuGRSa_BjFL9g1rRLWFig.woff) format('woff');
}
установила себе в стилевой файл и всё стало работать даже в ИЕ. Скажите, так можно? я не сильно себе что-то испортила на форуме? страшно как-то :oops:
  • 0
Форум Science-Леди www.scienceclub.listbb.ru

CabinetAdmin 15 апр 2014, 15:05 Сообщение

Можно конечно:)
  • 0
Хочешь поблагодарить? Есть способы: заходи на форум, создавай темы, делись опытом и наработками, общайся!

silver073000Василий 06 ноя 2015, 20:26 Сообщение

А можно как-то "выбиралку" шрифтов прикрутить к новой версии phpbb? :)
  • 0

eska 06 ноя 2015, 20:41 Сообщение

silver073000 писал(а): А можно как-то "выбиралку" шрифтов прикрутить к новой версии phpbb?
Я в своё время хотел прикрутить красивые картинки к описаниям форума, один СЭОшник меня отговорил, теперь я понимаю почему. Не нужно Загружать письменную часть форума различными ббкодами или шрифтами, поисковики нас и так редко индексируют, зачем им мешать?
  • 0

silver073000Василий 06 ноя 2015, 20:49 Сообщение

Да я как-то за посещениями поисковиков особо и не гоняюсь :) У меня игровой форум и чего-то ценного там нет. Больше просто для общения и развлечений он. Ну а шрифт иногда и приходится менять. А вручную его прописывать не всегда удобно.
  • 0

eska 06 ноя 2015, 21:06 Сообщение

Скорее всего это просто отдельные сообщения, то проще ББкоды изобрести.
  • 0

CabinetAdmin 07 ноя 2015, 10:08 Сообщение

silver073000 писал(а): А можно
Можно. Можно соорудить расширение (если там есть нужные события), а можно прямо в шаблоне подправить.
Примерно так.

В шаблоне posting_buttons.html, после любого ббкода (можно просто перед <!-- BEGIN custom_tags -->) добавляем:

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

	<ul class="bbcode-responsive">
		<li class="responsive-menu dropdown-container">
			<a href="#" class="button2 dropdown-trigger dropdown-toggle" title="{L_BBCODE_F_HELP}">Шрифт</a>
			<div class="dropdown hidden">
				<div class="pointer"><div class="pointer-inner"></div></div>
				<ul class="dropdown-contents dropdown-nonscroll">
					<li><a href="#" onclick="bbfontstyle('[font=Arial]', '[/font]'); return false;" style="font-family: Arial;">Arial</a></li>
					<li><a href="#" onclick="bbfontstyle('[font=Arial Black]', '[/font]'); return false;" style="font-family: Arial Black;">Arial Black</a></li>
					<li><a href="#" onclick="bbfontstyle('[font=Arial Narrow]', '[/font]'); return false;" style="font-family: Arial Narrow;">Arial Narrow</a></li>
					<li><a href="#" onclick="bbfontstyle('[font=Book Antiqua]', '[/font]'); return false;" style="font-family: Book Antiqua;">Book Antiqua</a></li>
					<li><a href="#" onclick="bbfontstyle('[font=Comic Sans Ms]', '[/font]'); return false;" style="font-family: Comic Sans Ms;">Comic Sans Ms</a></li>
					<li><a href="#" onclick="bbfontstyle('[font=Courier New]', '[/font]'); return false;" style="font-family: Courier New;">Courier New</a></li>
					<li><a href="#" onclick="bbfontstyle('[font=Fixedsys]', '[/font]'); return false;" style="font-family: Fixedsys;">Fixedsys</a></li>
					<li><a href="#" onclick="bbfontstyle('[font=Franklin Gothic Medium]', '[/font]'); return false;" style="font-family: Franklin Gothic Medium;">Franklin Gothic Medium</a>
					<li><a href="#" onclick="bbfontstyle('[font=Garamond]', '[/font]'); return false;" style="font-family: Garamond;">Garamond</a></li>
					<li><a href="#" onclick="bbfontstyle('[font=Georgia]', '[/font]'); return false;" style="font-family: Georgia;">Georgia</a></li>
				</ul>
			</div>
		</li>
	</ul>
Это всё безопасные шрифты, если какие-то не нужны, можно их удалить, либо заменить на свои, например от гугла.

Далее в файле forms.css перед /* Topic and forum Search */ добавляем:

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

/* Responsive bbcode */
.bbcode-responsive {
	display: inline-block;
	list-style: none;
	margin-left: 4px;
	vertical-align: middle;
}

.bbcode-responsive a.button2 {
	padding-top: 1px;
	padding-bottom: 1px;
}

Ах да, ещё нужно ббкод добавить:

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

[font={SIMPLETEXT}]{TEXT}[/font]
Замена:

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

<span style="font-family:{SIMPLETEXT};">{TEXT}</span>
Не тестировал, но вроде должно работать без проблем.
  • 1
Хочешь поблагодарить? Есть способы: заходи на форум, создавай темы, делись опытом и наработками, общайся!

silver073000Василий 07 ноя 2015, 12:28 Сообщение

Получилось, но как-бы наполовину, если так выразиться :milo: В стандартном ответе есть кнопка, а в Быстром ответе нет :) И плюс в стандартном ответе смайлы перестали выбираться. В БО нормально всё. Стоит Subsilver3.1, обновлённый до 3.1.6. Код вставлен перед последним <!-- BEGIN custom_tags -->
+Шаблон posting_buttons.html
  • 0

CabinetAdmin 07 ноя 2015, 18:56 Сообщение

Привычка, блин, ставить шрифт в кавычки... Поправил код ббкода.
silver073000 писал(а): в Быстром ответе
Это нужно вносить изменения в файлы расширения. Я точно не знаю как в последней версии, здесь у меня стоит ещё первая версия от Татьяны, новая мне категорически не нравится, там используется файл с таким же содержимым - quickreply_editor_message_before.html.
  • 0
Хочешь поблагодарить? Есть способы: заходи на форум, создавай темы, делись опытом и наработками, общайся!

staiki 07 ноя 2015, 20:08 Сообщение

CabinetAdmin, на мой стиль правка выше пойдёт или нет?
  • 0
http://staiki.net/ Форум Компьютерной Помощи :Bravo:

CabinetAdmin 07 ноя 2015, 21:10 Сообщение

На сам стиль пойдёт, а на то расширение с ббкодами нет.
  • 0
Хочешь поблагодарить? Есть способы: заходи на форум, создавай темы, делись опытом и наработками, общайся!

silver073000Василий 08 ноя 2015, 11:39 Сообщение

Вот как раз к правке файлов расширений доступа и нет :( А можно каким-то другим способом прикрутить это или же только правка файлов нужна?
  • 0

CabinetAdmin 08 ноя 2015, 16:55 Сообщение

Ну, если сервис других вариантов не предоставляет, тогда больше никак...

зы. У меня есть тестовый форум на гетбб, теперь он тоже на новой версии... Заглянул, поглазел, нашёл там на вкладке Хостинг - Вставки кода. И там, вроде как, можно создавать свои файлы с содержимым, но чего-то как-то никак... Никакого эффекта не произошло... Хотя в расширении есть подходящие события, например:

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

<!-- EVENT ext_quickreply_editor_buttons_custom_tags_before -->
Или может быть это работает только с событиями основного стиля, без расширений?... Фиг его знает...
  • 0
Хочешь поблагодарить? Есть способы: заходи на форум, создавай темы, делись опытом и наработками, общайся!

Похожие темы