Учимся пользоваться BB-кодами

Для начала, что такое BB-код? Так назвается самый популярный на форумах код, при помощи которого Вы можете всячески разноображивать свой текст. Многие на форумах были и до EqS, и знают, что и как. А если нет?

Хочу заметить, что смайлики к BB-кодам и вообще ни к каким кодам не принадлежат. Большинству смайлов я вообще сама писала коды, так что.. :)

Что ж, поехали.
Для начала разберёмся, что такое теги. Теги - это как раз текстовые обозначения какого-либо эффекта, изображения, ссылки и так далее. В ВВ-кодах они пишутся в квадратных скобках вот таким образом: [тег]Какой угодно текст[/тег]. Как вы заметили, теги как бы "захватывают" текст с двух сторон. Так же, тег надо "открыть": [тег], написать\вставить текст, а потом "закрыть": [/тег]. Закрываются теги просто - путём прибавления /. Так же. Можно делать тег в теге. Но не забываем, что в таком случае теги должны открываться в таком порядке: [тег 1][тег 2][тег 3]Текст, на который мы налепили столько тегов[/тег 3][тег 2][тег 1], а не в порядке [тег 1][тег 2]Многострадальный текст[тег 1][тег 2]. Во втором случае теги не закроются!

Обратите внимание на кнопку "Закрыть теги" после списка всех тегов. Она автоматически закроет те теги, которые забыли или не смогли закрыть Вы

Поговорим о самых простых и основных тегах, для текста. Как сделать текст жирным, наклонным, подчёркнутым или зачёркнутым?
Да очень просто! Выделяем нужный текст, и жмём на первые четыре кнопки на панели тегов, вид которых как бы намекает, под какой кнопкой какой тег таится. Оп! Выделенная часть текста сама захватилась в нужные коды, и если нажать кнопку "Предпросмотр", то можно увидеть, как сработали теги и сработали ли. Эти 4 тега настолько простые, что я уже просто выучила их и время от времени пишу сама, потому что влом куда-то нажимать х)

---

Принцип у этой фигни точно такой же - выделяем текст, жмём на любую нужную из следующих четырёх кнопок после тех, что мы уже изучили, и наш текст заключается в нужные теги, в которых прямо таки написана позиция для текста - [left] (я хз зачем это, у нас же и так по левому краю всё :'D), [center], [right], и четвёртая [justify] (чтоб текст сплошняком был, насколько я поняла. Никогда не нуждалась в этой кнопке)

---

• Делаем
  
• Список
  
• С точками

1. Или
   
2. С автоматической
   
3. Нумерацией

Для того, чтобы сделать такой красивый список, нужно всего лишь нажать нужную кнопку (:DDDDD) из двух последующих после кнопок для перемещения текста. Первый - с точками, второй - с цифрами, и если что, третья кнопка - это черта =D Жмём на кнопку, получаем [list][*]. Объясняю - [list] открывает тег списка, а [*] - это обозначение точки. Просто пишем список и приписываем такое же [*] перед каждым новым пунктом! Не забудьте закрыть тег, я его здесь не напишу, потому что тогда код списка сработает и у меня не выйдет так наглядно :D
Чтобы был список с цифрами - жмём соответствующую кнопку, и у нас появляется [list=1][*]. Чем отличается? Правильно, "=1". Эта приписка обозначает то, что список с нумерацией. Вам не нужно самим писать цифры! Просто точно так же приставляем [*] перед каждым новым пунктом, и форум сам приставит нужную цифру! Опять же, не забываем закрыть список, опять нажав на эту кнопку. Не зря же она светится красным, это и значит, что тег списка ещё не закрыт!

Внутри списка так же можно пользоваться любыми тегами для текста, ссылок и так далее. Догадаетесь, в каком порядке теги писать?)

Код:

[b]Показываем[/b] [i]код[/i] [u]для нашего[/u] [strike]текста[/strike]

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

Код:

[code][тег 1][тег 100500]текст[/тег 100500][тег1][/code]

Ну или выделите всё, что надо всунуть в показ кода и нажмите кнопочку "Код" :D

---

Делаем цитату

Собственно, как сделать простую цитату, мне даже объяснять не надо - вы всё уже умеете. Скопировал текст для цитаты, вставил, выделил, нажал кнопку "Цитата", заключил в теги [quote] и готово. А тут я покажу Вам маленькую хитрость - как сделать именную цитату!

Salimana пишет:Я пишу очень многое, в том числе, и этот урок :D

Особо сложного ничего нету - точно так же заключаем нужный текст в теги цитаты, НО в открывающем теге приписываем: [quote="Имя автора"]. Всё! У нас получается именная цитата)

---

Вставляем ссылку.
Например, мне надо вставить для Вас ссылку на тему, в которой описаны порядки оформления названий тем и сообщений в этих темах. Потому что Вы, узнав все тайны ВВ-кодов, можете внезапно решить их бессистемно юзать :D
Жмём на кнопочку "Ссылка". В окошко "URL" пишем ссылку на нужную тему, в окошко "Формулировка" - текст, под который мы спрячем ссылку. Я спрятала ссылку на упомянутую тему под текстом "Клик!"
Итак, [Вы должны быть зарегистрированы и подключены, чтобы видеть эту ссылку]
Ссылки можно также подчёркивать, выделять жирным и так далее, смотрите: [Вы должны быть зарегистрированы и подключены, чтобы видеть эту ссылку], [Вы должны быть зарегистрированы и подключены, чтобы видеть эту ссылку]

---

Меняем размер текста
Тоже проблем никаких. Пишем текст, выделяем его, жмём на кнопку "Размер шрифта", и выбираем необходимый! Всё, текст заключился в нужные теги!

Домашнее задание - по примеру смены размера текста попробуйте поменять цвет или шрифт!

Делаем

Спойлер:

Теги спойлера, так же как и несколько других полезных, находятся под кнопкой "другое"
Применяются точно так же, как и другие теги для текста! Мне просто надо было рассказать Вам о том, что кое-что полезное таится и под этой кнопкой

На этом всё! Надеюсь, теперь вопросов с оформлением сообщений не возникнет :D

Дополнение:
Как сделать так, чтобы фотография, например, в подписи, вела по определенной ссылке?

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

Код:

[url=ссылка на конюшню][img]ссылка на фотографию[/img][/url]

Удачи в познании BB-кодов. Если есть вопросы: задавайте их.

Такой вот вопрос. Как сделать ссыль такую, чтобы меня "выбрасывало" на нужный мне пост?
Пример: Видела такое "Чудо" у [Вы должны быть зарегистрированы и подключены, чтобы видеть эту ссылку].

Над каждым твоим постом есть название, в данный момент это "Re: Учимся пользоваться BB-кодами". Тыкаешь на это название правой кнопкой мыши, выбираешь "Копировать адрес ссылки", а потом точно так же как и обычно оформляешь ссылку в сообщении :)

Как сделать значки симс 3 в "личной информации", мне никак не доходит? х)

Я так и не поняла, как вставлять изображение?

Veron_Mol, копируешь нужный код из [Вы должны быть зарегистрированы и подключены, чтобы видеть эту ссылку] себе в профиль, код потом преобразуется в изображения дополнений.

Gamova K., используя вот этот код:

Код:

[img]ссылка на изображение[/img]

Music Note, спасибо большое.

О, спасибо за подробности. Теперь будем знать :з

Спасибо,буду учиться

Черт, почему при цитате так много действий, можно было бы просто нажать кнопку цитата, а то еще скопировать, выделить и потом "цитата". Простите, разобралась, как то неправильно немного написано, нужно просто выделить текст и нажать "цитата" а дальше просто написать свой.

почему бы и нет

Спасибо за объяснение,  сначала сильно путалась в этом всём @_@

Спасибо ^_^. Узнала в этой теме больше, чем на уроках информатики в восьмом классе.

Спасибо за объяснение, немного запуталась с цитатами, но потом дошло.

Спасибо, что объяснили) А то я раньше пыталась во всём этом -_-