Форма входа
Логин:
Пароль:
Главная| Форум Дружины
Личные сообщения() · Новые сообщения · Участники · Правила форума · Поиск · PDA
  • Страница 1 из 3
  • 1
  • 2
  • 3
  • »
Модератор форума: Беркут  
Форум Дружины » Дружина » Для новичков » Что такое bb-коды и с чем их едят (Как сделать сообщение оригинальным.)
Что такое bb-коды и с чем их едят
Каури Дата: Четверг, 19.08.2010, 16:11 | Сообщение # 1
Хранительница
Группа: Хранительница
Сообщений: 14476
Награды: 153
Статус: Offline
В этой теме поговорим о bb-кодах.

То есть о том, как сделать текст в сообщении крупным, выделенным, цветным,
как добавить картинку или ссылку на какой-нибудь сайт и многое другое...

То есть тема для тех, кто так же как и я, плохо разбирается в HTML-тегах.




А это то, что всегда всем нужно, потому закрепляю в первом сообщении.

[double]Делаем Рисунок рядом с текстом.[/double]

Code
<img src="ссылка на фото" align="left" HSPACE=30 VSPACE=5>


рисунок будет слева, текст соответственно справа.



Ну и второй вариант:

Code
<img src="ссылка на фото" align="right" HSPACE=30 VSPACE=5>


рисунок будет справа!


 все сообщения
Каури Дата: Четверг, 19.08.2010, 16:14 | Сообщение # 2
Хранительница
Группа: Хранительница
Сообщений: 14476
Награды: 153
Статус: Offline
BB код - это язык очень похожий на HTML, который также использует тэги. Эти тэги позволяют форматировать Ваши сообщения так же, как и тэги HTML, только тэги BB кода гораздо проще и никогда не изменяют структуру страницы форума. Возможности использования BB кода могут быть разными на различных сайтах и настраиваются администратором каждого конкретного сайта, так что советуем Вам прочитать этот текст, чтобы узнать про особенности данного сайта и использования BB кода на нем.


 все сообщения
Velkan Дата: Четверг, 19.08.2010, 16:27 | Сообщение # 3
Охотник и рыбак
Группа: Модераторы
Сообщений: 3809
Награды: 13
Статус: Offline
Начало тега идет в таком виде (size=14) закрытие тега в таком (/size) ТОЛЬКО ВМЕСТО КРУГЛЫХ СКОБОК КВАДРАТНЫЕ. Потом символ "/" в конце выделеного вами текста обязателен, потому что он означает закрытие тега. Кстати теги идут друг за другом. Например Вы хотите увеличить текст и сделать его другого цвета и шрифта. (size=14)(color=blue)(font=Arial) ТУТ ТЕКСТ(/font)(/color)(/size) и не забываем вместо () скобок используем такие [].


Делай что должно, случится чему суждено.

Сообщение отредактировал Velkan - Четверг, 19.08.2010, 16:30
 все сообщения
Velkan Дата: Четверг, 19.08.2010, 16:29 | Сообщение # 4
Охотник и рыбак
Группа: Модераторы
Сообщений: 3809
Награды: 13
Статус: Offline
Да ещё добавлю, для закрития тега используется символ "/" и после него идет написание начало закрываемого тега, если непонятно написал smile То извените немного пьян. А вообще проанализируйте представленный пример с тремя тегами.


Делай что должно, случится чему суждено.
 все сообщения
Каури Дата: Четверг, 19.08.2010, 18:43 | Сообщение # 5
Хранительница
Группа: Хранительница
Сообщений: 14476
Награды: 153
Статус: Offline
Спасибо нашему замечательному, хоть и пьяному програмеру!! Все в тему!!!
А я продолжу все же по-своему))))

Итак, когда мы пишем новый пост в теме, мы видим пустое окошко для сообщения и сверху тонкую линию с bb-кодами. Как вы можете увидеть на изображении, приведенном ниже:

Чтобы воспользоваться тем или иным bb-кодом - вам необходимо с помощью мышки выделить текст в сообщении, к которому хотите применить bb-код:

после этого, вам необходимо щелкнуть левой кнопкой мыши по нужной кнопке bb-кода. К примеру если вам нужно сделать жирный шрифт,или изменить размер, или изменить цвет))
для этого, вы после того, как текст выделен щелкаете по крайней левой кнопке bb-кодов, на которой изображена буква b - для выделения текста))
или по кнопке SIZE - для изменения размера (вам предложат выбрать размер)
или по кнопке COLOR - для изменения цвета. (вам предложат выбрать цвет)



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

а в готовом сообщении, после сохранения - это будет выглядеть так:

Выделенный текст
Выделенный текст
Выделенный текст



 все сообщения
Каури Дата: Четверг, 19.08.2010, 18:52 | Сообщение # 6
Хранительница
Группа: Хранительница
Сообщений: 14476
Награды: 153
Статус: Offline
Как правильно заметил наш программер Velkan, к любому куску текста можно применить несколько bb-кодов - для этого нужно применив один bb-код, заново выделить текст уже с тегами и применить новый bb-код.

Таким образом, у вас в результате последовательного применения жирного шрифта, размера и цвета получится такая картина:

в несохраненном посте:(ТОЛЬКО СКОБКИ БУДУТ КВАДРАТНЫЕ)

(color=red)(size=12)(b)Выделенный текст(/b)(/size)(/color)

В сохраненном посте:

Выделенный текст



 все сообщения
Каури Дата: Четверг, 19.08.2010, 19:03 | Сообщение # 7
Хранительница
Группа: Хранительница
Сообщений: 14476
Награды: 153
Статус: Offline
Для того, чтобы ваша ссылка была рабочей, вам надо ее вписать в пост, выделить мышкой, нажать кнопку bb-кода - http:// и в открывшееся окно вставить эту же ссылку.

Для того чтобы вставить картинку из интернета, вы копируете адрес картинки в сети - url
никакого текста в сообщении писать и выделять не надо - просто жмете на кнопку bb-кода - img - и вставляете в открывшееся окошечко адрес url этой картинки.



 все сообщения
Каури Дата: Четверг, 19.08.2010, 19:17 | Сообщение # 8
Хранительница
Группа: Хранительница
Сообщений: 14476
Награды: 153
Статус: Offline
Значение остальных кнопок bb-кодов, которыми мы можем воспользоваться:

i - наклонный текст
u - подчеркнутый текст
FAMILI - другой шрифт
@ - вствить е-мейл
quote - вставить цитату
code - вставить код
spoiler - закрыть выделенный текст табличкой с надписью спойлер

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

Кроме тех кнопок, которые мы видим над постом, есть еще дополнительные bb-коды.
Чтобы ими воспользоваться, надо нажать на кнопку с изображением плюсика (+)

и в открывшейся таблице самостоятельно скопировать нужные теги.



 все сообщения
Каури Дата: Четверг, 19.08.2010, 19:21 | Сообщение # 9
Хранительница
Группа: Хранительница
Сообщений: 14476
Награды: 153
Статус: Offline
Если вам мои объяснения показались не совсем понятные - попробуйте изучить еще приведенную ниже страничку)))
http://www.taspol.info/help/bbcode.html - там не все - но достаточно наглядно.

Если у кого-то есть еще дополнения, прошу вас пишите в этой теме)))



 все сообщения
Каури Дата: Четверг, 19.08.2010, 21:23 | Сообщение # 10
Хранительница
Группа: Хранительница
Сообщений: 14476
Награды: 153
Статус: Offline


 все сообщения
Каури Дата: Четверг, 19.08.2010, 22:32 | Сообщение # 11
Хранительница
Группа: Хранительница
Сообщений: 14476
Награды: 153
Статус: Offline


 все сообщения
Namejs Дата: Пятница, 20.08.2010, 02:59 | Сообщение # 12
Группа: Удаленные





Каури, Большое спасибо.Теперь даже до меня дошло.
 все сообщения
Treasure Дата: Пятница, 20.08.2010, 11:57 | Сообщение # 13
Птичка
Группа: Модераторы
Сообщений: 728
Награды: 12
Статус: Offline
Классная темка.
Я, конечно, что то знала, но оказывается, что далеко не все. Много новых тонкостей.

Довольно интересных wink wink

Надо будет поэкспериментировать



Жизнь - это шанс, используй его. (с)
 все сообщения
КСАНДР Дата: Воскресенье, 29.08.2010, 16:40 | Сообщение # 14
новик
Группа: Участники
Сообщений: 4
Награды: 0
Статус: Offline
Интересно многое узнал
 все сообщения
Каури Дата: Воскресенье, 29.08.2010, 16:48 | Сообщение # 15
Хранительница
Группа: Хранительница
Сообщений: 14476
Награды: 153
Статус: Offline
КСАНДР, спасибо!!! И приветствую на Дружине!!!!!



 все сообщения
Каури Дата: Суббота, 11.09.2010, 19:09 | Сообщение # 16
Хранительница
Группа: Хранительница
Сообщений: 14476
Награды: 153
Статус: Offline
Итак, продолжу немного о ВВ-кодах.

Как показала практика, несмотря на довольно подробное описание, вопросы остались. Пусть робкие (задать их никто и не пытается).

Как вариант, попробую объяснить, как пользоваться дополнительными ВВ-кодами - которые, как говорилось выше, можно увидеть, нажав на панельке ВВ-кодов над новым сообщением - кнопку с символом "+".

Повторюсь))))

Чтобы ими воспользоваться, надо нажать на кнопку с изображением плюсика (+)

и в открывшейся таблице самостоятельно скопировать нужные теги.[/size]

Что предлагается в дополнениях:

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

В приведенных мной примерах, круглые скобки - необходимо заменить на квадратные, чтобы ВВ-код заработал. (Помните, что перед и после знака равенства (а также перед последним тегом и после первого) не должно быть пробелов.)

Это такие ВВ-коды, как:

Жирный текст (Чтобы вставить в свое сообщение имя другого участника, которому собираешься ответить, достаточно щелкнуть по его НИКУ слева от сообщения этого участника - и имя участника встроится в ваше сообщение автоматически уже со всеми необходимыми тегами)
Наклонный текст
Зачеркнутый текст
Подчеркнутый текст
Текст по левому краю
Текст по центру
Текст по правому краю

Размер шрифта (Размер: 8..25) (это означает, что в первом теге после знака "=" вы можете самостоятельно поставить любое число от 8 до 25) (size=25)
Цвет шрифта (некоторые цвета не присутствуют в табличке. Вы можете самостоятельно после знака "=" вставить другой какой-то цвет - соответственно на английском - вот некоторые, мной проверенные - brown, claret, indigo - соответствуют - коричневый, бордовый, индиго) Может вам удастся подобрать еще какие-то цвета, однако - если в ВВ-кодах они не предусмотренны - текст останется черного цвета. (color=claret)

Цитата из сообщения (именная - простой способ, выделить текст в сообщении другого участника и нажать под его сообщением кнопку - "цитировать")
Цитата из сообщения (если это цитата с другого ресурса, то в своем сообщении выделяем текст и нажимаем кнопку "quote", причем можно указать откуда взята цитата, поставив в первом теге знак "=" и написав адресат) (quote=Либрусек)

Код программы

Остальные ВВ-коды из дополнительных - не представленны в виде кнопки на нашей панельке над сообщением, поэтому их необходимо вставлять в текст самостоятельно.
Как это сделать. Самый простой способ - скопировать из этой таблички готовый пример - и вместо внутреннего содержимого (между тегами) вставить свой текст.
К примеру - вам надо написать формулу воды H2O - копируете пример - (sub)Нижний индекс(/sub) - вставляете двойку - получится - Н(sub)2(/sub])О
то есть в готовом сообщении - это будет выглядеть так - Н2О

Или просто прописываете теги вручную, перед и после текста. в последнем теге не забывайте про слэш "/".

Итак, какие новые ВВ-коды мы видим)))

(j)Текст по ширине страницы(/j) Текст по ширине страницы - тут надеюсь ясно.

(sub)Нижний индекс(/sub) Нижний индекс
(sup)Верхний индекс(/sup) Верхний индекс - это тоже понятно и уже чуть описала выше.

(font=Comic Sans MS)Другой шрифт(/font) Другой шрифт - меняется также, как и цвет, вы можете вставить здесь название шрифта, который вам кажется более подходящим, после знака "=" - соответственно название должно быть на английском. Какие шрифты поддерживаются на нашем сайте, я - к сожалению, не знаю, потому попробуйте поэксперементировать сами, если возникнет необходимость.

(video)http://youtube.com/watch?v=DbzFNj8HVmc(/video) - тег для вставки видео - если выне хотите или не можете использовать код для встраивания, который предлагают такие ресурсы, как ютуб, то копируете адрес видео в строчке браузера и добавляете с обеих сторон этот ВВ-код.

(audio)http://any_site.com/music.mp3(/audio) - то же самое относится и к музыке.

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


(list)
(*)пункт 1
(*)пункт 2

(/list)

Этот набор ВВ-кодов позволит вам построить красивый список, причем тег (list) - делает этот список с отступом от края, а тег (*) - собственно превратиться в жирную точку.
Вот как это будет смотреться:


  • пункт 1
  • пункт 2

Если вам не нужен отступ, то список составляется проще - в начале каждой новой строчки ставиться тег (*) и в плотную к нему строчка вашего списка.

(*)пункт 1
(*)пункт 2

И смотреться это будет так:

  • пункт 1
  • пункт 2

    Остались три простеньких ВВ-кода
    {c} ©
    {r} ®
    {tm} ™

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

    Спасибо за внимание!



 все сообщения
Кержак Дата: Суббота, 11.09.2010, 19:36 | Сообщение # 17
Батько
Группа: Атаман-отставник
Сообщений: 16021
Награды: 39
Статус: Offline
тм - я так думаю - торговая марка)))
а р - наверно - авторский текст?
 все сообщения
Каури Дата: Суббота, 11.09.2010, 20:10 | Сообщение # 18
Хранительница
Группа: Хранительница
Сообщений: 14476
Награды: 153
Статус: Offline
Спасибо, Атаман!!! Буду знать.


 все сообщения
Каури Дата: Пятница, 08.10.2010, 23:50 | Сообщение # 19
Хранительница
Группа: Хранительница
Сообщений: 14476
Награды: 153
Статус: Offline
[marquee]У нас теперь есть новый bb-код - Marquee - бегущая строка))) Пользуйтесь, если надо)))[/marquee]


 все сообщения
Каури Дата: Пятница, 08.10.2010, 23:59 | Сообщение # 20
Хранительница
Группа: Хранительница
Сообщений: 14476
Награды: 153
Статус: Offline
[off]И еще один ВВ-код, которым можно выделить непосредственно офф-топ[/off]


 все сообщения
Treasure Дата: Суббота, 09.10.2010, 00:08 | Сообщение # 21
Птичка
Группа: Модераторы
Сообщений: 728
Награды: 12
Статус: Offline
Каури, круто. Второй особенно нужен. Легче указать, что не так и что то даже не переносить куда то там...
А первая строка сперва похожа на пустое сообщение, но потом вдруг
[marquee]что то выбегает из угла ;)[/marquee]


Жизнь - это шанс, используй его. (с)

Сообщение отредактировал Treasure - Суббота, 09.10.2010, 00:11
 все сообщения
dima4478 Дата: Суббота, 09.10.2010, 00:17 | Сообщение # 22
Леший
Группа: Джигиты
Сообщений: 419
Награды: 3
Статус: Offline
[marquee]Treasure, и бежит ведь зараза biggrin [/marquee]


Сообщение отредактировал dima4478 - Суббота, 09.10.2010, 00:17
 все сообщения
Каури Дата: Суббота, 09.10.2010, 02:14 | Сообщение # 23
Хранительница
Группа: Хранительница
Сообщений: 14476
Награды: 153
Статус: Offline
[off]Если вам нравятся новые bb-коды - off и бегущая строка - не забывайте сказать спасибо - нарыла их специально для ВАС и умудрилась сама прописать в дизайне форума))))[/off]


 все сообщения
Velkan Дата: Суббота, 09.10.2010, 04:06 | Сообщение # 24
Охотник и рыбак
Группа: Модераторы
Сообщений: 3809
Награды: 13
Статус: Offline
Каури, Растёшь Оленька smile Это я на полном серьёзе, без всяких подначек.


Делай что должно, случится чему суждено.
 все сообщения
Каури Дата: Суббота, 09.10.2010, 06:47 | Сообщение # 25
Хранительница
Группа: Хранительница
Сообщений: 14476
Награды: 153
Статус: Offline
Velkan, я стараюсь. Вот уже твое одобрение заслужила) А это такая награда!!! А за такую награду я на многое способна)))))

Атаман бы сказал, наверное - что поэтому мной манипулировать так легко wink

Бум, спасибо тебе, друг!



 все сообщения
Кержак Дата: Суббота, 09.10.2010, 07:45 | Сообщение # 26
Батько
Группа: Атаман-отставник
Сообщений: 16021
Награды: 39
Статус: Offline
Quote (Каури)
Атаман бы сказал, наверное - что поэтому мной манипулировать так легко

ну вот)))) чуто что - сразу манипулировать))
нет, что говорить - молодец Оля.
 все сообщения
РОМАН Дата: Суббота, 09.10.2010, 10:56 | Сообщение # 27
Шериф
Группа: Старшина
Сообщений: 6433
Награды: 41
Статус: Offline
Присоединяюсь - Молодец, Оля!!! Много интересного и нужного находишь!
Особенно здорово - кнопка OFF! ))))) Теперь не только модератор, а и каждый форумчанин может свой оффтоп обозначить! wink

Доступно только для пользователей



Вставай на смертный бой
С фашистской силой темною,
С проклятою ордой!
---
Укроп - гораздо лучше, чем конопля!
 все сообщения
Каури Дата: Воскресенье, 10.10.2010, 08:55 | Сообщение # 28
Хранительница
Группа: Хранительница
Сообщений: 14476
Награды: 153
Статус: Offline
Quote (РОМАН)
Может, radioactive или Velkan поправят, пока Каури на работе? Или Атаман, если времени найдет чуток... ))

Ого, стоит мне уйти на работу!!!!!!!!!!!!!!!!!!!!!!!!!!!!........

Спасибо, шериф))) Это просто словами не передать, как я радуюсь, когда меня ценят))))
Вот - увидела этот пост и вся в счастьи wink



 все сообщения
РОМАН Дата: Воскресенье, 10.10.2010, 09:23 | Сообщение # 29
Шериф
Группа: Старшина
Сообщений: 6433
Награды: 41
Статус: Offline
Quote (Каури)
Это просто словами не передать, как я радуюсь, когда меня ценят))))

Каури, а ведь действительно ценят!!!
У кого и плюсиков в репе больше всех, и наград? Причем все - вполне заслуженно!!!!!

Вот:

Quote (Velkan)
Растёшь Оленька Это я на полном серьёзе, без всяких подначек.

Quote (Кержак)
что говорить - молодец Оля.

Quote (РОМАН)
Присоединяюсь - Молодец, Оля!!!

И это - только из одной темы, и только за один день! ok


Вставай на смертный бой
С фашистской силой темною,
С проклятою ордой!
---
Укроп - гораздо лучше, чем конопля!
 все сообщения
Каури Дата: Воскресенье, 10.10.2010, 09:45 | Сообщение # 30
Хранительница
Группа: Хранительница
Сообщений: 14476
Награды: 153
Статус: Offline
[bgcolor=orange]Внимание - панель ВВ-кодов временно изменила - попробуйте пользоваться - если понравится - можем оставить)))[/bgcolor]


 все сообщения
Форум Дружины » Дружина » Для новичков » Что такое bb-коды и с чем их едят (Как сделать сообщение оригинальным.)
  • Страница 1 из 3
  • 1
  • 2
  • 3
  • »
Поиск:

Главная · Форум Дружины · Личные сообщения() · Новые сообщения · Участники · Правила форума · Поиск · PDA · Д2
Мини-чат
   
200



Литературный сайт Полки книжного червя

Copyright Дружина © 2019
где купить диплом купить диплом института где купить диплом купить диплом о высшем образовании купить диплом в москве http://diplomsagroups.com купить диплом колледжа купить диплом института купить диплом колледжа купить диплом нового образца купить диплом врача купить диплом занесенный реестр купить диплом с внесением в реестр купить диплом нового образца купить диплом магистра купить диплом без занесения в реестр купить аттестат где купить диплом купить диплом с занесением в реестр купить диплом ссср http://rudiplomirovanie.com купить диплом вуза с занесением в реестр купить диплом техникума http://aurus-diploms.com купить диплом с реестром цена москва купить диплом университета https://premiums-diploms.com купить диплом пту с занесением в реестр купить свидетельство о браке купить диплом нового образца диплом купить с занесением в реестр москва купить диплом фармацевта https://diploms-asx.com купить диплом с занесением в реестр цена купить дипломы о высшем https://diploms-asx.com купить диплом с занесением в реестр купить свидетельство о браке http://diplomrussian.com купить диплом с реестром цена купить диплом о среднем специальном купить диплом о среднем специальном купить диплом с реестром купить диплом специалиста купить диплом колледжа купить диплом колледжа с занесением в реестр купить диплом техникума купить диплом специалиста купить диплом колледжа с занесением в реестр купить диплом вуза купить дипломы о высшем купить диплом с занесением в реестр цена купить диплом специалиста купить диплом автомеханика купить диплом техникума с занесением в реестр купить свидетельство о браке https://russiany-diploman.com/ купить диплом с реестром купить диплом автомеханика https://premialnie-diplomas.ru купить диплом без занесения в реестр купить диплом о среднем образовании купить диплом колледжа где купить диплом с реестром где купить диплом http://diploms-service.com купить диплом с внесением в реестр купить диплом врача https://anny-diploms.com купить диплом с реестром спб купить диплом ссср https://kyc-diplom.com купить диплом высшем образовании занесением реестр купить диплом фармацевта https://originaly-dokuments.com купить диплом занесенный реестр купить диплом института купить диплом нового образца купить диплом реестром москве купить диплом специалиста https://diplomy-grup24.com/ купить диплом с внесением в реестр купить диплом бакалавра http://aurus-diploms.com/obrazovanie/kupit-diplom-goznak.html купить диплом с реестром купить дипломы о высшем https://diplomansy.com/kupit-diplom-chelyabinskкупить диплом врача с занесением в реестр купить диплом бакалавра http://diploms-service.com/diplomy-po-gorodam/chelyabinsk купить диплом о высшем о