Центр пользователя  |  Ваши сообщения  |  FAQ
Форум поддержки phpBB » phpBB 3.0.x » Поддержка phpBB 3.0.x

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

Помощь в установке, настройке и использовании phpBB 3.0.x
Пожалуйста, помните, что существуют: Поиск, Правила форума
Возможно, ответ на Ваш вопрос уже имеется: Документация, Статьи, Накопленный опыт
Полезные материалы по этой теме: Инструкция по установке форума, Конвертеры

Сообщение 16 окт 2011, 03:04

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

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


Небольшой список ВВ-кодов для форумов 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
Новичок
 
Сообщений: 3
Зарегистрирован:
16 окт 2011, 02:16
Благодарил (а): 0 раз.
Поблагодарили: 4 раз.

Сообщение 28 мар 2014, 21:16

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

С уважением.
Аватар пользователя
Наталья Таролог
Новичок
 
Сообщений: 3
Зарегистрирован:
28 мар 2014, 21:15
Благодарил (а): 0 раз.
Поблагодарили: 0 раз.

Сообщение 30 мар 2014, 18:33

Благодарю, Aleksty.
...ЧАСТЬ ТОЙ СИЛЫ...
Пользователь
 
Сообщений: 16
Зарегистрирован:
15 сен 2013, 08:24
Благодарил (а): 9 раз.
Поблагодарили: 0 раз.

Сообщение 31 мар 2014, 20:44

смайлики и плеер - файл не найден...(
Anna.SHvidka
Новичок
 
Сообщений: 7
Зарегистрирован:
20 мар 2014, 15:53
Благодарил (а): 2 раз.
Поблагодарили: 0 раз.


Вернуться в Поддержка phpBB 3.0.x

 


  • Похожие темы
    Ответов
    Просмотров
    Последнее сообщение
  • mp3-плеер
    Dyda » 07 сен 2009, 20:26
    3 Ответов
    1746 Просмотров
    Последнее сообщение Triplex560 Перейти к последнему сообщению
    08 сен 2009, 14:07
  • flv плеер с перемоткой
    Krabsss » 11 ноя 2012, 21:01
    1 Ответов
    510 Просмотров
    Последнее сообщение Tarus Перейти к последнему сообщению
    12 ноя 2012, 20:00
  • Нужен плеер для форума...
    Sim0n » 22 окт 2009, 21:30
    3 Ответов
    942 Просмотров
    Последнее сообщение xC4x Перейти к последнему сообщению
    23 окт 2009, 18:23
  • BB коды
    1, 2 Trojan » 21 мар 2011, 19:53
    10 Ответов
    2777 Просмотров
    Последнее сообщение Trojan Перейти к последнему сообщению
    22 мар 2011, 12:45
  • Модераторские BB коды
    sonk » 15 апр 2011, 19:53
    1 Ответов
    829 Просмотров
    Последнее сообщение Vlad-00003 Перейти к последнему сообщению
    15 апр 2011, 22:30

Кто сейчас на форуме

Сейчас этот форум просматривают: нет зарегистрированных пользователей и гости: 10

Форум поддержки phpBB
2008 - 2017 © BB3x.ru - русская поддержка форума phpBB3
Создано на основе phpBB® Forum Software © phpBB Group
авторов модов
разработчиков скинов
русификаторов
и всех поклонников phpBB3