[4.2.x]

Решил разместить на этом форуме свое первое творение bb code spoiler
Не судите строго ;)
Заголовок: Спойлер
Название BB кода: spoiler
Замена:

<style type="text/css">
   .b1 {
    background: #111F2C; /* Синий цвет фона */ 
    color: white; /* Белые буквы */ 
    font-size: 12pt; /* Размер шрифта в пунктах */
   }
  </style>
<div style="margin:20px; margin-top:5px">  
<div class="smallfont" style="margin-bottom:2px" "> <input  type="button" value="{option}" class="b1" style=font-size:14px;margin:0px;padding:4px;" onClick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = '';        this.innerText = ''; this.value = '{option}'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = '{option}'; }">  
</div>  
<div class="alt2" style="margin: 0px; padding: 0px; border: 0px inset;">  
<div style="display: none;">  
{param}  </div>  </div>  </div>

Пример: [spoiler=опция]Текст[/spoiler]
Использовать опцию: Да
иконка: http://toss.kz/images/s.png
Пример можете посмотреть на сайте toss.kz

@Islam, Оффтоп

работоспособность я не проверял, но несколько "грамматических" ошибок поправил
(пробелы, слеши, кавычки)

<style type="text/css">
.b1 {
	background: #111F2C; /* Синий цвет фона */ 
	color: white; /* Белые буквы */ 
	font-size: 12pt; /* Размер шрифта в пунктах */
}
</style>
<div style="margin: 20px; margin-top: 5px;">
	<div class="smallfont" style="margin-bottom: 2px;"> <input type="button" value="{option}" class="b1" style="font-size: 14px; margin: 0; padding: 4px;" onClick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = '{option}'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = '{option}'; }" />
	</div>
	<div class="alt2" style="margin: 0; padding: 0; border: 0;">
		<div style="display: none;">
			{param}
		</div>
	</div>
</div>

@Islam, молодец! На нашем ресурсе уважают новичков, которые хотят изучить движок и не ленятся это делать.

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

Winner, нашел такой же спойлер, только с другими ньюансами( дизайн и кнопка), а функция такая же. Дата того спойлера - 18.01.2011

Оффтоп

Originally Posted by Liked

ньюансами

Нюанс

Originally Posted by Liked

Winner, нашел такой же спойлер, только с другими ньюансами( дизайн и кнопка), а функция такая же. Дата того спойлера - 18.01.2011

Человек (новичок в vBulletin) сам сделал и поделился результатами своего труда. За это ему - уважение.

@Islam, а источник, откуда брали, надо указывать
а взято, как всегда у Вектора

Даже не помню, источник практический везде, самый популярный;)

Originally Posted by Islam

Даже не помню, источник практический везде, самый популярный;

Стоп...если это скопировано откуда-то, то с какого перепугу приписка "by toss.kz"??

Да нее, все сам переделывал. Ничего не копировал, просто перебрал кучу спойлеров и сделал свой