|
Stalker ®
Пол:  Стаж: 11 лет Сообщений: 399 Откуда: Украина, Одесса
|
-Инструкция по 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]
Тень:
Тень
Тень в цвете
Тень
[color=blue]Тень в цвете[/color]
-6. Спойлеры.
Виды спойлеров
Спойлер с заголовком
Ваше содержимое
[spoiler]Ваше содержимое[/spoiler]
[spoiler="Спойлер с заголовком"]Ваше содержимое[/spoiler]
-7. Выравнивание текста.
Выравнивание текста
За выравнивание отвечает тег align. ВлевоВправоПо центру
[align=left]Влево[/align]
[align=right]Вправо[/align]
[align=center]По центру[/align]
-8. Работа со ссылками.
Работа со ссылками
Ссылки делаются так:
При нажатии на текст переходим по заданной нами ссылке.
Сталкер Онлайн
[url=https://stalker-sgsc.zz.mu/]Сталкер Онлайн[/url]
Адрес электронной почты можно разместить при помощи тега email:
noreply@torrent-tv.ru
[email]noreply@torrent-tv.ru[/email]
-9. Работа с изображениями.
Работа с изображениями
Как пользоваться Галереей?
- Все изображения на Торрент-трекере заливать в Галерею-Запрещено в раздачах или сообщениях выкладывать изображения размером более 900х800 !!!-Если ваше загружаемое изображение в Галерею превышает любой из размеров (900 или 800), то пользуемся превью.-
-
-
Выравнивание изображений
За изображения отвечает тег img, внутри которого должен быть размещен URL адрес изображения.-Это мы берем из Галереи после загрузки своего изображения.
[img]https://gallery-torrent.zz.mu/images/2013/05/16/lznB0.png[/img]
-В раздачах постеры можно размещать более интересным образом, нежели просто справа(как это делает шаблон оформления):-1) Картинка справа от текста-
Атакующая птица
[img=right]https://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]https://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]https://gallery-torrent.zz.mu/images/2013/05/16/lznB0.png[/img]
[img=left]https://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]https://gallery-torrent.zz.mu/images/2013/05/16/lznB0.png[/img][/align]
-
[align=center][img]https://gallery-torrent.zz.mu/images/2013/05/16/lznB0.png[/img][/align]
-
[align=right][img]https://gallery-torrent.zz.mu/images/2013/05/16/lznB0.png[/img][/align]
-
|
|
|
![[Цитировать]](./styles/templates/default/images/lang/ru/icon_quote.gif "Ответить с цитатой"){kind=icon}
![[Профиль]](./styles/templates/default/images/lang/ru/icon_profile.gif "Посмотреть профиль"){kind=icon}
![[ЛС]](./styles/templates/default/images/lang/ru/icon_pm.gif "Отправить ЛС"){kind=icon}