Дизайн и модификация Invision Power Board: Spoiler

/*
+----------------------------------------------------
| Spoiler #2 1.0
| ===================================================
| Автор: Seregwethrin seregwethrin /at/ g m a i l .com
| Перевод: Blower (IBPower.RU)
| ===================================================
| Дата выхода: 14 мая 2007, 14:52 (GMT+02:00)
+----------------------------------------------------
*/

Версия IP.Board: 2.2.x

Описание: Тег, скрывающий текст и показывающий его по нажатию на ссылку.

Редактируемые файлы:

./jscripts/ipb_global.js

---------------------------------------------------------------------------------

Открыть: ./jscripts/ipb_global.js

В самый низ добавить:

function spo_me(spo_button)
{
	spo_button.value = spo_button.value == 'show' ? 'hide' : 'show';
	var spo_element = spo_button.parentNode.parentNode.parentNode.childNodes[1];
	if (spo_element.style.display == 'block')
	{
		spo_element.style.display = 'none';
		spo_button.value = 'Показать';
	}
	else
	{
		spo_element.style.display = 'block';
		spo_button.value = 'Скрыть';
	}
}
 АдминЦентр --> ВНЕШНИЙ ВИД --> [Выбрать скин] --> Изменить таблицу стилей (CSS — расширенный режим)
 

В самый низ добавить:
 
.spo_all {
	width: 90%;
	margin: 0 auto 0 auto;
}
.spo_top {
	background: #E3E9DB;
	border: 1px solid #B5C0A8;
	/*border-left: 4px solid #B5C0A8; border-bottom: 0;*/
	color: #000;
	font-weight: bold;
	font-family: "Courier New", Courier, monospace;
	font-size: 12px;
	margin: 8px auto 0 auto;
	padding: 3px;
	height: 18px;
}
.spoiler {
	background: #E3E9DB;
	border: 1px solid #B5C0A8;
	/*border-left: 4px solid #B5C0A8;*/
	padding: 4px;
	margin: 5px auto 8px auto;
	display:none;
}
.spo_option {
	font-weight:bold;
	float:left;
}
.spo_desc {
	float:right;
}
.spo_button {
	height: 20px;
	width: 70px;
	font-size:10px;
	margin-top: 0px;
}
 АдминЦентр --> УПРАВЛЕНИЕ --> Добавить BB-код
 

Название BB-кода: Spoiler

Полное описание этого BB-кода: Тег, скрывающий текст и показывающий его по нажатию на ссылку.

Пример этого BB-кода: 
[spoiler=Описание]Раскрывающийся текст[/spoiler]


Тег этого BB-кода: spoiler

Использовать опции в теге? Yes

Сменить операнды? No

Добавить в меню «Спец. элементы» редактора? Yes

Замена BB-кода: 
 
<div class="spo_all"><div class="spo_top"><span class="spo_option">{option}</span><span class="spo_desc"><input name="spo_button" type="button" value="Show" onclick="spo_me(this);" class="spo_button" /></span></div><div class="spoiler">{content}</div>

>> поиск