Модификация нескольких BBcode - Страница 2 - Дизайн и модификация Invision Power Board

Перейти к содержимому

 

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

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

СвернутьПрикрепленные теги

bb-code bb-коды ipb 3 spoiler спойлер

  • 4 Страниц +
  • 1
  • 2
  • 3
  • 4

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

#16 Пользователь не на сайте   Bonov ответил: »

 
 
  • Advanced
  • ***
  • Insert nick to fast reply form
  • Quote selected text to fast reply form
  • Группа: Пользователи
  • Сообщений: 171
  • Регистрация: 15-Декабрь 10
  • Репутация: 13
  • Откуда:Москва/Коломна
  • IPB version:3.4.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К)
Количество загрузок: 148Вложение  Предварительный просмотр.PNG (1,64К)
Количество загрузок: 143

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

0

#17 Пользователь не на сайте   Ritsuka ответил: »

 
 
  • ***
  • Смотреть галерею
  • Insert nick to fast reply form
  • Quote selected text to fast reply form
  • Группа: Пользователи
  • Сообщений: 1 908
  • Регистрация: 08-Июнь 09
  • Репутация: 530
  • IPB version:3.4.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; }

1

#18 Пользователь не на сайте   Bonov ответил: »

 
 
  • Advanced
  • ***
  • Insert nick to fast reply form
  • Quote selected text to fast reply form
  • Группа: Пользователи
  • Сообщений: 171
  • Регистрация: 15-Декабрь 10
  • Репутация: 13
  • Откуда:Москва/Коломна
  • IPB version:3.4.x
 

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

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

#19 Пользователь не на сайте   ljuter ответил: »

 
 
  • Newbie
  • *
  • Insert nick to fast reply form
  • Quote selected text to fast reply form
  • Группа: Пользователи
  • Сообщений: 8
  • Регистрация: 20-Февраль 11
  • Репутация: 1
  • IPB version:3.1.x
 

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

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

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

0

#20 Пользователь не на сайте   Bonov ответил: »

 
 
  • Advanced
  • ***
  • Insert nick to fast reply form
  • Quote selected text to fast reply form
  • Группа: Пользователи
  • Сообщений: 171
  • Регистрация: 15-Декабрь 10
  • Репутация: 13
  • Откуда:Москва/Коломна
  • IPB version:3.4.x
 

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

Просмотреть сообщениеljuter 13 Март 2011 - 23:53 сказал(а):

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

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

#21 Пользователь не на сайте   flacmusic ответил: »

 
 
  • Member
  • **
  • Insert nick to fast reply form
  • Quote selected text to fast reply form
  • Группа: Пользователи
  • Сообщений: 26
  • Регистрация: 05-Август 10
  • Репутация: 0
  • IPB version:3.2.x
 

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

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

#22 Пользователь не на сайте   Haldross ответил: »

 
 
  • Member
  • **
  • Insert nick to fast reply form
  • Quote selected text to fast reply form
  • Группа: Пользователи
  • Сообщений: 37
  • Регистрация: 31-Август 11
  • Репутация: 0
  • Откуда:Киев
  • IPB version:3.3.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К)
Количество загрузок: 130
0

#23 Пользователь не на сайте   Ritsuka ответил: »

 
 
  • ***
  • Смотреть галерею
  • Insert nick to fast reply form
  • Quote selected text to fast reply form
  • Группа: Пользователи
  • Сообщений: 1 908
  • Регистрация: 08-Июнь 09
  • Репутация: 530
  • IPB version:3.4.x
 

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

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

#24 Пользователь не на сайте   Haldross ответил: »

 
 
  • Member
  • **
  • Insert nick to fast reply form
  • Quote selected text to fast reply form
  • Группа: Пользователи
  • Сообщений: 37
  • Регистрация: 31-Август 11
  • Репутация: 0
  • Откуда:Киев
  • IPB version:3.3.x
 

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

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

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


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

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

#25 Пользователь не на сайте   Haldross ответил: »

 
 
  • Member
  • **
  • Insert nick to fast reply form
  • Quote selected text to fast reply form
  • Группа: Пользователи
  • Сообщений: 37
  • Регистрация: 31-Август 11
  • Репутация: 0
  • Откуда:Киев
  • IPB version:3.3.x
 

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

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

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


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

#26 Пользователь не на сайте   Ritsuka ответил: »

 
 
  • ***
  • Смотреть галерею
  • Insert nick to fast reply form
  • Quote selected text to fast reply form
  • Группа: Пользователи
  • Сообщений: 1 908
  • Регистрация: 08-Июнь 09
  • Репутация: 530
  • IPB version:3.4.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 и содержал и стили, и шаблон, и дефолтное значение для опции...
0

#27 Пользователь не на сайте   Haldross ответил: »

 
 
  • Member
  • **
  • Insert nick to fast reply form
  • Quote selected text to fast reply form
  • Группа: Пользователи
  • Сообщений: 37
  • Регистрация: 31-Август 11
  • Репутация: 0
  • Откуда:Киев
  • IPB version:3.3.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 = 'Скрытый текст';
							}


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


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


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

#28 Пользователь не на сайте   maza11 ответил: »

 
 
  • Advanced
  • ***
  • Insert nick to fast reply form
  • Quote selected text to fast reply form
  • Группа: Пользователи
  • Сообщений: 102
  • Регистрация: 20-Сентябрь 10
  • Репутация: 2
  • IPB version:3.0.x
 

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

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

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

0

#29 Пользователь не на сайте   karlson_a1 ответил: »

 
 
  • Member
  • **
  • Insert nick to fast reply form
  • Quote selected text to fast reply form
  • Группа: Пользователи
  • Сообщений: 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}

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

#30 Пользователь не на сайте   newbie ответил: »

 
 
  • Advanced
  • Insert nick to fast reply form
  • Quote selected text to fast reply form
  • Группа: IPB Skins.ru Team
  • Сообщений: 2 166
  • Регистрация: 26-Октябрь 11
  • Репутация: 813
  • IPB version:I have no IPB
 

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

Просмотреть сообщениеkarlson_a1 сказал(а):

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

В том, что в настройках бибикода есть пункт "Single Tag Only". И нужно поставить Yes.
0

Сообщить об этой теме:


  • 4 Страниц +
  • 1
  • 2
  • 3
  • 4


Быстрый ответ

  

1 пользователей читают эту тему
0 зарегистрированных, 1 гостей, 0 скрытых


Контактная информация

Вопросы по работе сайта

+7 (917) 501-4765
C 10 до 20 в рабочие дни (время московское)

Техническая поддержка

Контактные данные специалистов

Дизайн форумов

IPB 3.x ¦ IPB 2.x

Бесплатные шаблоны

IPB 3.2 – 3.4 ¦ IPB 3.1 ¦ IPB 3.0 ¦ IPB 2.2 – 2.3 ¦ IPB 2.1 ¦ Клипарт
Лицензия на использование ¦ Ваша поддержка ¦ О проекте
Copyright © 2005-2016 IPBSkins.ru Team
При копировании материалов с сайта
прямая ссылка на источник обязательна