Как сделать обычный ббсоде "скрытый текст" (типа more), но чтобы можно было изменить цвет фона?
Комментарии: 28

CabinetAdmin 18 июл 2018, 15:02 Сообщение

Например, если взять за основу http://cabinetadmina.ru/viewtopic.php?f=113&t=4012, то можно сделать что-то вроде:

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

[spoiler={TEXT1}|{COLOR}]{TEXT2}[/spoiler]
замена:

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

<div id="spoil_wrap">
	<div title="Скрытый текст" class="spoil_title" onclick="hidn = this.parentNode.getElementsByTagName('div')[1]; btn = this.getElementsByTagName('img')[0]; if (hidn.style.display != '') { hidn.style.display = ''; orimg = btn.src; btn.src = 'data:image/gif;base64,R0lGODlhCQAJAMQeAOLt+ff8//z+/4CRxo2by7vF6a254X6PxICQw87a74CQxuXo84CQxM/b7/H6/v7+/oGRxouayoGSxv7+/8LN7IqZyv7//4KSxur0/MrV74OTx9Ld8trl9gwMDP///wAAACH5BAEAAB4ALAAAAAAJAAkAAAU4oFcpwzFAkWgUVLZxCQGxLgdgGtS+t6NJmY5QOEFcNo/kZGLRXGwYR0DQjDSiU8uCIJJIGJdLKgQAOw=='; } else { hidn.style.display = 'none'; btn.src = orimg; };  hidn = this.parentNode.getElementsByTagName('span')[0]; if (hidn.style.display != '') { hidn.style.display = ''; } else { hidn.style.display = 'none'; btn.src = orimg; }">
		<img style="margin: 0; padding: 5px 5px 0" src="data:image/gif;base64,R0lGODlhCQAJAMQfAIqZyoGSxv3+/trl84CQxYCRxn6PxMXQ7efq9H+Pwtnk8oKTxoCQxKy44QAAANvl9rvG6fD5/o2by4GRxvb8//v9//7+/ubw+v39/ouayoKSxoOTx/7+/wwMDP///////yH5BAEAAB8ALAAAAAAJAAkAAAU84AdoGkNmX4Z4HldRirSxXMdF1zK7nXU9mk2t4+h0BIlNhWPpYTCBDQXXwRwggczgJ8BAGhLRZGIoEFAhADs=" alt="{L_EXPAND_VIEW}" width="9" height="9" border="0" />
		<h>{TEXT1}</h>
	</div>
	<span class="spoil_close" title="{L_COLLAPSE_VIEW}" onclick="hidn = this.parentNode.getElementsByTagName('div')[1]; { hidn.style.display = 'none'; }; hidn = this.parentNode.getElementsByTagName('span')[0]; if (hidn.style.display != '') { hidn.style.display = ''; } else { hidn.style.display = 'none'; btn.src = orimg; }" style="display: none;">
		[ {L_COLLAPSE_VIEW} ]
	</span>
	<div class="spoil_body" style="background-color: {COLOR}; display: none;">
		{TEXT2}
	</div>
</div>
Плюс остальные стили по ссылке.
  • 0
Хочешь поблагодарить? Есть способы: заходи на форум, создавай темы, делись опытом и наработками, общайся!

ПитерПетр 18 июл 2018, 16:17 Сообщение

Конфликтует с основным ббкодом.
Попробовал назвать по другому, вообще не работает.
Тексты у меня под такими more небольшие. Как правило, просто состав рассказов из сборника.
То есть мне нужно доп. функции закрытия снизу и так далее. То есть вообще ничего супермудренного. Обычные скрытый текст с названием и возможностью установить свой фон.
Если можно, то даже без добавок в стиле.
  • 0

CabinetAdmin 18 июл 2018, 19:47 Сообщение

Если так назвать

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

[spoiler2={TEXT1}|{COLOR}]{TEXT2}[/spoiler2]
или так

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

[more={TEXT1}|{COLOR}]{TEXT2}[/more]
то не работает?
  • 0
Хочешь поблагодарить? Есть способы: заходи на форум, создавай темы, делись опытом и наработками, общайся!

ПитерПетр 18 июл 2018, 19:59 Сообщение

Второй вариант сработал.
Теперь вопрос такой. Где именно поменять цвет фона? В скрипте стиля. В замене HTML ббкода?
  • 0

CabinetAdmin 18 июл 2018, 20:22 Сообщение

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

[more=Заголовок|#000000]Скрытый текст[/more]
с чёрным цветом.

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

[more=Заголовок|#FFFFFF]Скрытый текст[/more]
с белым.
  • 0
Хочешь поблагодарить? Есть способы: заходи на форум, создавай темы, делись опытом и наработками, общайся!

ПитерПетр 18 июл 2018, 20:33 Сообщение

Что то не так. Просто в заголовке видно =Заголовок|#FFFFFF и обычный скрытый текст
  • 0

CabinetAdmin 19 июл 2018, 14:57 Сообщение

Ничего не понял. Что где видно? Что не так?
  • 0
Хочешь поблагодарить? Есть способы: заходи на форум, создавай темы, делись опытом и наработками, общайся!

ПитерПетр 19 июл 2018, 20:17 Сообщение

Обычный more без изменения фона. Заголовок и скрытый текст. В этом случае, код цвета вместе с заголовком. И скрытый текст на белом фоне.
  • 0

CabinetAdmin 20 июл 2018, 16:58 Сообщение

Я рад бы помочь, но всё равно ничего не понимаю... :unknown Ббкод не работает или работает, но без выбор цвета? Как у вас что выглядит? Как выглядит код цвета? Как выглядит ббкод? Из сообщения что что-то не так ничего не понятно...
  • 0
Хочешь поблагодарить? Есть способы: заходи на форум, создавай темы, делись опытом и наработками, общайся!

ПитерПетр 20 июл 2018, 17:23 Сообщение

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

[more=Заголовок|#000000]Скрытый текст[/more]
Изображение и обычный скрытый текст, если раскрыть.
  • 0

CabinetAdmin 20 июл 2018, 20:29 Сообщение

По дизайну я вижу что это другая замена, не ту что я давал выше. Теперь установленную у себя замену покажите.
  • 0
Хочешь поблагодарить? Есть способы: заходи на форум, создавай темы, делись опытом и наработками, общайся!

ПитерПетр 20 июл 2018, 20:36 Сообщение

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

<div id="spoil_wrap">
	<div title="Скрытый текст" class="spoil_title" onclick="hidn = this.parentNode.getElementsByTagName('div')[1]; btn = this.getElementsByTagName('img')[0]; if (hidn.style.display != '') { hidn.style.display = ''; orimg = btn.src; btn.src = 'data:image/gif;base64,R0lGODlhCQAJAMQeAOLt+ff8//z+/4CRxo2by7vF6a254X6PxICQw87a74CQxuXo84CQxM/b7/H6/v7+/oGRxouayoGSxv7+/8LN7IqZyv7//4KSxur0/MrV74OTx9Ld8trl9gwMDP///wAAACH5BAEAAB4ALAAAAAAJAAkAAAU4oFcpwzFAkWgUVLZxCQGxLgdgGtS+t6NJmY5QOEFcNo/kZGLRXGwYR0DQjDSiU8uCIJJIGJdLKgQAOw=='; } else { hidn.style.display = 'none'; btn.src = orimg; };  hidn = this.parentNode.getElementsByTagName('span')[0]; if (hidn.style.display != '') { hidn.style.display = ''; } else { hidn.style.display = 'none'; btn.src = orimg; }">
		<img style="margin: 0; padding: 5px 5px 0" src="data:image/gif;base64,R0lGODlhCQAJAMQfAIqZyoGSxv3+/trl84CQxYCRxn6PxMXQ7efq9H+Pwtnk8oKTxoCQxKy44QAAANvl9rvG6fD5/o2by4GRxvb8//v9//7+/ubw+v39/ouayoKSxoOTx/7+/wwMDP///////yH5BAEAAB8ALAAAAAAJAAkAAAU84AdoGkNmX4Z4HldRirSxXMdF1zK7nXU9mk2t4+h0BIlNhWPpYTCBDQXXwRwggczgJ8BAGhLRZGIoEFAhADs=" alt="{L_EXPAND_VIEW}" width="9" height="9" border="0" />
		<h>{TEXT1}</h>
	</div>
	<span class="spoil_close" title="{L_COLLAPSE_VIEW}" onclick="hidn = this.parentNode.getElementsByTagName('div')[1]; { hidn.style.display = 'none'; }; hidn = this.parentNode.getElementsByTagName('span')[0]; if (hidn.style.display != '') { hidn.style.display = ''; } else { hidn.style.display = 'none'; btn.src = orimg; }" style="display: none;">
		[ {L_COLLAPSE_VIEW} ]
	</span>
	<div class="spoil_body" style="background-color: {COLOR}; display: none;">
		{TEXT2}
	</div>
</div>
  • 0

CabinetAdmin 21 июл 2018, 09:26 Сообщение

Не может быть, на скриншоте другой ббкод.
  • 0
Хочешь поблагодарить? Есть способы: заходи на форум, создавай темы, делись опытом и наработками, общайся!

ПитерПетр 21 июл 2018, 09:31 Сообщение

Проверил еще раз. Все точно. Просто копипаст. Тут трудно ошибиться.
Сделать скриншот с админки?
  • 0

Похожие темы