Начать новую тему Ответить на тему
АвторСообщение

 Сообщение ВВ-коды [часть 1] 2011-03-12

Аватар пользователя

Хорошая статья это красиво оформленная статья
в оформлении вам призваны помочь ВВ-коды расположенные сверху и сбоку
что же такое ВВ-код???
bbCode (аббр. от англ. Bulletin Board Code) — язык разметки, используемый для форматирования сообщений на многих электронных досках объявлений (BBS) и форумах.
bbCode был придуман с целью предоставить более простой, безопасный и ограниченный по сравнению с HTML способ форматирования сообщений
вид панели ВВ-кодов на нашем форуме


а теперь по порядку о каждом ВВ-коде и его функции
1)жирный текст
кнопка В
код
 

использование
рассмотрим простой пример, вы хотите сделать выделение жирным некоторый фрагмент текста. для этого выделите кусок текста и нажмите на кнопку В
[b]тестовый текст[/b]
 

выглядеть теперь текст будет так---тестовый текст ---вместо--- тестовый текст

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

текст выглядит теперь так
[i]тестовый текст[/i]
 
тестовый текст

3)зачеркнутый текст
кнопка s
код
 

текст выглядит теперь так
[s]тестовый текст[/s]
 
[s]тестовый текст[/s]

4)подчеркнутый текст
кнопка u
код
 

текст выглядит теперь так
[u]тестовый текст[/u]
 
тестовый текст

5)цитата
кнопка Quote
код
[quote][/quote]
 

текст выглядит теперь так
[quote]тестовый текст[/quote]
 
Цитата:
тестовый текст

6)код
кнопка Code
код
[code][/code]
 

текст выглядит теперь так
[code]тестовый текст[/code]
 
тестовый текст
 

7)вставка изображений
кнопка Img
код
[img][/img]
 

этот ВВ-код необходим для вставки изображений при наличии прямой ссылки на них
допустим у вас есть ссылка на картинку
http://ex-info.ru/Games/Da_Vinci_Code/06.jpg
 

если ее тупо вставить в тему то пользователи не увидят картинки. нужно заключить ссылку в ВВ-код
[img]http://ex-info.ru/Games/Da_Vinci_Code/06.jpg[/img]
 

и тогда получим

8)гиперссылка
кнопка Url
для чего это надо??? а надо это для красивого оформления статьи ведь если кинуть ссылку вида
http://hello-vitebsk.ru/viewtopic.php?f=3&t=34
 

то это некрасиво будет выглядеть. значит пользуемся данным ВВ-кодом только предварительно модифицируя его
был
[url]ваша ссылка[/url]
 

стал
[url=ваша ссылка]текст заменяющий ссылку[/url]
 

пример
при коде
[url]http://hello-vitebsk.ru/viewtopic.php?f=3&t=34[/url]
 

ссылка выглядит так http://hello-vitebsk.ru/viewtopic.php?f=3&t=34
а при коде
[url=http://hello-vitebsk.ru/viewtopic.php?f=3&t=34]Реквизиты Форума[/url]
 

вот так Реквизиты Форума

9)вставка флеш роликов и игр
кнопка Flash
код
[flash=][/flash]
 

что куда писать??? :x
а вот что
[flash=высота,ширина]прямая ссылка на флеш[/flash]
 

пример
прямая ссылка
http://flashvision.ru/flashgame/files/adventure042.swf
 

ВВ-код настроенный по вашему предпочтению
[flash=480,200]http://flashvision.ru/flashgame/files/adventure042.swf[/flash]
 

результат

10)размер и стиль шрифта
[size=50]очень маленький текст[/size]
 

очень маленький текст
[size=85]маленький текст[/size]
 

маленький текст
[size=150]большой текст[/size]
 

большой текст
[size=200]очень большой текст[/size]
 

очень большой текст
со шрифтами аналогичные проводите действия

11)выделение цветом
чтобы выделить цветом просто выделите необходимый кусок текста и нажмите в правой колонке на интересующий цвет

12)о применении группы ВВ-кодов mailvid, rutube, smotri, video и vkontakte читайте в этой теме
13)верхний и нижний индекс
кнопка sub---нижний индекс
кнопка sup---верхний индекс
некое число[sub]нижний индекс[/sub]
 

некое числонижний индекс
некое число[sup]верхний индекс[/sup]
 

некое числоверхний индекс

успешного вам оформления статей, вопросы задаем в этой теме :(


_________________
Подпись:
-_- -_-
На вопросы, связанные с phpBB, по ЛС не отвечаю !!!
          Вернуться наверх  
 


Аватар пользователя

Все зависит от стиля, какой стиль у вас?


_________________
Подпись:
-_- -_-
На вопросы, связанные с phpBB, по ЛС не отвечаю !!!
          Вернуться наверх  
 


Аватар пользователя

Есть еще один bb код. Но реализация мне не очень нравиться. Речь идет про горизонтальную линию.

Код: [hr]{IDENTIFIER}[/hr]
Замена: <hr title="{IDENTIFIER}" />
Подсказка: [hr]Горизонтальная линия[/hr]
***
Во-первый чтобы воспользоваться этой функцией надо нажать на [hr], а потом между тегов еще написать hr
Во-вторых получится обычная разделительная линия. Можно ее как то видоизменить? Может кто уже заморачивался с этим?


          Вернуться наверх  
 


Аватар пользователя

DeaDRoMeO писал(а):

Можно ее как то видоизменить? Может кто уже заморачивался с этим?

а что вы хотите получить в итоге? это и есть bbcode для разделительной линии...
можно цвет добавить, можно толщину изменить, можно... а что надо?

простейший hr разделительной линии

Замена html

 


_________________
Подпись:
три головы - это хорошо. но как же трудно придти к согласию...
* белк может помочь, но ставить за кого-то моды не будет... ни платно, ни бесплатно. *
          Вернуться наверх  
 


Аватар пользователя

белк писал(а):

а что вы хотите получить в итоге? это и есть bbcode для разделительной линии...
можно цвет добавить, можно толщину изменить, можно... а что надо?

Пожирнее бы сделать и покрасить в синий цвет. :-00):

белк писал(а):

простейший hr разделительной линии
Замена html

У меня сейчас в результате добавления:
Код: [hr]{IDENTIFIER}[/hr]
Замена: <hr title="{IDENTIFIER}" />
Подсказка: [hr]Горизонтальная линия[/hr]
 

Пользователю надо нажать на кнопку в панеле с ответом "hr" и между тегов написать hr, т.е. так:
[hr]hr[/hr]
 

А как сделать чтобы нажал на кнопку "hr" и линия автоматом вставилась?


          Вернуться наверх  
 


Аватар пользователя

Использование BBCode

[hr][/hr]
 


Замена HTML

<hr style="height:10px;background:#005786;">
 


где height:10px; - толщина; background:#005786; - цвет полосы (синий)

Успехов


_________________
Подпись:
три головы - это хорошо. но как же трудно придти к согласию...
* белк может помочь, но ставить за кого-то моды не будет... ни платно, ни бесплатно. *
          Вернуться наверх  
 


Аватар пользователя

белк писал(а):

Успехов


Спасибо, Андрей! :co_ol: То, что надо! :ya_hoo_oo:


          Вернуться наверх  
 
 
Начать новую тему Ответить на тему


Дополнительные возможности

  Похожие темы  Автор  Ответов  Просмотров  Последнее сообщение 
Аватар пользователя ВВ-коды [часть 2]

DeaDRoMeO

25

4669

Аватар пользователя

18 апр 2014, 13:32

БОРИСЫЧ

Аватар пользователя ВВ-коды форума
Все основные и полезные BB-коды для форума phpbb3 собраны здесь. Берем, не стесняемся, не забываем говорить спасибо

DeaDRoMeO

632

41542

Аватар пользователя

25 окт 2017, 09:36

hunterkomp

Случайный аватар. Пользователю рекомендуется загрузить свой аватар в Настройках профиля после обновления не работают bb коды

proflekc

6

61

Случайный аватар. Пользователю рекомендуется загрузить свой аватар в Настройках профиля

02 ноя 2017, 09:57

proflekc

Аватар пользователя [Общая тема]BB-коды phpbb3
Тема полностью посвящена проблемам использования и разработки BB-кодов для форума

nudevolga

27

2215

Аватар пользователя

01 авг 2013, 14:04

DeaDRoMeO

Аватар пользователя +100500 [часть 2]

DeaDRoMeO

9

1104

Аватар пользователя

24 окт 2011, 13:14

Busyaka

Оставить свой комментарий

Поделиться темой с помощью

Ссылки на тему

Прямая ссылка:
BB-код для форумов, сайтов, блогов:
HTML ссылка:
 


Самая неформальная поддержка phpBB :P