Alex39 ®
Стаж: 11 лет Сообщений: 415 Откуда: Украина, Одесса
-Инструкция по 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] -
|
|