[ Новые сообщения · Участники · Правила форума · Поиск · RSS ]
  • Страница 1 из 1
  • 1
NITROsoft Форум » Готовые скрипты и интересные решения для системы uCoz » Скрипты для форума » uSpoiler nice style
uSpoiler nice style
f1vuwaaaДата: Четверг, 17.09.2009, 18:34 | Сообщение # 1
Ламер
Группа: Дизайнер
Сообщений: 199
Награды: 2
Репутация: 8
Статус:
CSS

Code
<style type="text/css">
input.uSpoilerButton {
    border: 0;
    padding: 0 0 0 13px;
    outline: 0;
    font-size: 12px;
    background-color: inherit !important;
    cursor: pointer;
}

div.uSpoilerClosed input.uSpoilerButton {
    background: url('http://alexeenko.org/public/img/spoiler_plus.gif') 0% 50% no-repeat;
}

div.uSpoilerOpened input.uSpoilerButton {
    background: url('http://alexeenko.org/public/img/spoiler_minus.gif') 0% 50% no-repeat;
}
</style>

Это вставлять после $BODY$

Code
<script type="text/javascript">
/* by Vanofuture — webcodes.ru */
$('input.uSpoilerButton').removeAttr('onclick').click(function () {
$(this).val(this.value == 'Закрыть спойлер' ? 'Открыть спойлер': 'Закрыть спойлер').parent().parent().attr('class', $(this).parent().parent().attr('class') == 'uSpoilerClosed' ? 'uSpoilerOpened': 'uSpoilerClosed').find('div:last').slideToggle('normal')
});
</script>


 
NITROsoft Форум » Готовые скрипты и интересные решения для системы uCoz » Скрипты для форума » uSpoiler nice style
  • Страница 1 из 1
  • 1
Поиск: