Главная » 2012 » Март » 19 » Спойлер в стиле Facebook и VK (Скрипты для ucoz)
19.03.2012, 15:14

Спойлер в стиле Facebook и VK





Хотите красивый сполер как на Facebook или VK то тогда этот код для вас.
Установка:
Скопируйте одну из двух кодов в CSS:

Facebook:
Code
.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://uforum.ucoz.de/public/images/facebook_us.png) no-repeat; //Bild 1px  
  }  

  .uSpoilerClosed {  
  border-bottom: 1px solid #D9D9D9;  
  margin-bottom: -4px;  
  padding-bottom: 10px;  
  background:url(  
  http://uforum.ucoz.de/public/images/facebook_us2.png) no-repeat right top; //Bild +  
  }  

  .uSpoilerOpened {  
  border-bottom: 1px solid #D9D9D9;  
  padding-bottom: 23px;  
  background:url(  
  http://uforum.ucoz.de/public/images/facebook_us3.png) no-repeat right top; //Bild -  
  }  

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


VK.Com:
Code
.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;  
  }
Материал взят с сайта infoscript.ru
Внимание! Копирование данного материала запрещено без указания ссылки на сайт Infoscript.ru
Источник/Автор: http://uscripts.de/
Категория: Скрипты uCoz | Просмотров: 2259 | Добавил: Sini26 | Рейтинг: 4.0/1 |
Теги: Спойлер, Facebook, стиле
Пока комментариев нет. Ты можешь быть первым!
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]