Помощь - Поиск - Пользователи - Календарь
Полная версия этой страницы: Инструкция к применению (Мануал по тегам)
Ноглики Онлайн > Главный > Форум и его обитатели
lexs
По многочисленным просьбам решил написать небольшой мануал. Какие кнопки и куда нажимать, чтобы ваши сообщения выглядели гладкими и шелковистыми.
Начнем с чего попроще. Как всем известно, в форуме можно менять оформление текста. В частности это шрифт, размер, цвет, начертание.
В нашем форуме (и во многих других) используется система BBCode, то есть это специальные слова, заключенные в квадратные скобки, с помощью которых Вы и указываете какой текст как написать.
В общем начнем.
Для начала краткая общая инструкция.
Все теги должны открываться и закрываться, не закрытый тег, ничего не изменит, и более того вылезет в явном виде в тексте.
Для автоматического закрытия, в полном ответе есть специальная ссылка, она так и называется "Закрыть все теги".
Открывающий тег выглядит как [ИМЯТЕГА] (регистр не важен),
Закрывающий - [/ИМЯТЕГА].
Пример:
Код
[B]Это жирный текст[/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]

Получается:
Это текст выделен красным цветом
Шрифт четвертого размера
Установлен шрифт Times New Roman

Все теги можно группировать, но желательно чтобы они закрывались в обратном порядке, то есть последний примененный тег закрывался последним, и так далее:
Код
[COLOR=red][SIZE=2][B][S]Это красный жирный зачеркнутый текст, размером 2[/S][/B][/SIZE][/COLOR]

Как видите, первый открытый тег был закрыт последним, в общем используем метод, первым вошел, последним вышел.
Смотрим что получилось:
Это красный жирный зачеркнутый текст, размером 2

Это были основные теги выделения текста.
Идем далее.
Существуют специальные теги для вставки картинок адресов, емейлов, а также для явного выделения какого-то особенного текста, в частности цитат, кода программ и другое. Посмотрим как с ними справиться.
Общие правила такие же, но для некоторыхх тегов могут отличаться.
Начнем с ссылок.
Первый вариант, просто ссылка без описания, название ссылки, сам адрес
Код
[URL]http://www.nogliki.com/[/URL]

Выглядит так:
http://www.nogliki.com/

Вариант второй, ссылка с описанием, под любым текстом находится нужный адрес
Код
[URL=http://www.nogliki.com/]Сайт Ноглики-Онлайн[/URL]

Выглядит так:
Сайт Ноглики-Онлайн

Картинки, тут все проще, вариант один, использование стандартное.
Но (как всегда есть но), этим тегом вставляются картинки с других серверов, те картинки которые вы загрузили на форум, отображаются автоматически, но если вы хотите закачанную (из другой темы например) картинку использовать в вашем сообщении, то все просто, смотрите ее адрес и вставляете в наш тег.
И так. Возьмем в качестве примера мой аватар wink.gif
Код
[IMG]http://uploads.nogliki.com/forum/av-1.jpg[/IMG]

Смотрим:


Для E-mail адреса тоже существует специальный тег, но для защиты от спаммеров, не рекомендуется им пользоваться (вообще лучше не публиковать E-mail адреса в открытом виде). Здесь мы его приводить не будем, все равно пользоваться нежелательно, а кто очень хочет, пусть сам найдет smile.gif
Дальше, теперь выделение текста разноцветными блоками.
Много нам не нужно, поэтому используем только необходимое, цитаты, код, и HTML.
Цитаты, очень удобная штука, помогает не запутаться кто с кем и о чем говорит smile.gif
Не все любят ими пользоваться, а некоторые наоборот - злоупотребляют (не буду показывать пальцем) wink.gif
И так, цитата обычный тег, но с несколько расширенным использованием:
Просто цитата
Код
[QUOTE]Здесь мы цитируем кого-нибудь, или даже самих себя[/QUOTE]

Получается вот так:
Цитата
Здесь мы цитируем кого-нибудь, или даже самих себя

А если мы хотим указать кого мы цитируем? Легко!
Код
[QUOTE=lexs]Я цитирую сам себя[/QUOTE]

Смотрим (на заголовок):
Цитата(lexs)
Я цитирую сам себя

Недостаточно? Хотите круче? Так делает сам форум, если нажимать кнопку, самому же лень столько писать smile.gif Здесь уже используется тег с параметрами и значениями:
name - имя, post - номер цитируемого сообщения, date - дата/время оригинального текст.
Код
[QUOTE name='lexs' post='21282' date='14 февраля']Снова цитирую сам себя (прямо как вайпер :)[/QUOTE]

Цитата(lexs @ 14 февраля) *
Снова цитирую сам себя (прямо как вайпер smile.gif

Здесь мы использовали параметр POST, и в заголовке появилась стрелочка. которая является ссылкой на то сообщение, номер которого мы указали.
Сейчас вот подумал, и зачем я это все писал, все равно такие сложности сам писать никто не будет, проще ж кнопку нажать, в данном случае она как кнопка Счастье, сама все напишет. Ну хоть знать будете, что откуда берется и зачем smile.gif
Идем дальше, выделение кода и HTML. Это гораздо проще.
Плюс тега CODE в том, что текст внутри него не пытается преобразоваться, а показывается как есть, причем моноширинным шрифтом (ну это когда все буквы занимают одинаково места), т.е. внутри этого тега можно даже рисовать псевдографикой. и все будет ровненько и никуда не съедет.
Пример:
Код
[CODE]INPUT A
FOR I=1 TO A
PRINT "*"
NEXT A
END[ /CODE]

Наш код:
Код
INPUT A
FOR I=1 TO A
PRINT "*"
NEXT A
END

Надеюсь верно написал? Не помню бейсика уже совсем biggrin.gif
А это разметка 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]

Выравнивание по правому краю

Выравнивание по левому краю

Выравнивание по центру


Списки:
А что если мы хотим пронумеровать 100 пунктов и цифры самим набирать лень?
Можно сделать и это, причем есть несколько способов нумерации:
пульки, цифры (=1), буквы (=a, =A), римские цифры(=i, =I) (последние два способоа, могут быть маленькими и большими символами).
У нас есть тег [ list] и тег для перечисления пунктов [*].
Здесь тегу задаем необходимое значение - способ нумерации.
Пульки:
Код
[LIST][*] первый пункт
[*] второй пункт[/LIST]
  • первый пункт
  • второй пункт
Цифры:
Код
[LIST=1][*] первый пункт
[*] второй пункт[/LIST]
  1. первый пункт
  2. второй пункт
Буквы:
Код
[LIST=A][*] первый пункт
[*] второй пункт[/LIST]
  1. первый пункт
  2. второй пункт
Римские:
Код
[LIST=I][*] первый пункт
[*] второй пункт[/LIST]
  1. первый пункт
  2. второй пункт
Уфф. Чего-то я устал.

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

Предложения и замечания принимаются

© lexs biggrin.gif
Kuksa
Цитата( @ Lexs-сильно уставший :)) *
А что если мы хотим пронумеровать 100 пунктов


Вот кто-нибудь запостит что нибудь из ста пунктов smile.gif
читать замучаешся

А вообще Класно

Даешь интересные и красивые сообщения smile.gif
Killer
А я никогда не буду писать интересные и красивые сообщения !!!
beatdrums
lexs - маладес!!! smile.gif Хорошо все описал, в нашем стиле :-)

А я напишу какнить как регистрироваться :-)
Killer
А можно напишу как закидывать файлы в корзину ? =)
lexs
Ну попробуй, только грамотно, без ругательств, и желательно с минимумом сленга

Придумал для чего можно использовать тег BACKGROUND, для маркера.
Например, этот текст мы помечаем, чтобы его легко было найти.
lexs
Ого, почти 3 месяца прошло с первой части.
Только вот со второй проблема... я не знаю про что писать.
Описывать интерфейс форума кажется бессмысленным, вроде все на виду и все понятно.
Или не все еще знают, что кнопка B на панели инструментов редактора означает жирный? smile.gif
В общем что хотите знать? Жду предложений smile.gif

ЗЫ: Создал недавно тему, где некоторые неочевидные возможности описывал. есть что добавить? Пишите smile.gif

ЗЫ2: Killer, где мануал обещанный? wink.gif
Piter
Спасибо, Лекс, за такие подробные и полезные советы. Они очень помогают! smile.gif
Dimm
первый раз увидел этот раздел...Полезно..
Perchik
ага, я тоже)
Для просмотра полной версии этой страницы, пожалуйста, пройдите по ссылке.