Loading...
Error

Руководство по BB-code

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

Graved

Стаж: 16 лет

Сообщений: 2170

Откуда: Outer asteroid belt

Провайдер: Не определен

Пол: Otoko (M)

Он-лайн: Нет

Карма: +0.96

1. Начнем с выравнивания текста по экрану.

Здесь все очень просто. Для выравнивания текста существует тег [align][/align]

Код:

[align=left]Текст будет смещен влево [/align]
[align=right]Текст будет смещен вправо [/align]
[align=center]Текст будет расположен по центру экрана[/align]
[align=justify]Текст будет выравнен по ширине экрана. Выравнивание будет заметно, только если текст, заключенный в данный тэг достаточно большой ширины. [/align]
Результатом выполнения данного кода будет следующее:

Цитата:

Текст будет смещен влево
Текст будет смещен вправо
Текст будет расположен по центру экрана
Текст будет выравнен по ширине экрана. Выравнивание будет заметно, только если текст, заключенный в данный тэг достаточно большой ширины.
Этот же способ можно использовать для выравнивания изображений по центру экрана. Например:

Код:

[align=center][img]ссылка на картинку[/img][/align]

2. Пошли дальше: Отступы текста
Здесь еще проще. Для оступа текста можно использовать тэг [ tab ] (пишется без пробелов!) Можно, чтобы его не писать многократно, при редактировании текста нажать клавишу Tab - и, опа!!, тэг появился сам-собой!

Код:

[tab][tab][tab][tab][tab][tab][tab]Смещенный текст
Не смещенный текст
Результат:

Цитата:

              Смещенный текст
Не смещенный текст
Каждый тэг [ tab ] смещает слово на две позиции.
3. Цвет шрифта (Радуга на экране).

Здесь тоже ничего сложного. Если Вы наблюдательны, то должны были заметить, что при редактировании текста в свойствах есть выпадающий список с небольшим набором цветов. Как то: красный=red, зеленый=green и т.д.
НО! Там еще есть цвета, которых в стандартной палитре цветов нет! А именно "Оранжевый" и "Темно-голубой". И если присмотреться к коду, который получается при выборе данных цветов, то можно увидеть, что эти цвета обозначены 16-ричным кодом 996600 и 006699 соответственно!
А что нам мешает поступить также? Берем какой-нибудь приличный редактор, в котором можно просмотреть палитру цветов (Paint не подойдет!) или еще лучшее скачать программу, которая называется ColorPic. И нет границы Вашему воображению!
Например:

Код:

[color=#FF55D4]Вот такой будет цвет![/color]
Результат:

Цитата:

Вот такой будет цвет!

4. Как сделать несколько столбиков?

Вот мы и подошли к самому сложному. Вернее к самой мутороной части оформления раздач. Объяснять ничего не буду, скажу лишь одно - необходимо использовать шрифт Courier New, ибо только в нем все сивмолы одинаковы по ширине! Все остальное можно посмотреть в коде!

Предупреждаю - код не очень простой для чтения (я его использовал, чтобы сделать треклист музыкального диска):

Код:

[font="'Courier New'"]1. Вечер на рейде ................... [5:30] [tab][tab][tab][tab]11. Вот солдаты идут ................. [2:14]
[color=gray][size=10][tab][tab][b] Музыка[/b]: В.Соловьев-Седой [tab][tab][tab][tab][tab][tab][tab][tab][tab][tab][tab][tab][tab][tab][tab][tab][tab][tab][tab][b] Музыка[/b]: К.Молчанов
[tab][tab][b] Стихи[/b]: А.Чуркин[tab][tab][tab][tab][tab][tab][tab][tab][tab][tab][tab][tab][tab][tab][tab][tab][tab][tab][tab][tab][tab][tab][tab][tab][b]Стихи[/b]: М.Львовский
[tab][tab][b] Солирует[/b]: Н.Шамов[tab][tab][tab][tab][tab][tab][tab][tab][tab][tab][tab][tab][tab][tab][tab][tab][tab][tab][tab][tab][tab][tab][tab][b] Солирует[/b]: Н.Царевский [/size][/color]
[/font]
Результат всего этого извращения:

Цитата:

1. Вечер на рейде ................... [5:30]         11. Вот солдаты идут ................. [2:14]
    Музыка: В.Соловьев-Седой                                       Музыка: К.Молчанов
    Стихи: А.Чуркин                                                Стихи: М.Львовский
    Солирует: Н.Шамов                                              Солирует: Н.Царевский

5. Делаем скрытый текст.
Если нам надо что-нибудь скрыть используем тэг [spoiler ][ /spoiler] (пишется без пробелов!)

Код:

[spoiler]внутри текст или ссылка[/spoiler]
Результат:

Цитата:

скрытый текст
внутри текст или ссылка
Меняем название "скрытый текст" на наше.

Код:

[spoiler="картинки"]отсутствуют :([/spoiler]
Результат:

Цитата:

картинки
отсутствуют Sad
7. Создание списков:
маркированный список

Код:

[list]
[*]Красный
[*]Синий
[*]Жёлтый
[/list]
Результат:
  • Красный
  • Синий
  • Жёлтый
Нумированный список

Код:

[list=1]
[*]Пойти в магазин
[*]Купить новый компьютер
[*]Обругать компьютер, когда случится ошибка
[/list]
Результат:
  1. Пойти в магазин
  2. Купить новый компьютер
  3. Обругать компьютер, когда случится ошибка
алфавитный список

Код:

[list=a]
[*]Первый возможный ответ
[*]Второй возможный ответ
[*]Третий возможный ответ
[/list]
Результат:
  1. Первый возможный ответ
  2. Второй возможный ответ
  3. Третий возможный ответ
8. Ссылки на другой сайт и картинки с ссылкой:
базовое
посложнее

Код:

[url=http://www.yandex.ru/]Яндекс. Найдётся всё![/url]
Яндекс. Найдётся всё!
ссылка на почту

Код:

[email]name@domain.ru[/email]
name@domain.ru
Картинка с ссылкой

Код:

[url=http://forum.touki.ru][img]адрес картинки[/img][/url]
pic
9. Картинки:
просто картинка

Код:

[img]адрес картинки[/img]
Получаемpic
Картинка с выравниванием

Код:

[img=left]адрес картинки[/img]    [img=right]адрес картинки[/img]
pic
pic
Для релизеров:Пункт 9 очень полезен, ели вы хотите разместить обложку справа(или слева) от текста.
и бонус: на большинстве сайтов присутствует тег

Код:

[hr]
Он служит для создания горизонтальных линий



_________________
The blood of the covenant is thicker than the water of the womb.
I plan to live till I finish my backlog. Hopefully, before the heat death of the universe.
https://nick-name.ru/nickname/id365278


Последний раз редактировалось: Graved (2008-07-19 01:24), всего редактировалось 4 раз(а)
Profile PM

Daniel

Стаж: 17 лет

Сообщений: 443

Откуда: ВТ 24/7

Провайдер: Не определен

Пол: Otoko (M)

Он-лайн: Нет

Карма: +0.01

post 02-Сен-2008 01:50 (спустя 1 месяц 30 дней)
Кстати, для меня это руководство самое полезное имхо)

_________________
pic
Profile PM

Svoy

Стаж: 16 лет

Сообщений: 1150

Откуда: Russian Detroit

Провайдер: Не определен

Пол: Otoko (M)

Он-лайн: Нет

Карма: +0.17

post 17-Окт-2008 10:19 (спустя 1 месяц 15 дней)
а кто нибудь знает как выровнять абзац текста по картинке т.е. сделать вот так:
скрытый текст
pic
а то у меня чет только так получается:
скрытый текст
pic
Mad

_________________
pic
[Автозавод-team] [Claymore-фан] [Советский Тачикома]
http://vkontakte.ru/svoy83
Profile PM

Тюнс

Стаж: 16 лет

Сообщений: 1390

Провайдер: ВТ (IXNN)

Пол: Otoko (M)

Он-лайн: Нет

Карма: 0.00

post 17-Окт-2008 10:31 (спустя 12 минут)
юзай [image=left] + [_hr_]
Profile PM

Svoy

Стаж: 16 лет

Сообщений: 1150

Откуда: Russian Detroit

Провайдер: Не определен

Пол: Otoko (M)

Он-лайн: Нет

Карма: +0.17

post 17-Окт-2008 10:57 (спустя 25 минут)
а можно код для примера? А то тоже самое получается только с полоской

_________________
pic
[Автозавод-team] [Claymore-фан] [Советский Тачикома]
http://vkontakte.ru/svoy83
Profile PM

Ionian.Wind

Стаж: 17 лет

Сообщений: 892

Провайдер: Не определен

Пол: Otoko (M)

Он-лайн: Нет

Карма: +0.01

post 17-Окт-2008 11:14 (спустя 16 минут)
Svoy
поправил оформление

_________________
Profile PM

Тюнс

Стаж: 16 лет

Сообщений: 1390

Провайдер: ВТ (IXNN)

Пол: Otoko (M)

Он-лайн: Нет

Карма: 0.00

post 17-Окт-2008 11:16 (спустя 5 минут)
ну ты после главы 10ой введи [_hr_], тогда следующая надпись по идее должна идти уже после полоски, как и картинка.

pic
текст 1
текст 2
pic
текст 3
текст 4
мдя... Я думал полоска будет идти после картинки... Тогда хз, надо подумать...

А можно сделдать тогда много полосок=)

pic
текст 1
текст 2




pic
текст 3
текст 4
А чтобы еще по центру сделать, то можно после картинки добавлять:

pic


текст 1
текст 2

pic


текст 3
текст 4
Profile PM

Ionian.Wind

Стаж: 17 лет

Сообщений: 892

Провайдер: Не определен

Пол: Otoko (M)

Он-лайн: Нет

Карма: +0.01

post 17-Окт-2008 11:27 (спустя 7 минут)
Тюнс

Код:

[img=left]http://rock.ru/photo/img/74e7283597a772436924185cad3a4946.jpeg[/img]
[size=14]Бамбуковый Меч кендо[/size] [b]том 1[/b]
[b]Глава 1[/b] - Старшеклассница и бамбуковая метла
[b]Глава 2[/b] - Клуб пинг-понга и новые члены
[b]Глава 3[/b] - Кодзиро и то, что ему дорого
[b]Глава 4[/b] - Тояма и Иваса
[b]Глава 5[/b] - Тояма и ботинки
[b]Глава 6[/b] - Тояма и карбоновый синай
[b]Глава 7[/b] - Тояма и гордость
[b]Глава 8[/b] - Тамаки и Блэйдбрэйвер
[b]Глава 9[/b] - Кодзиро и день, когда он лишился синая
[b]Глава 10[/b] - Кодзиро и обэнто
[br][br][br]
[img=left]http://rock.ru/photo/img/23c9a1d3d30c8b95d168c7fab9a3271c.jpeg[/img]
[size=14]Бамбуковый Меч кендо[/size] [b]том 2[/b]
[b]Глава 11[/b] - Эйга и трагедия
[b]Глава 12[/b] - Сая и клуб кендо
[b]Глава 13[/b] - Мия-Мия и панголин
[b]Глава 14[/b] - Мия-Мия и необычная тренировка
[b]Глава 15[/b] - Сая и сигареты
[b]Глава 16[/b] - Сая и Тама-тян
[b]Глава 17[/b] - Стратегия против стратегии
[b]Глава 18[/b] - Школа Муроэ и школа Матидо
[b]Глава 19[/b] - Садизм и депрессия
[b]Глава 20[/b] - Сая и Нисияма
[br][br][br]
[img=left]http://rock.ru/photo/img/3d223d1f7ee18aaf6ced22ec515655d8.jpeg[/img]
[size=14]Бамбуковый Меч кендо[/size] [b]том 3[/b]
[b]Глава 21[/b] - Кирино и скрещенные мечи
[b]Глава 22[/b] - Большая и маленкая
[b]Глава 23[/b] - Тамаки и семпай
[b]Глава 24[/b] - Дом и клуб
[b]Глава 25[/b] - Тамаки и знак огня
[b]Глава 26[/b] - Жареный тунец и белый тунец
[b]Глава 27[/b] - Тамаки и работа
[b]Глава 28[/b] - Тамаки и пот
[b]Глава 29[/b] - Кодзиро и водоросли
[b]Глава 30[/b] - Кодзиро и перекрёсток судьбы
[br][br][br]
[img=left]http://forum.touki.ru/gallery/080920022237_f0.jpg[/img]
[size=14]Бамбуковый Меч кендо[/size] [b]том 4[/b]
[b]Глава 31[/b] - Кодзиро и новая цель
[b]Глава 32[/b] - Мия-Мия и Рейми
[b]Глава 33[/b] - Школа Муроэ и первое собрание
[b]Глава 34[/b] - Папа и Мама
[b]Глава 35[/b] - Рейми и парень Мии-Мии
и никакого геморроя

_________________
Profile PM

Тюнс

Стаж: 16 лет

Сообщений: 1390

Провайдер: ВТ (IXNN)

Пол: Otoko (M)

Он-лайн: Нет

Карма: 0.00

post 17-Окт-2008 11:56 (спустя 29 минут)
Ionian.Wind
так и думал, что не могу вспомнить тег, походий на hr, ток именно с разрывом=)
Profile PM

Svoy

Стаж: 16 лет

Сообщений: 1150

Откуда: Russian Detroit

Провайдер: Не определен

Пол: Otoko (M)

Он-лайн: Нет

Карма: +0.17

post 17-Окт-2008 16:29 (спустя 4 часа)
аригато всем за инфу =)

_________________
pic
[Автозавод-team] [Claymore-фан] [Советский Тачикома]
http://vkontakte.ru/svoy83
Profile PM

Graved

Стаж: 16 лет

Сообщений: 2170

Откуда: Outer asteroid belt

Провайдер: Не определен

Пол: Otoko (M)

Он-лайн: Нет

Карма: +0.96

post 17-Окт-2008 16:47 (спустя 18 минут)
А теперь можно ужать этот флуд?
Например:
если вы желаете, чтобы текст был отформатирован так:
скрытый текст
pic
то используйте несколько тегов
для разделения абзацев текста(количество тегов зависит от количества строк, которое не обходимо пропустить
пример

Код:

[img=left]http://rock.ru/photo/img/74e7283597a772436924185cad3a4946.jpeg[/img]
[size=14]Бамбуковый Меч кендо[/size] [b]том 1[/b]
[b]Глава 1[/b] - Старшеклассница и бамбуковая метла
[b]Глава 2[/b] - Клуб пинг-понга и новые члены
[b]Глава 3[/b] - Кодзиро и то, что ему дорого
[b]Глава 4[/b] - Тояма и Иваса
[b]Глава 5[/b] - Тояма и ботинки
[b]Глава 6[/b] - Тояма и карбоновый синай
[b]Глава 7[/b] - Тояма и гордость
[b]Глава 8[/b] - Тамаки и Блэйдбрэйвер
[b]Глава 9[/b] - Кодзиро и день, когда он лишился синая
[b]Глава 10[/b] - Кодзиро и обэнто
[br][br][br]
[img=left]http://rock.ru/photo/img/23c9a1d3d30c8b95d168c7fab9a3271c.jpeg[/img]
[size=14]Бамбуковый Меч кендо[/size] [b]том 2[/b]
[b]Глава 11[/b] - Эйга и трагедия
[b]Глава 12[/b] - Сая и клуб кендо
[b]Глава 13[/b] - Мия-Мия и панголин
[b]Глава 14[/b] - Мия-Мия и необычная тренировка
[b]Глава 15[/b] - Сая и сигареты
[b]Глава 16[/b] - Сая и Тама-тян
[b]Глава 17[/b] - Стратегия против стратегии
[b]Глава 18[/b] - Школа Муроэ и школа Матидо
[b]Глава 19[/b] - Садизм и депрессия
[b]Глава 20[/b] - Сая и Нисияма
[br][br][br]
[img=left]http://rock.ru/photo/img/3d223d1f7ee18aaf6ced22ec515655d8.jpeg[/img]
[size=14]Бамбуковый Меч кендо[/size] [b]том 3[/b]
[b]Глава 21[/b] - Кирино и скрещенные мечи
[b]Глава 22[/b] - Большая и маленкая
[b]Глава 23[/b] - Тамаки и семпай
[b]Глава 24[/b] - Дом и клуб
[b]Глава 25[/b] - Тамаки и знак огня
[b]Глава 26[/b] - Жареный тунец и белый тунец
[b]Глава 27[/b] - Тамаки и работа
[b]Глава 28[/b] - Тамаки и пот
[b]Глава 29[/b] - Кодзиро и водоросли
[b]Глава 30[/b] - Кодзиро и перекрёсток судьбы
[br][br][br]
[img=left]http://forum.touki.ru/gallery/080920022237_f0.jpg[/img]
[size=14]Бамбуковый Меч кендо[/size] [b]том 4[/b]
[b]Глава 31[/b] - Кодзиро и новая цель
[b]Глава 32[/b] - Мия-Мия и Рейми
[b]Глава 33[/b] - Школа Муроэ и первое собрание
[b]Глава 34[/b] - Папа и Мама
[b]Глава 35[/b] - Рейми и парень Мии-Мии
и получаем
скрытый текст
pic
Бамбуковый Меч кендо том 1
Глава 1 - Старшеклассница и бамбуковая метла
Глава 2 - Клуб пинг-понга и новые члены
Глава 3 - Кодзиро и то, что ему дорого
Глава 4 - Тояма и Иваса
Глава 5 - Тояма и ботинки
Глава 6 - Тояма и карбоновый синай
Глава 7 - Тояма и гордость
Глава 8 - Тамаки и Блэйдбрэйвер
Глава 9 - Кодзиро и день, когда он лишился синая
Глава 10 - Кодзиро и обэнто



pic
Бамбуковый Меч кендо том 2
Глава 11 - Эйга и трагедия
Глава 12 - Сая и клуб кендо
Глава 13 - Мия-Мия и панголин
Глава 14 - Мия-Мия и необычная тренировка
Глава 15 - Сая и сигареты
Глава 16 - Сая и Тама-тян
Глава 17 - Стратегия против стратегии
Глава 18 - Школа Муроэ и школа Матидо
Глава 19 - Садизм и депрессия
Глава 20 - Сая и Нисияма



pic
Бамбуковый Меч кендо том 3
Глава 21 - Кирино и скрещенные мечи
Глава 22 - Большая и маленкая
Глава 23 - Тамаки и семпай
Глава 24 - Дом и клуб
Глава 25 - Тамаки и знак огня
Глава 26 - Жареный тунец и белый тунец
Глава 27 - Тамаки и работа
Глава 28 - Тамаки и пот
Глава 29 - Кодзиро и водоросли
Глава 30 - Кодзиро и перекрёсток судьбы



pic
Бамбуковый Меч кендо том 4
Глава 31 - Кодзиро и новая цель
Глава 32 - Мия-Мия и Рейми
Глава 33 - Школа Муроэ и первое собрание
Глава 34 - Папа и Мама
Глава 35 - Рейми и парень Мии-Мии
С нетерпением жду движка phpBB3, чтобы было чем дополнить руководство)

_________________
The blood of the covenant is thicker than the water of the womb.
I plan to live till I finish my backlog. Hopefully, before the heat death of the universe.
https://nick-name.ru/nickname/id365278
Profile PM

Ionian.Wind

Стаж: 17 лет

Сообщений: 892

Провайдер: Не определен

Пол: Otoko (M)

Он-лайн: Нет

Карма: +0.01

post 17-Окт-2008 22:54 (спустя 6 часов)
Graved
есть маааааленький шанс, что там будет визуальный редактор, и бб-коды не понадобятся

_________________
Profile PM

Тюнс

Стаж: 16 лет

Сообщений: 1390

Провайдер: ВТ (IXNN)

Пол: Otoko (M)

Он-лайн: Нет

Карма: 0.00

post 17-Окт-2008 23:15 (спустя 21 минута)
Ionian.Wind
ну их никто не отменит=) Это как фронт пэйдж экспресс и блокнот же.
Profile PM
Показать сообщения:    
Ответить на тему

Текущее время: 03-Дек 20:28

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



Вы не можете начинать темы
Вы не можете отвечать на сообщения
Вы не можете редактировать свои сообщения
Вы не можете удалять свои сообщения
Вы не можете голосовать в опросах
Вы не можете прикреплять файлы к сообщениям
Вы не можете скачивать файлы
[  Execution time: 0.017 sec  |  MySQL: 0.016 sec (93%) in 13 queries  |  Mem: 418.63 KB / 1.26 MB / 1.1 MB  |  Load: 0.3 0.5 0.6  ]