Войти на сайт Регистрация
Добавить файлВ каталоге: 678
2 вида спойлера в стиле "vk" и "facebook"
15.11.2018
2 вида спойлера в стиле "vk" и "facebook"
  • 474 Просмотров:
  • 0 Скачиваний:
  • 0 Комментариев:
  • 0.0 Рейтинг:
  • (Голосов: 0)
Описание:
Два спойлера для вашего сайта

Вставляем в CSS в любое место:

В стиле "vk":
Код
.uSpoilerButton {
  width: 100%;
  border: none;
  background: #FFF;
  padding: 9px;
  color: #2B587A;
  cursor: pointer;
  }

  .uSpoilerButton:hover {
  background: #E9EDF1;
  }

  .uSpoilerText {
  margin-top: -10px;
  padding: 0 5 5 5px;
  }


В стиле "facebook":
Код
.uSpoilerButton {
  width: 100%;
  border: none;
  background: #FFF;
  padding: 3 0 3 0px;
  margin-left: -3px;
  color: #333;
  font-size: 17px;
  font-weight: bold;
  text-align: left;
  cursor: pointer;
  background:url(http://7old.ru/ucoz-files/facebook_us.png) no-repeat; //изображение 1px
  }

  .uSpoilerClosed {
  border-bottom: 1px solid #D9D9D9;
  margin-bottom: -4px;
  padding-bottom: 10px;
  background:url(http://7old.ru/ucoz-files/facebook_us2.png) no-repeat right top; //изображение +
  }

  .uSpoilerOpened {
  border-bottom: 1px solid #D9D9D9;
  padding-bottom: 23px;
  background:url(http://7old.ru/ucoz-files/facebook_us3.png) no-repeat right top; //изображение -
  }

  .uSpoilerText {
  margin-top: -20px;
  font-size: 15px;
  color: #333;
  }


На этом всё, удачи.
2 вида спойлера в стиле "vk" и "facebook"" title="Скачать 2 вида спойлера в стиле "vk" и "facebook" бесплатно, без смс и регистрации" target="_blank">Сервер Скачать файл
Источник: usite.su
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]