ВВ-коды форума

В данном подфоруме я буду выкладывать разнообразные украшения форума phpbb3, от смайлов до скриптов, от ВВ-кодов до различных полезных программ.

Модераторы: Vl@d1m1r, Lorem Ipsum, Atlas

Правила форума
----
Ответить
Аватара пользователя
DeaDRoMeO
Старожил Форума
Старожил Форума
Сообщения: 16763
Стаж: 13 лет
Откуда: Витебск
Контактная информация:

ВВ-коды форума

Сообщение DeaDRoMeO »

Спасибо, красиво получается))
На вопросы, связанные с phpBB, по ЛС не отвечаю !!!
#441
Аватара пользователя
dqdmitry
Самый Любознательный
Самый Любознательный
Сообщения: 377
Стаж: 11 лет 4 месяца
Откуда: Ангарск
Контактная информация:

ВВ-коды форума

Сообщение dqdmitry »

DeaDRoMeO писал(а):красиво получается))
Спасибо, Серёг!

Ещё один BBcode для оформления текста, статей, примечаний. Нашёл в буржуйской базе ббкодов
"Листки", или "заметки" в теле сообщения, расположенные справа.

Пример использования:
В тему стиля добавить (можно менять на свой вкус):

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

table.postit
{
background-color: #fff;
color: #404040;
table-layout: fixed;
width: 250px;
font-size: 14px;
float: right;
margin-left: 10px;
border: 1px #ac7900 solid;
}


.postitheadline
{ 
background-color: #ffe57b;
color: #404040;
padding-left: 6px;
font-weight: bold;
font-size: 14px;
border-bottom: 1px solid #ac7900;
}


.postitcontent
{ 
background-color: #fff;
color: #404040;
font-size: 12px;
padding: 8px;
} 
Использование BBCode:

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

[postit={TEXT1}]{TEXT2}[/postit]
Замена HTML

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

<table class="postit" cellspacing="0">
<tr>
<td class="postitheadline">{TEXT1}</td>
</tr>
<tr>
<td class="postitcontent">
<p>
{TEXT2}
</p>
</td>
</tr>
</table>
Подсказка:

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

Заметка в тексте [postit=Заголовок заметки]Текст заметки[/postit]
нуевонафигэтотавтомод
#442
Аватара пользователя
DeaDRoMeO
Старожил Форума
Старожил Форума
Сообщения: 16763
Стаж: 13 лет
Откуда: Витебск
Контактная информация:

ВВ-коды форума

Сообщение DeaDRoMeO »

Вах, поставлю себе обязательно, статейки оформлять пригодится))
На вопросы, связанные с phpBB, по ЛС не отвечаю !!!
#443
SalafSolih
Заглянул на огонек
Заглянул на огонек
Сообщения: 1
Стаж: 9 лет 10 месяцев

подскажите пожалуйста, где можно найти ббкоде [arabic] ?

Сообщение SalafSolih »

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

подскажите пожалуйста, где можно найти ббкоде [arabic] ?

я хочу вставить арабский текст на своем форуме.

#444
elysse
Заглянул на огонек
Заглянул на огонек
Сообщения: 6
Стаж: 9 лет 9 месяцев
Откуда: Ukraine
Контактная информация:

ВВ-коды форума

Сообщение elysse »

Добрый вечер.
Подскажите как прописать этот ВВ код
[HTML]значение[/HTML]
#445
Аватара пользователя
DeaDRoMeO
Старожил Форума
Старожил Форума
Сообщения: 16763
Стаж: 13 лет
Откуда: Витебск
Контактная информация:

ВВ-коды форума

Сообщение DeaDRoMeO »

Значение - это любой html код? Поиск по форуму - enable html
На вопросы, связанные с phpBB, по ЛС не отвечаю !!!
#446
Аватара пользователя
Claudia
Заглянул на огонек
Заглянул на огонек
Сообщения: 36
Стаж: 10 лет 8 месяцев
Откуда: Украина
Контактная информация:

ВВ-коды форума

Сообщение Claudia »

У меня на сайте был бб код imgltr= обтекание картинки текстом справа или слева. Бб код полезный, но неудобный, так как с клавиатуры необходимо указывать сторону обтекания right или left.

Немного переделала бб код. Теперь У меня два бб кода где стороны обтекания прописаны сразу.

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

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

[imgleft]{URL}[/imgleft]
Замена HTML

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

<img style="margin-right: 15px;" src="{URL}" alt="Изображение" align="left" class="imgleft" />
Подсказка

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

Обтекание картинки текстом слева.
imgright
Использование BBCode

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

[imgright]{URL}[/imgright]
Замена HTML

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

<img style="margin-right: 15px;" src="{URL}" alt="Изображение" align="right" class="imgright" />
Подсказка

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

Обтекание картинки текстом справа.
#447
Аватара пользователя
Лена
Завсегдатай Форума
Завсегдатай Форума
Сообщения: 966
Стаж: 11 лет 5 месяцев
Контактная информация:

ВВ-коды форума

Сообщение Лена »

нужная вещь конечно, но у меня не заработало ((( Что не так? замена ХТМЛ точно так прописывается?
Кэш чистила не раз )))
#448
Аватара пользователя
DeaDRoMeO
Старожил Форума
Старожил Форума
Сообщения: 16763
Стаж: 13 лет
Откуда: Витебск
Контактная информация:

ВВ-коды форума

Сообщение DeaDRoMeO »

Смущает это - class="imgright" - может что еще надо прописывать в css?
На вопросы, связанные с phpBB, по ЛС не отвечаю !!!
#449
Аватара пользователя
Claudia
Заглянул на огонек
Заглянул на огонек
Сообщения: 36
Стаж: 10 лет 8 месяцев
Откуда: Украина
Контактная информация:

ВВ-коды форума

Сообщение Claudia »

У меня на сайте работают оба бб кода.
Вот скрин как прописан у меня один из бб кодов.
А вот ссылка на моем сайте о переделанном бб коде. Форумчане используют бб код работает.
Ссылка

Жаль, что не работает у Вас. Нам переделанный бб код облегчил работу на сайте.
#450
Аватара пользователя
DeaDRoMeO
Старожил Форума
Старожил Форума
Сообщения: 16763
Стаж: 13 лет
Откуда: Витебск
Контактная информация:

ВВ-коды форума

Сообщение DeaDRoMeO »

Во, я погляжу ваш форум позже, думаю решим проблемку))
На вопросы, связанные с phpBB, по ЛС не отвечаю !!!
#451
Аватара пользователя
Лена
Завсегдатай Форума
Завсегдатай Форума
Сообщения: 966
Стаж: 11 лет 5 месяцев
Контактная информация:

ВВ-коды форума

Сообщение Лена »

Здорово. :co_ol: Вроде и вправду ничего мудренного не написано, но........ у меня так не работает ((((
Наоборот все мои кнопочки сбились функциями. Вернула все как было. Но теперь тоже хочу такое ))))
#452
Аватара пользователя
белк
Хорошо тут живется
Хорошо тут живется
Сообщения: 1322
Стаж: 10 лет 6 месяцев
Откуда: Россия
Контактная информация:

ВВ-коды форума

Сообщение белк »

Можно сделать так:

1. Изображение справа. Тэг imgright
Использование BBCode

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

[imgright]{URL}[/imgright]
Замена HTML

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

<img src="{URL}" style="float:right; margin-top:10px; margin-right:20px; margin-left:10px;margin-bottom:10px">
Подсказка

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

Изображение справа: [imgright]ссылка на изображение[/imgright]
2. Изображение слева. Тэг imgleft
Использование BBCode

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

[imgleft]{URL}[/imgleft]
Замена HTML

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

<img src="{URL}" style="float:left; margin-top:10px; margin-left:20px;margin-right:10px; margin-bottom:10px">
Подсказка

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

Изображение слева: [imgleft]ссылка на изображение[/imgleft]
Я так сделал себе на форуме. Работает. Текст обтекает. Можете отредактировать отступы под себя...
три головы - это хорошо. но как же трудно придти к согласию...
* белк может помочь, но ставить за кого-то моды не будет... ни платно, ни бесплатно. *
#453
Аватара пользователя
белк
Хорошо тут живется
Хорошо тут живется
Сообщения: 1322
Стаж: 10 лет 6 месяцев
Откуда: Россия
Контактная информация:

ВВ-коды форума

Сообщение белк »

Вступление: когда ставил здешний спойлер, мне очень понравилась функция открытия картинок. поэтому решил сделать отдельный bbcode чисто под такую функцию. сам скрипт не от спойлера. я его уже давно нашёл где-то в сети когда делал себе галерею. где нашёл - уже не помню. на его основе и построена вся эта система. ставится очень просто: 2 вставки в overall_header.html и прописка самого bbcode (разумеется, предварительно закинув в корень сайта сам скрипт)... что ещё... а, скрипт позволяет просматривать изображения в виде "одно за другим" (слайд-шоу).

Скриншоты:







Демо здесь: посмотреть

Итак, кого заинтересовало, ставим сие творение.



В ваш стиль/template/overall_header.html добавить:

После

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

<link rel="stylesheet" href="{T_STYLESHEET_LINK}" type="text/css" />
Вставить

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

<link rel="stylesheet" type="text/css" href="{ROOT_PATH}tracker/addons/fancybox/jquery.fancybox-1.3.4.css" media="screen" />
Перед
Вставить

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

<!------------------- fancybooks on ---------------------------->	

<script type="text/javascript" src="{ROOT_PATH}tracker/addons/fancybox/jquery.mousewheel-3.0.4.pack.js"></script>
<script type="text/javascript" src="{ROOT_PATH}tracker/addons/fancybox/jquery.fancybox-1.3.4.pack.js"></script>
<script type="text/javascript">
	$(document).ready(function(){
		$("a.photo").fancybox({
			transitionIn: 'elastic',
			transitionOut: 'elastic',
			speedIn: 500,
			speedOut: 500,
			hideOnOverlayClick: false,
			titlePosition: 'over'
		});
	});
</script>

<!------------------- fancybooks end ---------------------------->
Теперь прописываем bbcode:

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

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

[imgf]{URL}[/imgf]
Замена HTML

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

<a rel="gallery" class="photo" href="{URL}" title=""><img src="{URL}" width="200" alt="" class="fancyborder" /></a>
Подсказка

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

открытие картинки через fancybox: [imgf]ссылка[/imgf]
Вроде бы всё...

в bbcode width="200" показывает размер открытия миниатюр. в файле jquery.fancybox-1.3.4.css можно подредактировать внешний вид...
на функционирование вместе со спойлером с фукцией fancybox, который раздаётся здесь, этот bbcode не тестировался!
три головы - это хорошо. но как же трудно придти к согласию...
* белк может помочь, но ставить за кого-то моды не будет... ни платно, ни бесплатно. *
#454
Аватара пользователя
белк
Хорошо тут живется
Хорошо тут живется
Сообщения: 1322
Стаж: 10 лет 6 месяцев
Откуда: Россия
Контактная информация:

ВВ-коды форума

Сообщение белк »

Вступление: гуляя по форумам phpbb на ppkbb3cker наткнулся на "красивость" к code. когда работаешь с Notepad++ очень удобны подсветки текста (кому как, конечно). вот этот мод и создаёт такую подсветку. есть разные стили отображения. больше пригодится конечно тем, кто часто использует тэг code...

Тема создана на основе информации с ppkBB3cker тема

один из видов получившегося текста (у меня) выглядит так:




Кого заинтересовало, ставим по инструкции (тоже не сложно).



1. Скачать архив, распаковать, заменить файлы форума файлами из директории /root/ (инструкция была написана для трекера, но для просто форума подходит 100%)
2. Переделать файлы:
styles/prosilver/template/bbcode.html заменить

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

<!-- BEGIN code_open --><dl class="codebox"><dt>{L_CODE}: <a href="#" onclick="selectCode(this); return false;">{L_SELECT_ALL_CODE}</a></dt><dd><code><!-- END code_open -->
на

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

<!-- BEGIN code_open --><dl class="codebox"><dt>{L_CODE}: <a href="#" onclick="selectCode(this); return false;">{L_SELECT_ALL_CODE}</a></dt><dd><code class="prettyprint linenums"><!-- END code_open -->
styles/prosilver/template/overall_header.html после

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

<link href="{T_THEME_PATH}/large.css" rel="alternate stylesheet" type="text/css" title="A++" />
добавить

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

<link href="{ROOT_PATH}tracker/addons/css/gprettify/prettify.css" rel="stylesheet" type="text/css" />
перед добавить

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

<script src="{ROOT_PATH}tracker/addons/js/prettify.js" type="text/javascript"></script>
<script type="text/javascript">
// <![CDATA[
$(document).ready(
   function()
   {
      prettyPrint();
   }
);
// ]]>
</script>
styles/subsilver2/template/bbcode.html заменить

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

<!-- BEGIN code_open -->
<div class="codetitle"><b>{L_CODE}:</b></div><div class="codecontent">
<!-- END code_open -->
на

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

<!-- BEGIN code_open -->
<div class="codetitle"><b>{L_CODE}:</b></div><div class="codecontent"><code class="prettyprint linenums">
<!-- END code_open -->
заменить

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

<!-- BEGIN code_close -->
</div>
<!-- END code_close -->
на

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

<!-- BEGIN code_close -->
</code></div>
<!-- END code_close -->
styles/subsilver2/template/overall_header.html после

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

<link rel="stylesheet" href="{T_STYLESHEET_LINK}" type="text/css" />
добавить

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

<link href="{ROOT_PATH}tracker/addons/css/gprettify/prettify.css" rel="stylesheet" type="text/css" />
перед

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

<script type="text/javascript">
// <![CDATA[
<!-- IF S_USER_PM_POPUP and S_NEW_PM -->
добавить

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

<script src="{ROOT_PATH}tracker/addons/js/prettify.js" type="text/javascript"></script>
<script type="text/javascript">
// <![CDATA[
$(document).ready(
   function()
   {
      prettyPrint();
   }
);
// ]]>
</script>
3. Обновить стили, очистить кеш.
4. Скриншоты:



Отображение блока кода в стиле subsilver2 после установки мода

5. Для библиотеки существует несколько стилей подсветки (↑ http://google-code-prettify.googlecode. ... index.html), для смены стиля нужно в приведённом выше коде, вместо

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

<link href="{ROOT_PATH}tracker/addons/css/gprettify/prettify.css" rel="stylesheet" type="text/css" />
использовать любой из следующих вариантов

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

<link href="{ROOT_PATH}tracker/addons/css/gprettify/sons-of-obsidian.css" rel="stylesheet" type="text/css" />

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

<link href="{ROOT_PATH}tracker/addons/css/gprettify/desert.css" rel="stylesheet" type="text/css" />

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

<link href="{ROOT_PATH}tracker/addons/css/gprettify/sunburst.css" rel="stylesheet" type="text/css" />
Для работы мода так же необходимо подключение библиотеки jQuery.
может быть кому-нибудь и пригодится...
Последний раз редактировалось белк 04 авг 2017, 17:51, всего редактировалось 1 раз.
три головы - это хорошо. но как же трудно придти к согласию...
* белк может помочь, но ставить за кого-то моды не будет... ни платно, ни бесплатно. *
#455
Аватара пользователя
bublik89
Начинаю осваивать Форум
Начинаю осваивать Форум
Сообщения: 138
Стаж: 10 лет 1 месяц
Откуда: Тольятти
Контактная информация:

ВВ-коды форума

Сообщение bublik89 »

Ни в какую не работает показ изображений как в посте 454.
Что только не делал, в предпросмотре показывается текст, вместе с бб кодом.

Так же, пробовал несколько раз ставить галерею SlimBox, такую
результата нет.
Еще, на ненашенском сайте тут непонятная инструкция к установке, в нашей такого нет.
Для чего это и куда вставлять?

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

{
	overlayOpacity: 0.6,
	resizeEasing: "easeOutElastic",
	captionAnimationDuration: 1,
	counterText: "Image {x} sur {y}",
	closeKeys: [27, 70],
	nextKeys: [39, 83]
}
и непонятно это

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

<a href="images/image-1.jpg" rel="lightbox-cats">image #1</a>
<a href="images/image-2.jpg" rel="lightbox-cats">image #2</a>
<a href="images/image-3.jpg" rel="lightbox-cats">image #3</a>
p.s. пробовал на разных форумах, разных стилях, кэш форума и браузера чистил. не получается никак.
Может кто объяснит на пальцах что к чему.
#456
Аватара пользователя
DeaDRoMeO
Старожил Форума
Старожил Форума
Сообщения: 16763
Стаж: 13 лет
Откуда: Витебск
Контактная информация:

ВВ-коды форума

Сообщение DeaDRoMeO »

bublik89 писал(а):Для чего это и куда вставлять?
Ну это опциональная настройка скрипта, выше же написано как подключать скрипт
bublik89 писал(а):и непонятно это
А это написано какой класс должен быть у картинок чтобы скрипт их цеплял
На вопросы, связанные с phpBB, по ЛС не отвечаю !!!
#457
Аватара пользователя
bublik89
Начинаю осваивать Форум
Начинаю осваивать Форум
Сообщения: 138
Стаж: 10 лет 1 месяц
Откуда: Тольятти
Контактная информация:

ВВ-коды форума

Сообщение bublik89 »

А это написано какой класс должен быть у картинок чтобы скрипт их цеплялх
это тоже надо в хэдер?
Пробовал ставить не работает.
#458
Аватара пользователя
белк
Хорошо тут живется
Хорошо тут живется
Сообщения: 1322
Стаж: 10 лет 6 месяцев
Откуда: Россия
Контактная информация:

ВВ-коды форума

Сообщение белк »

странно. там вроде бы всё очень просто. раз и с другими галереями проблемы, может быть конфликт скриптов? :du_ma_et:
а ничего, что скрипты лежат в папке изображений?

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

<script type="text/javascript" src="http://rc86.ru/styles/prosilver/imageset/jquery.timers.js"></script>
<script type="text/javascript" src="http://rc86.ru/styles/prosilver/imageset/jquery-1.3.2.js"></script>
этот так, частное мнение...

p.s. ошибки точно есть...
три головы - это хорошо. но как же трудно придти к согласию...
* белк может помочь, но ставить за кого-то моды не будет... ни платно, ни бесплатно. *
#459
Аватара пользователя
bublik89
Начинаю осваивать Форум
Начинаю осваивать Форум
Сообщения: 138
Стаж: 10 лет 1 месяц
Откуда: Тольятти
Контактная информация:

ВВ-коды форума

Сообщение bublik89 »

белк писал(а):там вроде бы всё очень просто
В том то и дело что все просто, а не работает, голову уже сломал.
белк писал(а):раз и с другими галереями проблемы, может быть конфликт скриптов?
Пробовал на 2х совершенно разных форумах.
Правда скрипты на них стоят похожие, но ведь у всех как то работает.
белк писал(а):а ничего, что скрипты лежат в папке изображений?
Может я и не прав, но это врятли влияет на их работу, путь то прописан правильно.
просто давным давно, когда ставил, в описании было написано закинуть в картинки, я и закинул :-00): , так и лежат там.
белк писал(а):p.s. ошибки точно есть...
Ага, путь с ошибкой был написан.
#460
Ответить