Регистрация ·
Имя: Пароль:  
· Забыли пароль?
 



FAQ по BB-code или секрет красивого оформления

Ответить на тему
 
Автор Сообщение

Brat904 ®

Стаж: 8 лет 4 месяца

Сообщений: 2297

Откуда: Тольятти

Пост 12-Апр-2013 22:08

[Цитировать]

-Инструкция по BB-code или секрет красивого оформления-В статье описываются возможности BB-code, доступные на этом форуме. Каждый из разделов статьи раскрывает определенный аспект предоставляемых форумом средств оформления ваших сообщений. Как правило, раздел начинается с примера, после чего представлен текстовый код с помощью которого был создан пример.-Оглавление:
1. Вступление
2. Стили текста
3. Чередование и смешение тегов
4. Работа с цветом, размером и шрифтами
5. Цитаты и Тень
6. Спойлеры
7. Выравнивание текста, переводы строк и линии
8. Работа со ссылками
9. Работа с изображениями
-1. Вступление.

Немного о BB-коде

BB-code (далее бб-код) - специальный язык разметки, с помощью которого на форуме создается оформление текста в сообщениях.
ББ-код основан на тегах, которые представляют из себя специальные слова, заключенные в символы "[" и "]". Теги бывают парные - в таком случае требуется открывающий тег вида [тег] , так и закрывающий, который представляет из себя имя открывающего с добавлением косой черты: [/тег]. Непарные теги не требуют закрывающего.
Часть тегов можно добавлять автоматически используя кнопки интерфейса.- -Однако часть в виде кнопок не присутствует, и их нужно писать вручную.
-2. Стили текста.

Стили

Жирный
Курсив
Подчеркнутый
зачеркнутый
Код:
[b]Жирный[/b]
[i]Курсив[/i]
[u]Подчеркнутый[/u]
[s]зачеркнутый[/s]
-3. Чередование и смешение тегов.

3. Чередование и смешение тегов

Теги можно смешивать.
Жирный текст, внутри которого подчеркнутое слово, курсив и зачеркнутое слово
Код:
[b]Жирный текст, внутри которого [u]подчеркнутое слово[/u], [i]курсив[/i] и [s]зачеркнутое слово[/s][/b]
Внимание! Ошибкой является неверное размещение тегов, когда закрытие вложенного тега находится после закрытия внешнего тега, пример:
Не верно-
Код:
[b]Жирный текст, внутри которого [u]подчеркнутое слово[/u], [i]курсив[/i] и [s]зачеркнутое слово[/b][/s]
-верно
Код:
[b]Жирный текст, внутри которого [u]подчеркнутое слово[/u], [i]курсив[/i] и [s]зачеркнутое слово[/s][/b]
верно
-4. Работа с цветом, размером и шрифтами.

4. Работа с цветом, размером и шрифтами

За цвет отвечает тег color.
Пример:
Красный
Синий
Индиго
Код:
[color=red]Красный[/color]
[color=blue]Синий[/color]
[color=indigo]Индиго[/color]

Таблица «безопасных» цветов

Безопасными цветами называют те цвета, которые одинаково отображаются во всех браузерах.
Для создания сложных ресурсов с уникальным дизайном этих цветов мало. Для получения любого другого оттенка применяются комбинации RGB(red-green-blue)-значений цвета, записанные в шестнадцатиричном формате. Приведенные ниже цвета также считаются "безопасными" (browser-safe).
Таблица цветов интернета для сайта.
Существуют несколько основных способов представления цветов в вебе.
1.В виде #123ABC. Представление в виде трёх пар шестнадцатеричных цифр, где каждая пара отвечает за свой цвет:
две первые цифры — красный
две в середине — зелёный
две последние цифры — синий
Возможно также краткое представление цвета в виде #ABC, что будет интерпретировано как #AABBCC.

Мы используем значения из колонки таблицы - КОД или ЦВЕТ

-Таблица цветов-Пример:
Наступило лето
Код:
[color=tomato]Наступило лето[/color] или [color=#ff6347]Наступило лето[/color]
-Размер шрифта:
Маленький размер (размер 10)
Размер побольше (размер 16)
А этот для заголовков (размер 24)
Код:
[size=10]Маленький размер (размер 10)[/size]
[size=16]Размер побольше (размер 16)[/size]
[size=24]А этот для заголовков (размер 24)[/size]
-Шрифты (используйте интерфейс):
Шрифт: Tahoma
Шрифт: Cursive
Шрифт: Monospace
Код:
[font="Tahoma"]Шрифт: Tahoma[/font]
[font="cursive"]Шрифт: Cursive[/font]
[font="monospace"]Шрифт: Monospace[/font]
-5. Цитаты.

5. Цитаты и Тень

Цитата:

Цитата и Тень
Автор писал(а):

Цитата с указанием автора
Код:
[quote]Цитата и Тень[/quote]
[quote="Автор"]Цитата с указанием автора[/quote]
Тень:
Тень
Тень в цвете
Код:
[sh]Тень[/sh]
[sh][color=blue]Тень в цвете[/color][/sh]
-6. Спойлеры.

Виды спойлеров

Ваше содержимое

Спойлер с заголовком

Ваше содержимое
Код:
[spoiler]Ваше содержимое[/spoiler]
[spoiler="Спойлер с заголовком"]Ваше содержимое[/spoiler]
-7. Выравнивание текста.

Выравнивание текста

За выравнивание отвечает тег align.ВлевоВправоПо центру
Код:
[align=left]Влево[/align]
[align=right]Вправо[/align]
[align=center]По центру[/align]
-8. Работа со ссылками.

Работа со ссылками

Ссылки делаются так:
При нажатии на текст переходим по заданной нами ссылке.
Сталкер Онлайн
Код:
[url=http://stalker-sgsc.zz.mu/]Сталкер Онлайн[/url]
Адрес электронной почты можно разместить при помощи тега email:
noreply@torrent-tv.ru
Код:
[email]noreply@torrent-tv.ru[/email]
-9. Работа с изображениями.

Работа с изображениями

Как пользоваться Галереей?

- Все изображения на Торрент-трекере заливать в Галерею-Запрещено в раздачах или сообщениях выкладывать изображения размером более 900х800 !!!-Если ваше загружаемое изображение в Галерею превышает любой из размеров (900 или 800), то пользуемся превью.- -
-

Выравнивание изображений

За изображения отвечает тег img, внутри которого должен быть размещен URL адрес изображения.-Это мы берем из Галереи после загрузки своего изображения.
Код:
[img]http://gallery-torrent.zz.mu/images/2013/05/16/lznB0.png[/img]
-В раздачах постеры можно размещать более интересным образом, нежели просто справа(как это делает шаблон оформления):-1) Картинка справа от текста- Атакующая птица
Код:
[img=right]http://gallery-torrent.zz.mu/images/2013/05/16/lznB0.png[/img]
[size=20][color=blue][b][font="Courier"]Атакующая птица[/font][/b][/color][/size]
-2) Картинка слева от текста- Атакующая птица
Код:
[img=left]http://gallery-torrent.zz.mu/images/2013/05/16/lznB0.png[/img]
[size=20][color=blue][b][font="Courier"]Атакующая птица[/font][/b][/color][/size]
-3) Текст между картинками и выровненный по центру.- Атакующая птица
Код:
[img=right]http://gallery-torrent.zz.mu/images/2013/05/16/lznB0.png[/img]
[img=left]http://gallery-torrent.zz.mu/images/2013/05/16/lznB0.png[/img]
[align=center][size=20][color=blue][b][font="Courier"]Атакующая птица[/font][/b][/color][/size][/align]
-4) Картинка слева, по центру, справа ( Текст в данных случаях можно писать только выше или ниже картинки)-
Код:
[align=left][img]http://gallery-torrent.zz.mu/images/2013/05/16/lznB0.png[/img][/align]
-
Код:
[align=center][img]http://gallery-torrent.zz.mu/images/2013/05/16/lznB0.png[/img][/align]
-
Код:
[align=right][img]http://gallery-torrent.zz.mu/images/2013/05/16/lznB0.png[/img][/align]
-
Вне форума
[Профиль] [ЛС]
Показать сообщения:    
Ответить на тему

Текущее время: Сегодня 14:43

Часовой пояс: GMT + 3



Вы не можете начинать темы
Вы не можете отвечать на сообщения
Вы не можете редактировать свои сообщения
Вы не можете удалять свои сообщения
Вы не можете голосовать в опросах
Вы не можете прикреплять файлы к сообщениям
Вы не можете скачивать файлы