Начнем с чего попроще. Как всем известно, в форуме можно менять оформление текста. В частности это шрифт, размер, цвет, начертание.
В нашем форуме (и во многих других) используется система BBCode, то есть это специальные слова, заключенные в квадратные скобки, с помощью которых Вы и указываете какой текст как написать.
В общем начнем.
Для начала краткая общая инструкция.
Все теги должны открываться и закрываться, не закрытый тег, ничего не изменит, и более того вылезет в явном виде в тексте.
Для автоматического закрытия, в полном ответе есть специальная ссылка, она так и называется "Закрыть все теги".
Открывающий тег выглядит как [ИМЯТЕГА] (регистр не важен),
Закрывающий - [/ИМЯТЕГА].
Пример:
Код
[B]Это жирный текст[/B]
[I]Это курсивный текст[/I]
[U]Подчеркнутый[/U]
[S]Зачеркнутый[/S]
[B]Незакрытый тег, неправильно!
[I]Это курсивный текст[/I]
[U]Подчеркнутый[/U]
[S]Зачеркнутый[/S]
[B]Незакрытый тег, неправильно!
Результат:
Это жирный текст
Это курсивный текст
Подчеркнутый
[b]Незакрытый тег, неправильно!
К некоторым тегам можно применить значение, это в частности COLOR, FONT, SIZE и некоторые другие. Значения пишутсяпосле знака равно, без пробелов [ COLOR=red], закрываются такие теги обычным закрытием, значение повторять не нужно - [ /COLOR]
Приведем пример:
Код
[COLOR=red]Это текст выделен красным цветом[/COLOR]
[SIZE=4]Шрифт четвертого размера[/SIZE]
[FONT=Times New Roman]Установлен шрифт Times New Roman[/FONT]
[SIZE=4]Шрифт четвертого размера[/SIZE]
[FONT=Times New Roman]Установлен шрифт Times New Roman[/FONT]
Получается:
Это текст выделен красным цветом
Шрифт четвертого размера
Установлен шрифт Times New Roman
Все теги можно группировать, но желательно чтобы они закрывались в обратном порядке, то есть последний примененный тег закрывался последним, и так далее:
Код
[COLOR=red][SIZE=2][B][S]Это красный жирный зачеркнутый текст, размером 2[/S][/B][/SIZE][/COLOR]
Как видите, первый открытый тег был закрыт последним, в общем используем метод, первым вошел, последним вышел.
Смотрим что получилось:
Это были основные теги выделения текста.
Идем далее.
Существуют специальные теги для вставки картинок адресов, емейлов, а также для явного выделения какого-то особенного текста, в частности цитат, кода программ и другое. Посмотрим как с ними справиться.
Общие правила такие же, но для некоторыхх тегов могут отличаться.
Начнем с ссылок.
Первый вариант, просто ссылка без описания, название ссылки, сам адрес
Код
[URL]http://www.nogliki.com/[/URL]
Выглядит так:
http://www.nogliki.com/
Вариант второй, ссылка с описанием, под любым текстом находится нужный адрес
Код
[URL=http://www.nogliki.com/]Сайт Ноглики-Онлайн[/URL]
Выглядит так:
Сайт Ноглики-Онлайн
Картинки, тут все проще, вариант один, использование стандартное.
Но (как всегда есть но), этим тегом вставляются картинки с других серверов, те картинки которые вы загрузили на форум, отображаются автоматически, но если вы хотите закачанную (из другой темы например) картинку использовать в вашем сообщении, то все просто, смотрите ее адрес и вставляете в наш тег.
И так. Возьмем в качестве примера мой аватар
Код
[IMG]http://uploads.nogliki.com/forum/av-1.jpg[/IMG]
Смотрим:

Для E-mail адреса тоже существует специальный тег, но для защиты от спаммеров, не рекомендуется им пользоваться (вообще лучше не публиковать E-mail адреса в открытом виде). Здесь мы его приводить не будем, все равно пользоваться нежелательно, а кто очень хочет, пусть сам найдет
Дальше, теперь выделение текста разноцветными блоками.
Много нам не нужно, поэтому используем только необходимое, цитаты, код, и HTML.
Цитаты, очень удобная штука, помогает не запутаться кто с кем и о чем говорит
Не все любят ими пользоваться, а некоторые наоборот - злоупотребляют (не буду показывать пальцем)
И так, цитата обычный тег, но с несколько расширенным использованием:
Просто цитата
Код
[QUOTE]Здесь мы цитируем кого-нибудь, или даже самих себя[/QUOTE]
Получается вот так:
Цитата
Здесь мы цитируем кого-нибудь, или даже самих себя
А если мы хотим указать кого мы цитируем? Легко!
Код
[QUOTE=lexs]Я цитирую сам себя[/QUOTE]
Смотрим (на заголовок):
Цитата(lexs)
Я цитирую сам себя
Недостаточно? Хотите круче? Так делает сам форум, если нажимать кнопку, самому же лень столько писать
name - имя, post - номер цитируемого сообщения, date - дата/время оригинального текст.
Код
[QUOTE name='lexs' post='21282' date='14 февраля']Снова цитирую сам себя (прямо как вайпер :)[/QUOTE]
Снова цитирую сам себя (прямо как вайпер 
Здесь мы использовали параметр POST, и в заголовке появилась стрелочка. которая является ссылкой на то сообщение, номер которого мы указали.
Сейчас вот подумал, и зачем я это все писал, все равно такие сложности сам писать никто не будет, проще ж кнопку нажать, в данном случае она как кнопка Счастье, сама все напишет. Ну хоть знать будете, что откуда берется и зачем
Идем дальше, выделение кода и HTML. Это гораздо проще.
Плюс тега CODE в том, что текст внутри него не пытается преобразоваться, а показывается как есть, причем моноширинным шрифтом (ну это когда все буквы занимают одинаково места), т.е. внутри этого тега можно даже рисовать псевдографикой. и все будет ровненько и никуда не съедет.
Пример:
Код
[CODE]INPUT A
FOR I=1 TO A
PRINT "*"
NEXT A
END[ /CODE]
FOR I=1 TO A
PRINT "*"
NEXT A
END[ /CODE]
Наш код:
Код
INPUT A
FOR I=1 TO A
PRINT "*"
NEXT A
END
FOR I=1 TO A
PRINT "*"
NEXT A
END
Надеюсь верно написал? Не помню бейсика уже совсем
А это разметка HTML:
Код
[html]<P><B>Кусочек нашей веб-страницых</B></P>[/html]
HTML
<P><B>Кусочек нашей веб-страницых</B></P>
Оказывается это тоже самое, что и CODE, только теги языка HTML подсвечиваются цветом.
Про такие мелочи как:
Код
(c), (r), (tm)
©, ®,
думаю уже многие догадались.
Хм, какие интересности всплывают. Оказывается есть теги, про которые я не знал.
Описываю.
Код
[INDENT]Текст с отступом[/INDENT]
Текст с отступом
Фон:
Код
[BACKGROUND=white]Текст на белом фоне[/BACKGROUND]
Текст на белом фоне
Выравнивание:
Код
[RIGHT]Выравнивание по правому краю[/RIGHT]
[LEFT]Выравнивание по левому краю[/LEFT]
[CENTER]Выравнивание по центру[/CENTER]
[LEFT]Выравнивание по левому краю[/LEFT]
[CENTER]Выравнивание по центру[/CENTER]
Выравнивание по правому краю
Выравнивание по левому краю
Выравнивание по центру
Списки:
А что если мы хотим пронумеровать 100 пунктов и цифры самим набирать лень?
Можно сделать и это, причем есть несколько способов нумерации:
пульки, цифры (=1), буквы (=a, =A), римские цифры(=i, =I) (последние два способоа, могут быть маленькими и большими символами).
У нас есть тег [ list] и тег для перечисления пунктов [*].
Здесь тегу задаем необходимое значение - способ нумерации.
Пульки:
Код
[LIST][*] первый пункт
[*] второй пункт[/LIST]
[*] второй пункт[/LIST]
- первый пункт
- второй пункт
Код
[LIST=1][*] первый пункт
[*] второй пункт[/LIST]
[*] второй пункт[/LIST]
- первый пункт
- второй пункт
Код
[LIST=A][*] первый пункт
[*] второй пункт[/LIST]
[*] второй пункт[/LIST]
- первый пункт
- второй пункт
Код
[LIST=I][*] первый пункт
[*] второй пункт[/LIST]
[*] второй пункт[/LIST]
- первый пункт
- второй пункт
Это были почти все стандартные теги.
Впереди еще описание возможностей форума, куда нажать и где потереть...
Но это будет в следующей серии.
Предложения и замечания принимаются
© lexs
