Как пользоваться BB-кодами - Форум - The Sims Models

[ Новые сообщения · Участники · Правила форума · Поиск · RSS ]
Страница 1 из 11
Форум - The Sims Models » Работа сайта » Помощь новичку » Как пользоваться BB-кодами (учимся вставлять картинки, делать ссылки и прочее..)
Как пользоваться BB-кодами
Inna_LisaДата: Вторник, 07.08.2012, 21:59 | Сообщение # 1
Экспериментатор
Группа: Администраторы
Сообщений: 1764
Статус: Offline
На форуме и в чате наши пользователи могут использовать BB-коды для вставки изображений, видео, музыки, для форматирования текста и создания ссылок. Так как не все умеют это делать, мы решили написать урок-инструкцию по использованию ВВ-кодов.

Прежде, чем перейти непосредственно к кодам, пройдем по азам

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

Пример:
Code
[b]делаем жирный шрифт[/b]


Ну вот, заодно показала вам, как жирный шрифт сделать. Хотя на большинстве форумов (в том числе и на нашем) это удобнее делать с помощью панели инструментов, в чатах редко какие-то бывают кнопки, помимо вставки смайлов. Да и на блогах, предлагая оставить комментарий, нас обычно не балуют такими удобствами.

Раз уж речь зашла о панели ВВ-кодов, то пробежимся по панельке нашего сайта. Посмотрите на эту картинку:


Чтобы применить какой-либо из кодов с панели инструменов, выделите нужное слово или часть текста - при нажатии на кнопу теги встанут впереди и в конце выделения. Если не выделено ничего, то при нажатии на кнопку на месте курсора встанет открывающий тег. Написав что-либо, снова нажмите на кнопку, чтобы поставить закрывающий тег.
Теперь разберем, что значат кнопочки на панели. Пойдем слева на право:
b - жирный шрифт
i - курсив
u - подчеркнутый шрифт
SIZE - открыв этот список, вы сможете выбрать размер шрифта
FAMILY - в этом раскрывающемся списке выбирается шрифт (его внешний вид)
COLOR - цвет шрифта
http:// - ссылка
@ - e-mail
img - вставка картинки
quote - цитата
code - если вам нужно написать какой-то код так, чтобы он не преобразовался в резуальтат, а остался именно кодом, используйте этот тег (я его активно использую в этой статье)
spoiler - спойлер
hide - закрыть от незарегистрированных пользователей (на нашем сайте закрывать ссылки имеет право только автор материала! Если вы публикуете чужой материал, не пользуйтесь этим тегом)
list - список. Если вам нужно создать список, жмите на эту кнопку. Появится окно с полем ввода. Впишите пункт списка, нажмите ОК. Появится следующее окно, введите следующий пункт. И так пока не впишите все пункты маркированного списка. Нажмите "отмена", когда в очередное окно вводить будет нечего, чтобы закончить список.
... троеточиями обозначается выравнивание текста и картинок: left -по левому краю, center - по центру, right - по правому краю.
+ нажмите на эту кнопку, чтобы посмотреть, какие еще кода есть.
/ эта кнопка поможет вам закрыть все открытые теги (закрывающие теги ставит в конце написанного текста, что не всегда хорошо, так что, на кнопку надейся, но лучше не расслабляйся, а закрывай ручками)
: ) - вставить смайл

Однако, не все можно сделать с помощью панели инструментов, да и не везде она есть, поэтому сейчас мы научимся писать BB-код самостоятельно


1. Вставляем картинки


Для этого используется следующая конструкция:
Code
[img]адрес картинки[/img]

Может, пяснения будут излишне подробными, но ориентироваться всегда следует на тех, кто знает меньше, поэтому объясню подробнее.
Откуда берется адрес картинки?
Если вам понравилась картинка, увиденная где-то в сети (смайлик, открытка и т.д.), щелкните на ней правой кнопкой мыши. Выбрав в контекстном меню пункт "копировать адрес изображения", вы получите его ссылку, которую и вставите в показанную выше конструкцию вместо слов "адрес картинки".
Если картинка залита на радикал, то ее адрес указан здесь:


2. Как сделать кликабельную ссылку?

Вы открыли мастерскую, и вам нужно сделать ссылку на ваш файлообменник, или просто хотите поделиться чем-то? Делаем ссылку.

а) текстовая ссылка
Code
[url=адрес]название ссылки[/url]

Вместо слов "название ссылки" пишите, к примеру "Скачать", вместо адреса - ссылку на файл или сайт.



б) ссылка-картинка
Чтобы сделать ссылку-картинку (например, красивую кнопочку со словом "скачать"), объединим две уже описанные конструкции.
Code
[url=адрес][img]адрес картинки[/img][/url]


Пример:

Обратите внимание - у нас вложенная конструкция, то есть, один код вложен в другой. Когда делаете так, следите за правильностью закрытия тегов. Представьте матрешку - что получится, если вы, чтобы собрать ее, начнете пытаться соединять маленькие половинки с большими? Маленький верх с большим низом? Матрешек точно не соберете. Если вы вкладываете один код в другой, то сначала закрывайте вложенный тег (маленькую матрешку), а уже потом засовывайте ее в большую матрешку (закрывайте тег, в который вкладываете). В данном примере мы закрыли сначала тег img, а потом уже url.

3. Делаем спойлер

Спойлер используется, когда ныжно прикрыть какую-то не особо нужную информацию, слишком большую картинку, очень большое количество картинок и т.д.
Code

Спойлер с названием
[spoiler=название спойлера]прикрываемая информация[/spoiler]
Стандартный спойлер.
[spoiler]прикрываемая информация[/spoiler]

Если вы не указываете название, то на спойлере будет написано "открыть спойлер", "закрыть спойлер". Название спойлеру можно дать, чтобы другие люди понимали, что под ним находится и нужно ли им его открывать.

Пример:


4. Выравниваем текст и картинки

Code
[l]по левому краю[/l]
[c]по центру[/c]
[r]по правому краю[/r]
[j]по ширине[/j]

Результат:
по левому краю

по центру

по правому краю

по ширине


Теперь вы ручками сможете прописать основное, что обычно требуется для создания мастерских или общения на сайте. Если я что-то не охватила - спрашивайте, дополню.
 
Форум - The Sims Models » Работа сайта » Помощь новичку » Как пользоваться BB-кодами (учимся вставлять картинки, делать ссылки и прочее..)
Страница 1 из 11
Поиск: