Для того чтобы добавить данный спойлер - вам надо:
1. Зайти в Дизайн ---> Изменить HTML
2. С помощью поиска (Ctrl+F) вам надо будет найти эту строку в вашем шаблоне: /head
3. Перед данной строкой - добавьте этот код
(изображение png, можно изменить на свое, только тогда цвет текста color: #FFFFFF тоже надо поменять в соответствии с изображением.):
Code
<style type="text/css">
/* Стили для спойлера */
.bar {
background:#B2BDCB url('http://viktorija.ucoz.lv/spoiler/spoiler.png') no-repeat;
padding-left: 30px;
color: #FFFFFF;
height:26px;
font-weight:bold;
cursor:pointer;
}
/* Скрытый спойлер */
.spoiler-hidden .bar {
background-position: 0 0;
}
.spoiler, .spoiler-hidden .text {
display: none;
}
/* Открытый спойлер */
.spoiler-visible .bar {
background-position: 0 -22px;
}
.spoiler-visible .copy {
text-align:right; font-size:0.6em;
}
.spoiler-visible .text {
display:visible;
padding: 0 1em;
border: 1px dashed #B2BDCB;
border-top-width:0;
}
</style>
4. Далее надо добавить сам скрипт, для этого с помощью поиска (Ctrl+F) найдите эту строку в вашем шаблоне: /body
5. Перед данной строкой - добавьте этот код:
Code
<script src='http://viktorija.ucoz.lv/spoiler/widget_spoiler.js' type='text/javascript'></script>
<script type='text/javascript'>
WidgetSpoilerManager.setOption("defaultTitleText", "Скрытый текст");
WidgetSpoilerManager.init();
</script>
6. Всё! При добавлении статьи в режиме HTML вставьте этот код:
Code
<div class="spoiler" title="Title (Название)">
Скрытый текст
</div>