[ Новые сообщения · Участники · Правила форума · Поиск · RSS ]
  • Страница 1 из 1
  • 1
Форум » Скрипты для uCoz » Форум » Прикольный вид спойлера (Прикольный вид спойлера)
Прикольный вид спойлера
Electro[nik] Дата: Пятница, 14.05.2010, 19:28 | Сообщение # 1
Генералиссимус
Группа: Пользователи
Регистрация: 07.05.2010
ICQ:357809509
Пользователь №: 1
Сообщений: 220
[ 4684 ]
14.05.2010 Пятница

Это спойлер по нажатию кнопки, плавно открывается

В 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>


[adminyellow]Russ^team - RuleZzz[/adminyellow]

[adminred]Делаем сервера и сайты не дорого! Skype: Vadim19366, acq:357809509[/adminred]

Форум » Скрипты для uCoz » Форум » Прикольный вид спойлера (Прикольный вид спойлера)
  • Страница 1 из 1
  • 1
Поиск:



Rip by CS-Ufa.Net.Ru.
Администрация не несёт ответственности за файлы на портале.
Все материалы размещенные на сайте принадлежат их владельцам.
Создать бесплатный сайт с uCoz