ББкод "скрытый текст" с возможностью изменения фона

BBCode — это специальный вариант HTML
С помощью BBcode - вы сможете отформатировать текст в сообщении, вставить видео, картинки и многое другое.
Питер

ББкод "скрытый текст" с возможностью изменения фона

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

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

Аватара пользователя
CabinetAdmin

ББкод "скрытый текст" с возможностью изменения фона

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

Например, если взять за основу Спойлер с функцией закрытия снизу от Кабинета Админа, то можно сделать что-то вроде:

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

[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>

Плюс остальные стили по ссылке.
Создать форум бесплатно на http://luckbb.ru/
Хочешь поблагодарить? Есть способы Поддержать проект

Питер

ББкод "скрытый текст" с возможностью изменения фона

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

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

Аватара пользователя
CabinetAdmin

ББкод "скрытый текст" с возможностью изменения фона

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

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

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

[spoiler2={TEXT1}|{COLOR}]{TEXT2}[/spoiler2]

или так

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

[more={TEXT1}|{COLOR}]{TEXT2}[/more]

то не работает?
Создать форум бесплатно на http://luckbb.ru/
Хочешь поблагодарить? Есть способы Поддержать проект

Питер

ББкод "скрытый текст" с возможностью изменения фона

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

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

Аватара пользователя
CabinetAdmin

ББкод "скрытый текст" с возможностью изменения фона

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

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

[more=Заголовок|#000000]Скрытый текст[/more]

с чёрным цветом.

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

[more=Заголовок|#FFFFFF]Скрытый текст[/more]

с белым.
Создать форум бесплатно на http://luckbb.ru/
Хочешь поблагодарить? Есть способы Поддержать проект

Питер

ББкод "скрытый текст" с возможностью изменения фона

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

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

Аватара пользователя
CabinetAdmin

ББкод "скрытый текст" с возможностью изменения фона

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

Ничего не понял. Что где видно? Что не так?
Создать форум бесплатно на http://luckbb.ru/
Хочешь поблагодарить? Есть способы Поддержать проект

Питер

ББкод "скрытый текст" с возможностью изменения фона

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

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

Аватара пользователя
CabinetAdmin

ББкод "скрытый текст" с возможностью изменения фона

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

Я рад бы помочь, но всё равно ничего не понимаю... :unknown Ббкод не работает или работает, но без выбор цвета? Как у вас что выглядит? Как выглядит код цвета? Как выглядит ббкод? Из сообщения что что-то не так ничего не понятно...
Создать форум бесплатно на http://luckbb.ru/
Хочешь поблагодарить? Есть способы Поддержать проект

Питер

ББкод "скрытый текст" с возможностью изменения фона

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

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

[more=Заголовок|#000000]Скрытый текст[/more]


Изображение и обычный скрытый текст, если раскрыть.

Аватара пользователя
CabinetAdmin

ББкод "скрытый текст" с возможностью изменения фона

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

По дизайну я вижу что это другая замена, не ту что я давал выше. Теперь установленную у себя замену покажите.
Создать форум бесплатно на http://luckbb.ru/
Хочешь поблагодарить? Есть способы Поддержать проект

Питер

ББкод "скрытый текст" с возможностью изменения фона

Питер 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>

Аватара пользователя
CabinetAdmin

ББкод "скрытый текст" с возможностью изменения фона

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

Не может быть, на скриншоте другой ббкод.
Создать форум бесплатно на http://luckbb.ru/
Хочешь поблагодарить? Есть способы Поддержать проект

Питер

ББкод "скрытый текст" с возможностью изменения фона

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

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



Похожие темы

Вернуться в «Пользовательские BBCode для phpBB»

Кто сейчас на конференции

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