Приветствую Вас, Гость! Регистрация RSS

Лучшие буксы для заработка в интернете

Четверг, 16.05.2024
Главная » Статьи » Мои статьи [ Добавить статью ]
Справочник BB-code

Справочник BB-code

Работа с текстом:

BB-код Описание Пример Представление в HTML
[b]текст[/b] Важный текст, полужирный текст <strong>текст</strong>
[i]текст[/i] Важный текст, курсив текст <em>текст</em>
[bold]текст[/bold] Просто полужирный текст <b>текст</b>
[italic]текст[/italic] Просто курсив текст <i>текст</i>
[u]текст[/u] Подчёркнутый текст текст <u>текст</u>
[s]текст[/s] Зачеркнутый текст <s>текст</s>
[sup]текст[/sup] Верхний индекс текст <sup>текст</sup>
[sub]текст[/sub] Нижний индекс текст <sub>текст</sub>
[small]текст[/small] Уменьшенный шрифт текст <small>текст</small>
[p]текст[/p] Абзац   <p>текст</p>
[color=цвет]текст[/color] Цвет текста   <span style="color:цвет">текст</span>
[size=10pt]текст[/size] Размер шрифта   <span style="font-size:10pt">текст</span>
[div=стиль]текст[/div] style для блока   <div style="стиль">текст</div>
[p=стиль]текст[/p] style для абзаца   <p style="стиль">текст</p>
[span=стиль]текст[/span] style для текста   <span style="стиль">текст</span>

Выравнивание:

BB-код Описание Представление в HTML
[left]текст[/left] Выравнивание в блоке влево <div style="text-align: left;">текст</div>
[right]текст[/right] Выравнивание в блоке вправо <div style="text-align: right;">текст</div>
[center]текст[/center] Выравнивание в блоке по центру <div style="text-align: center;">текст</div>
[justify]текст[/justify] Выравнивание в блоке по ширине <div style="text-align: justify;">текст</div>
[left стиль]текст[/left] Выравнивание в блоке влево <div style="text-align: left; стиль">текст</div>
[right стиль]текст[/right] Выравнивание в блоке вправо <div style="text-align: right; стиль">текст</div>
[center стиль]текст[/center] Выравнивание в блоке по центру <div style="text-align: center; стиль">текст</div>
[justify стиль]текст[/justify] Выравнивание в блоке по ширине <div style="text-align: justify; стиль">текст</div>
[pleft]текст[/pleft] Выравнивание в абзаце влево <p style="text-align: left;">текст</p>
[pright]текст[/pright] Выравнивание в абзаце вправо <p style="text-align: right;">текст</p>
[pcenter]текст[/pcenter] Выравнивание в абзаце по центру <p style="text-align: center;">текст</p>
[pjustify]текст[/pjustify] Выравнивание в абзаце по ширине <p style="text-align: justify;">текст</p>

Заголовки:

BB-код Описание Пример Представление в HTML
[h1]текст[/h1] Заголовок 1-го уровня

текст

 <h1>текст</h1>
[h2]текст[/h2] Заголовок 2-го уровня

текст

 <h2>текст</h2>
[h3]текст[/h3] Заголовок 3-го уровня

текст

 <h3>текст</h3>
[h4]текст[/h4] Заголовок 4-го уровня

текст

 <h4>текст</h4>
[h5]текст[/h5] Заголовок 5-го уровня
текст
 <h5>текст</h5>
[h6]текст[/h6] Заголовок 6-го уровня
текст
 <h6>текст</h6>
[h1(класс)]текст[/h1] Заголовок 1-го уровня с классом. Аналогично для h2-h6.   <h1 class="класс">текст</h1>

Списки:

BB-код Описание Представление в HTML
[list]список[/list] Маркированный список <ul>список</ul>
[ul]список[/ul] Маркированный список <ul>список</ul>
[ol]список[/ol] Нумерованный список <ol>список</ol>
[*]текст Элемент списка <li>текст
[*]текст[/*] Элемент списка <li>текст</li>

ПРИМЕР СПИСКА:

    [list]

       [*]первый

       [*]второй

       [*]третий

    [/list]

Разное:

BB-код Описание Пример Представление в HTML
[br] Принудительный перенос строки   <br clear="all">
[code]текст[/code] Код текст <code>текст</code>
[pre]текст[/pre] Преформатированный текст 
текст
 <pre>текст</pre>
[abbr]абревиатура[/abbr] Абревиатура абревиатура <abbr>абревиатура</abbr>
[abbr описание]...[/abbr] Абревиатура с описанием абревиатура <abbr title="описание">абревиатура</abbr>
[q]цитата в строке[/q] Цитата цитата <q>цитата в строке</q>
[q свойства]цитата в строке[/q] Цитата со свойствами   <q свойства>цитата в строке</q>
[cite]Сноска[/cite] Сноска сноска <cite>Сноска</cite>
[cite свойства]Сноска[/cite] Сноска со свойствами   <cite свойства>Сноска</cite>
[address]адрес[/address] Адрес
адрес
 <address>адрес</address>
[address свойства]адрес[/address] Адрес со свойствами   <address свойства>адрес</address>
[dfn]Новый термин[/dfn]     <dfn>Новый термин</dfn>
[dfn свойства]Новый термин[/dfn]     <dfn свойства>Новый термин</dfn>
[del]удаленный текст[/del]     <del>удаленный текст</del>
[del свойства]удаленный текст[/del]     <del свойства>удаленный текст</del>
[ins]Добавленный текст[/ins]     <ins>Добавленный текст</ins>
[ins свойства]Добавленный текст[/ins]     <ins свойства>Добавленный текст</ins>
[dl]Список определений[/dl]     <dl>Список определений</dl>
[dl свойства]Список определений[/dl]     <dl свойства>Список определений</dl>
[dt]Определение[/dt]     <dt>Определение</dt>
[dt свойства]Определение[/dt]     <dt свойства>Определение</dt>
[dd]Описание[/dd]     <dd>Описание</dd>
[dd свойства]Описание[/dd]     <dd свойства>Описание</dd>
[quote]текст[/quote] Цитата   <blockquote>текст</blockquote>
[div(class)]текст[/div]     <div class="class">текст</div>
[div атрибуты]текст[/div]     <div атрибуты>текст</div>
[span(class)]текст[/span]     <span class="class">текст</span>
[span атрибуты]текст[/span]     <span атрибуты>текст</span>
[text-demo] Подключает файл text-demo.txt (можно использовать для проверки стилей шаблона)    

Работа с картинками:

BB-код Описание Представление в HTML
[img]адрес[/img] Картинка <img src="адрес">
[img=300x500]адрес[/img] Картинка с размерами <img src="адрес" style="width: 300px; height: 500px">
[imgleft]адрес[/imgleft] Картинка влево <img src="адрес" style="float: left; margin: 0 10px 0 0;">
[imgright]адрес[/imgright] Картинка вправо <img src="адрес" style="float: right; margin: 0 0 0 10px;">
[imgcenter]адрес[/imgcenter] Картинка по центру <div style="text-align: center"><img src="адрес"></div>
Аналогичные, только с названиями/всплывающими подсказками. В названии нельзя использовать кавычки!
[img Название]адрес[/img]    
[imgleft Название]адрес[/imgleft]    
[imgright Название]адрес[/imgright]    
[imgcenter Название]адрес[/imgcenter]    
[imgleft=300x500]адрес[/imgleft] Картинка с размерами влево  
[imgright=300x500]адрес[/imgright] Картинка с размерами вправо  
[img(cssClass)]адрес[/img] Картинка с указанным css-классом  
[img(cssClass) Описание]адрес[/img] Картинка с указанным css-классом и описанием  
Миниатюра (адрес-mini) со ссылкой на оригинал
[imgmini=_адрес-mini]адрес[/imgmini] Открыть в новом окне <a href="адрес" target="_blank"><img src="адрес-mini"></a>
[imgmini=адрес-mini]адрес[/imgmini] Открыть в том же окне <a href="адрес"><img src="адрес-mini"></a>

Работа с ссылками:

BB-код Представление в HTML
[url]http://maxsite.org/[/url] <a href="http://maxsite.org/">http://maxsite.org/</a>
[url=http://maxsite.org/]Блог Макса[/url] <a href="http://maxsite.org/">Блог Макса</a>
[url=http://maxsite.org/ rel="nofollow"]Блог Макса[/url] <a href="http://maxsite.org/" rel="nofollow">Блог Макса</a>
[url rel="nofollow"]http://maxsite.org/[/url] <a href="http://maxsite.org/" rel="nofollow">http://maxsite.org/</a>

Работа с таблицей:

ПРИМЕР ТАБЛИЦЫ:

   [table]

      [tr]

         [td]1-я ячейка 1-й строки[/td]

         [td]2-я ячейка 1-й строки[/td]

         [td]3-я ячейка 1-й строки[/td]

      [/tr]

      [tr]

         [td]1-я ячейка 2-й строки[/td]

         [td]2-я ячейка 2-й строки[/td]

         [td]3-я ячейка 2-й строки[/td]

      [/tr]

      [tr]

         [td]1-я ячейка 3-й строки[/td]

         [td]2-я ячейка 3-й строки[/td]

         [td]3-я ячейка 3-й строки[/td]

      [/tr]

   [/table]

 

В таблице можно указывать произвольные стили, классы и т.п.:

[table class="red" style="border: 1px solid red"]

...

[tr rowspan="2"]

[td style="font-size: 18pt"]
Категория: Мои статьи | Добавил: Vadik (17.10.2015)
Просмотров: 642 | Рейтинг: 0.0/0
Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]
БУКСЫ