Редактируемый заголовок спойлера

Доброго времени суток.
Заранее приношу свои извинения, если такая тема уже была, и я не нашел ее по невнимательности. В таком случае буду благодарен, если кто-то сошлет меня на ее.

Собственно, вопрос:

Возможно ли сделать название спойлера доступным для редактирования? Я имею в виду не стандартное изменение в коде, когда все спойлеры форума изменятся по одному шаблону. Речь идет о необходимости изменить цвет или шрифт заголовка одного конкретного спойлера в сообщении. Подобная функция была на некоторых других ресурсах, где я бывал. И я уж не знаю, возможно ли это на базе этих форумов. Если возможно, то каким образом можно достичь подобного результата? Если нет, хотелось бы быть в курсе и не лелеять надежд. Потому, если кто-то может прояснить ситуацию в мою пользу или против нее, буду признателен за участие.

Всех благ.

И только мертвые с косами стоят.

Уважаемые, кто может хотя бы натолкнуть на мысль о решении проблемы, не проходите мимо.

Спойлер HTML . Нужно, чтоб было включено Разрешить HTML : ДА В Общих настройках, в Конфигурации.
У кого из форумчан не включен видеть будет каракули)))

В overall_footer_end
В самый низ перед body пишем этот скрипт:

 

Код:

  <style>
    .catCont{
    display:none;
    margin-bottom:3px;
    margin-top:3px;
    border:4px dotted #C1C1C1;
    padding:3px 5px;
    font-size:15px;
    background-color: transparent;
    }
    .catLink{
    font-weight: bold;
    font-size:15px;
    line-height: 150%;
    }
    </style>  

Цвет, размер текста и т.п. меняете на свой.

Когда пишете в редакторе ответа постоянно нужно вставлять код, что ниже.

Код:

<div><a href="javscript://" class="catLink">[img]ссылка на картинку, но можно и без картинки, [/img] тема спойлера, например, 1. О регистрации на форуме</a>
<div class="catCont">
Пишете , что душа желает....))))    
</div></div>

Уважаемая Пасека, благодарю за участие!
Я использовал Ваш код, и да, в данной вариации спойлера действительно можно менять цвет заголовка, шрифт и размер. В общем, задача, которую я поставил, решена. Но... Предложенный Вами спойлер свою функцию не выполняет. Возможно, у меня нет какой-то другой надстройки, которая есть у Вас. Тут уж я не знаю. Но при нажатии на отредактированное слово, которое должно было открыть дополнительный текст, ничего не происходит, т. е. дополнительный текст не открывается. Потому я даже не знаю, есть ли смысл в данной надстройке, если так дело обстоит. Но я все еще надеюсь, что эта проблема также решаема. Хотя тут уж Вам виднее, есть ли вариации для кода, чтобы устранить данную проблему. Но как бы там ни было, я благодарен Вам за желание помочь!

King of the Secret Forest,
здравствуйте!

Посмотрите, пожалуйста, здесь : https://help.forum2x2.ru/t14714-topic#124678

Luz, здравствуйте и Вы!

Увы, но в предложенной Вами теме разбирается совершенно иной вопрос, хотя и касающийся спойлера вообще. Там говорится о том, чтобы отредактировать внешний вид спойлера вообще. Меня же интересует изменение заголовка по желанию пользователя. Я видел подобное в работе. Сам спойлер оставался неизменным для форума, но при этом форумчанин мог при желании выделить название спойлера желаемым цветом или шрифтом. Вот что меня интересует. Возможно ли сделать подобное вообще? Или ссылка, предложенная Вами, это единственный вариант как-либо редактировать спойлер на базе этих форумов?

Благодарю за участие!

Всех Благ!

код вставить в HTMlL

Код:

<script>
        var allowed= new Array("Admin");
        var post, htmltext, htmltag, allow;
        function replacehtml(str, tag1, htmltext, tag2) {
            return htmltext.replace(/(<)(.*?)(>)/g,'<$2>')
                                .replace(/"/g,'"');
        }

        if(document.URL.indexOf("viewtopic.php")!=-1){
            $('.post').each(function(){
                allow=0;
                post = $(this).find('.post-body');
                htmltag = /(\[html\])(.*?)(\[\/html\])/g;
                if ($.inArray($(this).find('.pa-author a').text(), allowed)!=-1) allow = 1;
                if (allow && $(post).html().match(htmltag)!=null) {
                   $(post).html($(post).html().replace(htmltag, replacehtml));
                }});}
      
    </script>

Этот скрипт, чтоб писать HTML кодом, он не только для спойлера. Можно и спойлер имнаписать .

Пример спойлера в редакторе ответа.

Код:

[spoiler=<img src="http://i21.servimg.com/u/f21/19/31/89/13/karand10.png"> читать дальше
бла-бла-бла; бла-бла-бла; бла-бла-бла; бла-бла-бла; [/spoiler]

Общем, должно получиться так, как на этом сайте. Можно и с картинкой.
http://psihologionlain.sosbb.ru/h3-page
Я в первом ответе, забыла дописать весь код ))) Сейчас посмотрела у себя. )))  
Это весь код, вставляете в overall_footer_end
Код в редакторе прежний.

Код:

<script type="text/javascript">
 jQuery(document).ready(function(){
    jQuery('.catLink').click(function(){
      jQuery(this).parent().children('div.catCont').toggle('normal');
      return false;
    });
  });
</script>

<style>
.catCont{
display:none;
margin-bottom:3px;
margin-top:3px;
border:4px dotted #9CBDD3;
padding:3px 5px;
font-size:15px;
background-color: transparent;
}
.catLink{
font-weight: bold;
font-size:15px;
line-height: 150%;
}
</style>

где:
border:1px dotted #9CBDD3; - толщина, стиль и цвет рамки поля подсказки
font-size:15px; - размер шрифта подсказки
background-color:  - фон поля подсказки, я выставила transparent; можно и цвет
font-weight: bold; - жирность вопроса
font-size:15px; - размер шрифта вопроса

Драгоценная Пасека, благодарю Вас! *целует Леди руку* Вы мне очень помогли.

Да будет путь Ваш светел!


Вопрос решен, тему можно закрывать.