Модификация нескольких BBcode

Правила раздела

Здесь обсуждаются вопросы по настройке и администрированию форумов IPB 3.x.
Пожалуйста, не оффтопьте, если зашли сюда случайно, и обратите внимание на соседние разделы.
Установка, настройка и обслуживание форумов IPB 2.x.
Оформление форумов, включая верстку скинов.
Размещение рекламы на форумах.
SEO оптимизация форума.
Техническая поддержка наших скинов и модов.

3 Страниц
←
1
2
3
→

Вы не можете создавать новые темы
Вы не можете отвечать в этой теме

Модификация нескольких BBcode [img] и [spoiler]

#16 Bonov

Advanced

Группа: Пользователи
Сообщений: 118
Регистрация: 15-Декабрь 10
Репутация: 7
Откуда:Москва/Коломна
IPB version:3.2.x

Отправлено 18 Февраль 2011 - 16:05

Ritsuka, добавил Ваш код, немного модифицировав CCS (подкорректировал цвета и отступы, чтобы заголовок был посередине кнопки).

.bbc_spoiler { border: 1px solid #aaa; background: #ddd; position: relative; display: block; margin: 10px 0; }
.bbc_spoiler .bbc_spoiler { margin: 10px; }
.bbc_spoiler .bbc_spoiler_wrapper { border-left: 0px !important; border-right: 0px !important; border-bottom: 0px !important; padding: 0; border-top: 1px solid #aaa; background: #fff; }
.bbc_spoiler .bbc_spoiler_content { border: 0; padding: 5px; }
.bbc_spoiler .bbc_spoiler_show { position: absolute; left: 5px; top: 4px; border: 1px solid #666; background: #fff; margin: 0; padding: 0; color: #666; width: 16px; height: 16px; font-size: 14px; }
.bbc_spoiler .spoiler_title { padding: 2px 2px 2px 25px; display: block; }

Но заметил одну странность, не связанную с корректировками, поскольку проявляется и в Вашем варианте: в предварительном просмотре высота заголовка ниже, чем в отредактированном посте. В итоге заголовок уезжает относительно кнопки вверх в предварительном просмотре. Уже все отступы, по идее, перебрал, но то там криво, то там. С чем может быть связано? Скин стандартный.

Сохраненный пост.PNG (1,69К)
Количество загрузок: 86

Предварительный просмотр.PNG (1,64К)
Количество загрузок: 85

Сообщение изменено: Bonov (18 Февраль 2011 - 16:06)

Наверх of the page up there ^

#17 Ritsuka

Advanced

Группа: IPB Skins Team
Сообщений: 976
Регистрация: 08-Июнь 09
Репутация: 246
IPB version:3.2.x

Отправлено 19 Февраль 2011 - 12:43

Смотрите в сторону css-свойства line-height. В стандартном скине для области сообщения стоит:

.post_body .post {
line-height: 150%;
}

А для области превью такого нет. Решение - добавить в паре мест (для надежности):

.bbc_spoiler { border: 1px solid #aaa; background: #ddd; position: relative; display: block; margin: 10px 0; line-height: 150% !important; }
.bbc_spoiler .spoiler_title { padding: 2px 2px 2px 25px; display: block; line-height: 150% !important; }

Наверх of the page up there ^

#18 Bonov

Advanced

Группа: Пользователи
Сообщений: 118
Регистрация: 15-Декабрь 10
Репутация: 7
Откуда:Москва/Коломна
IPB version:3.2.x

Отправлено 19 Февраль 2011 - 15:07

Да, действительно, теперь все ОК. Спасибо еще раз.

Наверх of the page up there ^

#19 ljuter

Newbie

Группа: Пользователи
Сообщений: 8
Регистрация: 20-Февраль 11
Репутация: 1
IPB version:3.1.x

Отправлено 13 Март 2011 - 23:53

а как сделать чтобы в стандартном исполнении вместо кнопки просто был текст? или как сделать кнопку прозрачной?

Сообщение изменено: ljuter (13 Март 2011 - 23:54)

Наверх of the page up there ^

#20 Bonov

Advanced

Группа: Пользователи
Сообщений: 118
Регистрация: 15-Декабрь 10
Репутация: 7
Откуда:Москва/Коломна
IPB version:3.2.x

Отправлено 05 Апрель 2011 - 16:40

ljuter 13 Март 2011 - 23:53 сказал(а):

Так здесь и есть вместо кнопки текст. Плюсик вообще не обязателен, спойлер открывается при нажатии на заголовок.

Наверх of the page up there ^

#21 flacmusic

Member

Группа: Пользователи
Сообщений: 17
Регистрация: 05-Август 10
Репутация: 0
IPB version:3.2.x

Отправлено 29 Сентябрь 2011 - 01:05

Подскажите. На 322 встанут эти изменения?

Наверх of the page up there ^

#22 Haldross

Member

Группа: Пользователи
Сообщений: 30
Регистрация: 31-Август 11
Репутация: 0
Откуда:Киев
IPB version:3.0.x

Отправлено 30 Сентябрь 2011 - 19:54

Ritsuka 17 Февраль 2011 - 23:53 сказал(а):

Вот вы тут сретесь.

Поправить спойлер можно так:

1. Отредактируйте BBCode (Look & Feel > Post Content > BBCode Management > Spoiler)

Use Option in tag? = Yes
Option is optional? = Yes
Custom BBCode Replacement:

<div class='bbc_spoiler'>
	<input type='button' class='bbc_spoiler_show' value='+' /><span class='spoiler_title'>{option}</span>
	<div class='bbc_spoiler_wrapper'><div class='bbc_spoiler_content' style="display:none;">{content}</div></div>
</div>

2. Отредактируйте языковые строки (Look & Feel > Manage Languages):

Найти строку по ключу "spoiler_show", установить перевод "+".
Найти строку по ключу "spoiler_hide", установить перевод "-".

3. Добавьте в CSS (ipb_styles.css) в конец строки

.bbc_spoiler { border: 1px solid #002F06; background: #D3D3D3; position: relative; display: block; margin: 10px 0; }
.bbc_spoiler .bbc_spoiler { margin: 10px; }
.bbc_spoiler .bbc_spoiler_wrapper { border-left: 0px !important; border-right: 0px !important; border-bottom: 0px !important; padding: 0; border-top: 1px solid #002F06; background: #fff; }
.bbc_spoiler .bbc_spoiler_content { border: 0; padding: 5px; }
.bbc_spoiler .bbc_spoiler_show { position: absolute; left: 5px; top: 5px; border: 1px solid #666; background: #fff; margin: 0; padding: 0; color: #666; width: 16px; height: 16px; font-size: 14px; }
.bbc_spoiler .spoiler_title { padding: 5px 5px 5px 25px; display: block; }

4. Отредактируйте файл /admin/sources/classes/bbcode/core.php

Найдите строки 2048-2049:

									if( $_bbcode['bbcode_useoption'] AND $_bbcode['bbcode_optional_option'] AND !$_option )
									{
										$_option	= $_content;

замените на:

									if( $_bbcode['bbcode_useoption'] AND $_bbcode['bbcode_optional_option'] AND !$_option )
									{
										$_option	= ($_tag == 'spoiler') ? 'Скрытый текст' : $_content;

5. Откройте на правку файл /public/js/ipb.js

Добавьте после строки 1198:

		ipb.delegate.register('.bbc_spoiler_show', ipb.global.toggleSpoiler);

Строку:

		ipb.delegate.register('.spoiler_title', function(e, label){$(label).up().down('.bbc_spoiler_show').click()} );

Сбросьте кэш постов и кэш браузера. Все выглядит как на картинке и работает как задумано.

Вот что получается, если не задавать название спойлеру:

1.PNG (2,5К)
Количество загрузок: 60

Наверх of the page up there ^

#23 Ritsuka

Advanced

Группа: IPB Skins Team
Сообщений: 976
Регистрация: 08-Июнь 09
Репутация: 246
IPB version:3.2.x

Отправлено 30 Сентябрь 2011 - 21:02

Пункт номер 4 решал эту задачу.

Наверх of the page up there ^

#24 Haldross

Member

Группа: Пользователи
Сообщений: 30
Регистрация: 31-Август 11
Репутация: 0
Откуда:Киев
IPB version:3.0.x

Отправлено 01 Октябрь 2011 - 00:24

Ritsuka 30 Сентябрь 2011 - 21:02 сказал(а):

Пункт номер 4 решал эту задачу.

У меня нет таких строчек в core.php

И теперь еще тег CODE изменился, без рамки даже...

Наверх of the page up there ^

#25 Haldross

Member

Группа: Пользователи
Сообщений: 30
Регистрация: 31-Август 11
Репутация: 0
Откуда:Киев
IPB version:3.0.x

Отправлено 01 Октябрь 2011 - 23:54

Ritsuka 30 Сентябрь 2011 - 21:02 сказал(а):

Пункт номер 4 решал эту задачу.

Так что посоветуете? Этих строк вообще нету.

Наверх of the page up there ^

#26 Ritsuka

Advanced

Группа: IPB Skins Team
Сообщений: 976
Регистрация: 08-Июнь 09
Репутация: 246
IPB version:3.2.x

Отправлено 02 Октябрь 2011 - 01:16

Посмотрел вчера новый файл из 3.2, порадовался. Переписали класс. Я как бы и не обещал, что заработает в 3.2

Для 3.2 найти строки 1768-1776:

							//-----------------------------------------
							// No?  Then just grab it
							//-----------------------------------------
							
							else
							{
								$open_length	+= 1;
								$_option		= substr( $txt, $this->cur_pos + $open_length, (strpos( $txt, ']', $this->cur_pos ) - ($this->cur_pos + $open_length)) );
							}

Добавить после них:

							if(empty($_option) && $_tag == 'spoiler') {
								$_option = 'Скрытый текст';
							}

Не тестировал, но должно сработать)

А вообще надо отдельный тег-плагин сделать, чтобы заменял системный spoiler и содержал и стили, и шаблон, и дефолтное значение для опции...

Наверх of the page up there ^

#27 Haldross

Member

Группа: Пользователи
Сообщений: 30
Регистрация: 31-Август 11
Репутация: 0
Откуда:Киев
IPB version:3.0.x

Отправлено 02 Октябрь 2011 - 10:29

Ritsuka 02 Октябрь 2011 - 01:16 сказал(а):

Посмотрел вчера новый файл из 3.2, порадовался. Переписали класс. Я как бы и не обещал, что заработает в 3.2

Для 3.2 найти строки 1768-1776:

							//-----------------------------------------
							// No?  Then just grab it
							//-----------------------------------------
							
							else
							{
								$open_length	+= 1;
								$_option		= substr( $txt, $this->cur_pos + $open_length, (strpos( $txt, ']', $this->cur_pos ) - ($this->cur_pos + $open_length)) );
							}

Добавить после них:

							if(empty($_option) && $_tag == 'spoiler') {
								$_option = 'Скрытый текст';
							}

У меня пока что 3.0.5.
Я до сих пор не знаю, что лучше поставить. 3.1.4 или 3.2.х

Наверх of the page up there ^

#28 maza11

Member

Группа: Пользователи
Сообщений: 98
Регистрация: 20-Сентябрь 10
Репутация: 1
IPB version:3.0.x

Отправлено 17 Октябрь 2011 - 10:19

а как добавить тег спойлер в форму ответа, у меня там его нету?

Сообщение изменено: maza11 (17 Октябрь 2011 - 10:37)

Наверх of the page up there ^

#29 karlson_a1

Member

Группа: Пользователи
Сообщений: 47
Регистрация: 26-Май 11
Репутация: 0
IPB version:3.1.x

Отправлено 27 Февраль 2012 - 14:19

Ritsuka 17 Февраль 2011 - 23:53 сказал(а):

Поправить спойлер можно так:

Совершенно случайно наткнулся на эту тему и вспомнил, что давно хотел такой вид спойлера! Ritsuka, большое спасибо! Всё работает!

Хотел бы ещё установить "Обтекание картинок".

Ritsuka 18 Февраль 2011 - 00:06 сказал(а):

А насчет обтекания текста и картинок - добавьте два новых кода:

2. CLEAR

Custom BBCode Tag = clear
Use Option in tag? = No
Custom BBCode Replacement:

<br class='clear' />

Пример использования:

[float=left][img][/float]Text[clear]Text

Код "FLOAT" создал, а вот "CLEAR" - не получилось.

Пишет: Сообщение Invision Power Board. Для не одиночных BB-кодов необходимо использовать тег {content}

Подскажите, пожалуйста, в чём может быть причина?