ВВ-коды для форматирования текста + плеер FLV + смайлы

[Aleksty]

Здравствуйте!

Установил у себя форум, все вроде в порядке, но мало возможностей для форматирования текста, для моего варианта конечно.
Искал везде, то там кусочек, то здесь, плюнул и сделал сам.
Хочу вот поделиться с народом, может кому и пригодится...

Небольшой список ВВ-кодов для форумов phpBB3:

1.ЦЕНТРИРОВАТЬ -

Код: выделить все

- Использование BBCode
[center]{TEXT}[/center]
- Замена HTML
<div style="text-align: center;">{TEXT}</div>
- Подсказка
[center] Ваш контент в центре [/center]

2.СМЕСТИТЬ ВЛЕВО -

Код: выделить все

- Использование BBCode
[left={NUMBER}]{TEXT}[/left]
- Замена HTML
<div style="position:absolute; left:{NUMBER}px>{TEXT}</div>
- Подсказка
[left=На сколько отступить от левого края] Ваш техт [/left]

3.СМЕСТИТЬ ВПРАВО -

Код: выделить все

- Использование BBCode
[right={NUMBER}]{TEXT}[/right]
- Замена HTML
<div style="position:absolute; right:{NUMBER}px">{TEXT}</div>
- Подсказка
[right=На сколько отступить от правого края] Ваш текст [/right]

4. ОТСТУП В НАЧАЛЕ СТРОКИ -

Код: выделить все

- Использование BBCode
[paragraph={NUMBER}]{TEXT}[/paragraph]
- Замена HTML
<div style="text-indent:{NUMBER}px;">{TEXT}</div>
- Подсказка
[paragraph=Число (Отступ абзаца)] Ваш текст [/paragraph]

5. МАНИПУЛЯЦИИ С ПЕРВОЙ БУКВОЙ АБЗАЦА -
почему через address?
у меня все блочные элементы HTML, кроме adress, или не работают, или ломают стиль страницы, а адресс редко кто использует, крестьянская хитрость так сказать...

Код: выделить все

- Использование BBCode
[letter={NUMBER},{COLOR}]{TEXT}[/letter]
- Замена HTML
<style>
   address {
    font-style: normal;
   }
   address::first-letter {
    font-size: {NUMBER}%;
    color: {COLOR};
   }
  </style>
<address style="{NUMBER},{COLOR}">{TEXT}</address>
- Подсказка
[letter=Число (Размер 1-й буквы в абзаце),Цвет (Индекс цвета 1-й буквы в абзаце)] Ваш текст [/letter]

6. СОЗДАЕМ ТАБЛИЦУ -

Код: выделить все

- Использование BBCode
[table]{TEXT}[/table]
- Замена HTML
<table border=1>{TEXT}</table>
- Подсказка
[table] Создать таблицу, структура - (table/tr/td(th) Текст в ячейке (th)td/tr/table)[/table]

- Использование BBCode
[tr]{TEXT}[/tr]
- Замена HTML
<tr>{TEXT}</tr>
- Подсказка

- Использование BBCode
[tr={NUMBER}]{TEXT}[/tr]
- Замена HTML
<tr rowspan={NUMBER}>{TEXT}</tr>
- Подсказка
[tr=Объеденить яейки (кол-во в столбце)] Ваш текст [/tr]

- Использование BBCode
[th]{TEXT}[/th]
- Замена HTML
<th>{TEXT}</th>
- Подсказка
[th] Ячейка-заголовок таблицы (между тегами tr!) [/th]

- Использование BBCode
[th={NUMBER}]{TEXT}[/th]
- Замена HTML
<th colspan={NUMBER}>{TEXT}</th>
- Подсказка
[th=Объединить ячейки-заголовка таблицы (кол-во в строке)] Ваш текст [/th]

- Использование BBCode
[td]{TEXT}[/td]
- Замена HTML
<td>{TEXT}</td>
- Подсказка

- Использование BBCode
[td={NUMBER}]{TEXT}[/td]
- Замена HTML
<td colspan={NUMBER}>{TEXT}</td>
- Подсказка
[td=Объединить ячейки (кол-во в строке)] Ваш текст [/td]

7. СПОЙЛЕР -
Кстати! Создав несколько дубликатов спойлеров под номерами, вы получите классическую "Матрешку", то есть многократное вложение спойлеров друг в друга, что иногда очень даже нужно!!!

Код: выделить все

Пример:
[spoiler=0]test[spoiler1=1]test[spoiler2=2]test[spoiler3=3]test[spoiler4=4]test[spoiler5=5]test[/spoiler5][/spoiler4][/spoiler3][/spoiler2][/spoiler1][/spoiler]

Код: выделить все

- Использование BBCode
[spoiler={TEXT1}]{TEXT}[/spoiler]
- Замена HTML
<div class='postbody'>
<div class="quotetitle" style='cursor:pointer;' onclick="var _n=this.parentNode.getElementsByTagName('div')[1];if(_n.style.display=='none'){_n.style.display='';}else{_n.style.display='none';}"> +/- {TEXT1}</div>
<div class='quotecontent' style="display:none">{TEXT}</div></div>
- Подсказка
[spoiler="Название спойлера"]Содержание спойлера[/spoiler]

8. ОБТЕКАНИЕ ИЗОБРАЖЕНИЯ ТЕКСТОМ -

Код: выделить все

- Использование BBCode
[align={NUMBER1},{NUMBER2}]{TEXT}[/align]
- Замена HTML
<p style="top:-{NUMBER1}px; left:{NUMBER2}px; position:relative;">{TEXT}</p>
- Подсказка
Обтекание изображения текстом [align=Число (На сколько поднять текст),Число (На сколько сдвинуть текст влево)] Ваш текст [/align]

9. ПРЕВЬЮ ИЗОБРАЖЕНИЯ -
ВНИМАНИЕ!!! Заключите тег PREVIEW в тег [url=адрес картинки]PREVIEW[/url] и полный размер катинки откроется в новом окне!

Код: выделить все

- Использование BBCode
[preview={NUMBER}]{URL}[/preview]
- Замена HTML
<div style="width:{NUMBER}%;"><img src={URL} style="width:{NUMBER}%;"></div>
- Подсказка
Превью мзображения [preview=Ширина картинки (% от размера)] URL картинки (без тега IMG!!!) [/preview]


9. ПРЕВЬЮ ИЗОБРАЖЕНИЯ С ИЗМЕНЯЕМЫМИ РАЗМЕРАМИ ПРИ НАВЕДЕНИИ

Код: выделить все

- Использование BBCode
[preview-in={NUMBER1},{NUMBER2}]{URL}[/preview-in]
- Замена HTML
<style>
div.pic {
        display: inline;
}
div.pic img {
   position: relative;
   width: {NUMBER1}px;
}
div.pic img:hover {
   cursor: pointer;
        position: absolute;   
   width: {NUMBER2}px;
   z-index:100;
}
</style>
<div class="pic"><img src="{URL}"></div>
- Подсказка
Изображение с увеличением/уменьшением при наведении [preview-in=Число (размер 1),Число (размер 2)] URL картинки (без тегa IMG!!!) [/preview-in]


10. ПРЕВЬЮ ИЗОБРАЖЕНИЯ С ИЗМЕНЯЕМЫМИ РАЗМЕРАМИ ПРИ КЛИКЕ

Код: выделить все

- Использование BBCode
[preview-cl={NUMBER1},{NUMBER2}]{URL}[/preview-cl]
- Замена HTML
<style>
img#image {
   cursor: pointer;
   position: relative;
}
<style>
div.m {
        display: inline;
        position: relative;
}
img#image {
   cursor: pointer;
}
</style>
<script type="text/javascript">
   var bigsize = {NUMBER2};
   var smallsize = {NUMBER1};
   function changeSizeImage(im) {
      if(im.width == bigsize) {im.width = smallsize;  im.style.zIndex='10';im.style.position='relative';
      }else{ im.width = bigsize; im.style.zIndex='100'; im.style.position='absolute';}
   }
</script>
<div class="m"><img id="image" src="{URL}" width="{NUMBER1}" onclick="changeSizeImage(this)" /></div>
- Подсказка
Изображение с увеличением/уменьшением при клике [preview-cl=Число (размер 1),Число (размер 2)] URL картинки (без тегa IMG!!!) [/preview-cl]


Ну и не относящееся к тексту, но нужная вешь:
11. FLV ПЛЕЙЕР скачать-

Код: выделить все

- Использование BBCode
[flv]{URL}[/flv]
- Замена HTML
<embed src="http://www.ваша ссылка на/player.swf" width="450" height="360" allowscriptaccess="always" allowfullscreen="true" flashvars="width=450&volume=50&displayclick=none&fullscreen=true&file={URL}" />
- Подсказка
[flv]ссылка на видео файл [/flv]

12. И смайлики! Самые удачные на мой взгляд:

Инструкция по установке в архиве - скачать 800 Кб

Кстати! Вопрос к модерам этого замечательного форума?
А почему бы вам не создать специальный раздел, где будут только рабочие варианты ВВ-кодов и ничего больше!?
Нужная вешь! Иначе найти что-то затруднительно, даже с поиском!
Слишком большой объем информации и все перемешивается, как ни контролируй.

[Наталья Таролог]

Перезалейте пожалуйста инструкцию - она не скачивается.

С уважением.

[...ЧАСТЬ ТОЙ СИЛЫ...]

Благодарю, Aleksty.

[Anna.SHvidka]

смайлики и плеер - файл не найден...(