Главная » 2012 » Ноябрь » 27 » Парочка интересных спойлеров (Скрипты для ucoz)
27.11.2012, 10:07

Парочка интересных спойлеров



Сделал немного спойлеров для юкоз работал над 1 для себя, но решил сделать еще парочку для пользователей.
1 вид:

Code
.uSpoilerButton {width: 100%; color: #fff; background: #477ec9; padding: 5px; text-align: left; border: 1px solid #255ba4; font-weight: bold; border-radius:13em 0.5em/1em 0.5em;}  
  .uSpoilerText {color: #fff; background: #477ec9; padding: 5px; text-align: left; border: 1px solid #255ba4; border-top: 0px; border-radius:13em 26em/1em 0.5em;}

Выглядит действительно ужасно, но кто знает вдруг это то что он искал.

2 вид:

Code
.uSpoilerButton {width: 100%; color: #fff; background: #477ec9; padding: 5px; text-align: left; border: 1px solid #255ba4; font-weight: bold; border-radius:20px 0px;}  
  .uSpoilerText {color: #fff; background: #477ec9; padding: 5px; text-align: left; border: 1px solid #255ba4; border-top: 0px; border-radius:0px 20px;}

3 вид:

Code
.uSpoilerButton {width: 100%; color: #fff; background: #477ec9; padding: 5px; text-align: left; border: 1px solid #255ba4; font-weight: bold; border-radius:20px 0 0 0px;-moz-border-radius:20px 0 0 0px;-webkit-border-radius:20px 0 0 0px;-moz-box-shadow: inset 0 1px 0 0 #eff3f8, 0px 2px 3px rgba(0,0,0,0.2);  
  -webkit-box-shadow: inset 0 1px 0 0 #eff3f8, 0px 2px 3px rgba(0,0,0,0.2);  
  box-shadow: inset 0 1px 0 0 #eff3f8, 0px 2px 3px rgba(0,0,0,0.2);}  
  .uSpoilerText {color: #fff; background: -webkit-gradient(linear, left top, left bottom, from(#477ec9), to(#6495ed));  
  background: -moz-linear-gradient(top, #477ec9, #6495ed); padding: 5px; text-align: left; border: 1px solid #255ba4; border-top: 0px; border-radius:0px 0px 20px 0px;}
Материал взят с сайта infoscript.ru
Внимание! Копирование данного материала запрещено без указания ссылки на сайт Infoscript.ru
Источник/Автор: cinema5x5.ru
Категория: Скрипты uCoz | Просмотров: 1285 | Добавил: Voker | Рейтинг: 3.7/3 |
Теги: Парочка, спойлеров, интересных
Всего комментариев: 2
+1  
1 Rus96   (27.11.2012 18:39) [Материал]
Аватар пользователя
Норм получился только третий...

0  
2 LexaBLR   (27.11.2012 23:37) [Материал]
Аватар пользователя
Мне лично последний понравился)) Спс))
Использую у себя)) biggrin

Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]