Добро пожаловать, Гость. Пожалуйста, выберите Вход или Регистрация
YaBB - Yet another Bulletin Board
  Перевод продолжается! Нэнси Коллинз "Самое черное сердце" (5 книга о Соне Блу). Читайте, ура!
  ГлавнаяСправкаПоискВходРегистрация  
 
Переключение на Главную Страницу Страниц: 1
Как использовать теги правильно (Прочитано 2836 раз)
ELENA
Дитя Тысячелетий
*****
Вне Форума


Чашку кофе и перо!

Сообщений: 2373
Пол: female
Как использовать теги правильно
Октябрь 29, 2007 :: 3:29am
 
Что такое коды YaBB?

YaBBC это язык разметки основанный на HTML. Они позволяют Вам добавить элементы форматирования в Ваше сообщение (сделать шрифт жирным, вставить цитату или картинку и т.д.).

Для того чтобы теги (коды YaBB) работали они должны оказаться с двух сторон от форматируемого текста. Тег вида – [**] – является открывающим, текст после него будет подвергнут форматированию. Тег вида - [/*] – является закрывающим, текст до него будет форматированным, а после уже нет.

Внимание!


- Если у вас не срабатывает форматирование проверьте наличие обоих тегов. Скорее всего вы случайно его стерли.

- Если вы делаете сложное форматирование, то помните, что все пары тегов должны вкладываться друг в друга как матрешки. Если что-то сбоит - проверьте последовательность.

Все теги YaBB могут автоматически обрамлять текст,  для которого необходимо применить элементы форматирования. Для этого сначала выделите (подсветите) требуемый текст и нажмите на кнопку нужного Вам тега оформления YaBB.

Кнопки тегов, вы можете увидеть в форме ответа над строкой смайликов.

Теги форматирования текста

Для того чтобы воспользоваться этими тегами нужно выделить кусок текста и нажать соответствующую кнопку тега. Примеры выделения в формате кнопка тега – код – результат форматирования (Код должен быть без звездочек. Я их проставила только для того чтобы теги не воспринимались форумом как указание к разметке):

... - [*b]жирный текст[/b*] - жирный текст

... - [*u]подчеркнутый текст[/u*] - подчеркнутый текст

... - [*I]курсивный текст[/I*] - курсив

... - [*s]перечеркнутый текст[/s*] - перечеркнутый текст

... - [*sub]нижний индекс[/sub*] - нижний индекс

... - [*sup]верхний индекс[/sup*] - верхний индекс

... - [*highlight]подсвеченный текст[/highlight*] - подсвеченный текст

... - [*move]Бегущая строка[/move*] -Бегущая строка

Внимание!


- Помните, использование в текстовом сообщении более трех способов выделения делает текст неудобовоспринимаемым. Кириллица красива и без выделений!

Выравнивание текста

Для того чтобы воспользоваться этими тегами нужно выделить кусок текста и нажать соответствующую кнопку тега. Примеры выделения в формате кнопка тега – код – результат форматирования (Код должен быть без звездочек. Я их проставила только для того чтобы теги не воспринимались форумом как указание к разметке):

... - [*pre]текст[/pre*] -
много много много много много много много буков


... - [*left]текст[/left*] -
текст


... - [*center]текст[/center*] -
текст


... - [*right]текст[/right*] -
текст


Списки

В форуме можно создавать не нумерованные списки. Для этого нужно нажать на кнопку ...

И получить код вида (Код должен быть без звездочек. Я их проставила только для того чтобы теги не воспринимались форумом как указание к разметке):

[*list][**]
[/list*]

В котором теги [*list] [/list*] обрамляют текст списка. А тег [**] обозначает знак которым виделяется строка списка. Далее он копируется и подставляется к каждой строке списка чтобы она была маркирована.

Делаем:

[*list]
[**] раз
[**] два
[**] три
[/list*]

  • раз
  • два
  • три


Цитирование

Чтобы процитировать все сообщение другого участника надо нажать ... в правом верхнем углу цитируемого сообщения.

Чтобы процитировать часть сообщанеия, необходимо скопировать цитируемый текст. Вставить его в форму ответа, выделить и нажать кнопку ....

Тогда вы получите код типа (Код должен быть без звездочек. Я их проставила только для того чтобы теги не воспринимались форумом как указание к разметке):

[*quote]А какаое второе имя Гамильтон?[/quote*]

Цитата:
А какаое второе имя Гамильтон?


Или, если хотите сделать особый акцент на изменениях внесенных вами в цитируемый текст,  нажать кнопку  ...

[*edit]Добрым словом и пистолетом можно добится гораздо большего, чем просто добрым словом. © Аль Капоне[/edit*]

Изменено:
Добрым словом и пистолетом можно добится гораздо большего, чем просто добрым словом. © Аль Капоне


Добавление изображения

Для того чтобы добавить в сообщение изображение жмем на кнопку ...

И между появившимися тегами вставляем адрес картинки (Код должен быть без звездочек. Я их проставила только для того чтобы теги не воспринимались форумом как указание к разметке):

[*img]www.картинка.gif[/img*]

Внимание!


- Адрес картинки должен заканчиваться на .gif или .jpg

-  Не все сайты поддерживают так называемый хот линк. Яндекс например не поддерживает.

Гиперссылки

...

Гиперссылка - это участок текста или графическое изображение, обладающее особыми свойствами. Если щелкнуть мышью по такому тексту / картинке, то вы сможете переместиться на другую web-страницу по тому адресу, который данной гиперссылке присвоен.

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

Вы должны получить код вида (Код должен быть без звездочек. Я их проставила только для того чтобы теги не воспринимались форумом как указание к разметке):

[*url]ссылка[/url*]

Чтобы код начал работать нужно вставить адрес, на который должна вести ссылка. Для этого в открывающем теге перед последней скобкой ставим знак =  а после него вставляем адрес. Делаем:

[*url=адрес на который должна привести ссылка]ссылка[/url*]

Вот еще один пример использования гиперссылки:

...

[*URL=http://radikal.ru/F/i003.radikal.ru/0710/7b/72a9e1aba712.jpg.html][*IMG]http://i003.radikal.ru/0710/7b/72a9e1aba712t.jpg[/IMG*][/URL*]

Все прочие теги работают по тому же принципу.

Помните, что тег должен обрамлять текст который он форматирует. Если вы хотите чтобы  к одному массиву текста было применено несколько правил выделения, то теги должны быть вложены один в другой по примеру матрешки. Вот пример для лучшего усвоения правила:

[*b][*color=#ff0000]Меньше[/color*] форматируешь текст -  имеешь [*color=#ff0000]больше[/color*] времени для чтения форума![/b*]

Меньше
форматируешь текст -  имеешь
больше
времени для чтения форума!
Наверх
 
279578460  
IP записан
 
KPaKeH
Неофит
*
Вне Форума


Абсолютно всеяден

Сообщений: 10
Пол: male
Re: Как использовать теги правильно
Ответ #1 - Март 17, 2008 :: 5:53pm
 
Есть замечание по поводу цвета:
Когда щёлкаешь мышкой по цвету, формируются теги вида [*color=#RRGGBB][*/color].
Цвета подобраны таким образом, чтобы браузер их отображал одинаково на всех платформах.

Но они там отсортированы очень неудачно. Гораздо удобнее посмотреть коды цветов здесь:
"Безопасные" цвета на сайте студии Артемия Лебедева
Это если ваша мысль нуждается в красочном цветовом оформлении. Скорее всего, такую мысль можно упростить.

Для простых мыслей можно вместо страшных #RRGGBB писать:
  • [*color=black][*/color] -
    black (чёрный)
  • [*color=blue][*/color] -
    blue (синий)
  • [*color=grey][*/color] -
    grey (серый)
  • [*color=green][*/color] -
    green (зелёный)
  • [*color=maroon][*/color] -
    maroon (красно-коричневый)
  • [*color=navy][*/color] -
    navy (тёмно-синий)
  • [*color=olive][*/color] -
    olive (оливковый)
  • [*color=purple][*/color] -
    purple (пурпурный)
  • [*color=red][*/color] -
    red (красный)
  • [*color=teal][*/color] -
    teal (зеленовато-голубой)

Символьных имен, конечно, значительно больше, но все они страдают при смене браузера. И зачем нам такие проблемы?
Поэтому на практике я пользуюсь только
blue
,
green
,
purple
,
red
,
teal
. Этого хватает.
Наверх
 

Ну и пусть будет нелёгким мой путь... Ю. Лоза "Плот"
 
IP записан
 
Переключение на Главную Страницу Страниц: 1