Главная » 2013 » Сентябрь » 30 » Несколько видов переключателей страниц для uCoz от Fahrieva (Скрипты для ucoz)
30.09.2013, 11:53

Несколько видов переключателей страниц для uCoz от Fahrieva





Установим в таблицу стилей CSS.Ниже выбираем на ваш вкус.

Оранжевый:

Код
.swchItemA{  
  -moz-border-radius: 3px;  
  -webkit-border-radius: 3px;  
  border-radius: 3px;  
  padding:10px;  
  background:#e6c230;  
  border-bottom: 3px solid #ccaa23;  
  color:#fff;  
}  
.swchItem{  
  -moz-border-radius: 3px;  
  -webkit-border-radius: 3px;  
  border-radius: 3px;  
  padding:10px;  
  background: #363d43;  
  border-bottom: 3px solid #171c1f;  
  color:#fff;  
  margin-left:10px;  
-webkit-transition: all .5s ease-out;  
-moz-transition: all .5s ease-out;  
-o-transition: all .5s ease-out;  
}  
.swchItem:hover{  
  -moz-border-radius: 3px;  
  -webkit-border-radius: 3px;  
  border-radius: 3px;  
  padding:10px;  
  background:#e6c230;  
  border-bottom: 3px solid #ccaa23;  
  color:#fff;  
}


Фиолетовый:

Код
.swchItemA{  
  -moz-border-radius: 3px;  
  -webkit-border-radius: 3px;  
  border-radius: 3px;  
  padding:10px;  
  background:#9623cc;  
  border-bottom: 3px solid #7e18ae;  
  color:#fff;  
}  
.swchItem{  
  -moz-border-radius: 3px;  
  -webkit-border-radius: 3px;  
  border-radius: 3px;  
  padding:10px;  
  background: #363d43;  
  border-bottom: 3px solid #171c1f;  
  color:#fff;  
  margin-left:10px;  
-webkit-transition: all .5s ease-out;  
-moz-transition: all .5s ease-out;  
-o-transition: all .5s ease-out;  
}  
.swchItem:hover{  
  -moz-border-radius: 3px;  
  -webkit-border-radius: 3px;  
  border-radius: 3px;  
  padding:10px;  
  background:#9623cc;  
  border-bottom: 3px solid #7e18ae;  
  color:#fff;  
}


Зеленый:

Код
.swchItemA{  
  -moz-border-radius: 3px;  
  -webkit-border-radius: 3px;  
  border-radius: 3px;  
  padding:10px;  
  background:#24c44a;  
  border-bottom: 3px solid #1ab03d;  
  color:#fff;  
}  
.swchItem{  
  -moz-border-radius: 3px;  
  -webkit-border-radius: 3px;  
  border-radius: 3px;  
  padding:10px;  
  background: #363d43;  
  border-bottom: 3px solid #171c1f;  
  color:#fff;  
  margin-left:10px;  
-webkit-transition: all .5s ease-out;  
-moz-transition: all .5s ease-out;  
-o-transition: all .5s ease-out;  
}  
.swchItem:hover{  
  -moz-border-radius: 3px;  
  -webkit-border-radius: 3px;  
  border-radius: 3px;  
  padding:10px;  
  background:#24c44a;  
  border-bottom: 3px solid #1ab03d;  
  color:#fff;  
}


Красный:

Код
.swchItemA{  
  -moz-border-radius: 3px;  
  -webkit-border-radius: 3px;  
  border-radius: 3px;  
  padding:10px;  
  background:#bf2323;  
  border-bottom: 3px solid #a81616;  
  color:#fff;  
}  
.swchItem{  
  -moz-border-radius: 3px;  
  -webkit-border-radius: 3px;  
  border-radius: 3px;  
  padding:10px;  
  background: #363d43;  
  border-bottom: 3px solid #171c1f;  
  color:#fff;  
  margin-left:10px;  
-webkit-transition: all .5s ease-out;  
-moz-transition: all .5s ease-out;  
-o-transition: all .5s ease-out;  
}  
.swchItem:hover{  
  -moz-border-radius: 3px;  
  -webkit-border-radius: 3px;  
  border-radius: 3px;  
  padding:10px;  
  background:#bf2323;  
  border-bottom: 3px solid #a81616;  
  color:#fff;  
}


Синий:

Код
.swchItemA{
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
padding:10px;
background:#1c71b3;
border-bottom: 3px solid #12609c;
color:#fff;
}
.swchItem{
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
padding:10px;
background: #363d43;
border-bottom: 3px solid #171c1f;
color:#fff;
margin-left:10px;
-webkit-transition: all .5s ease-out;
-moz-transition: all .5s ease-out;
-o-transition: all .5s ease-out;
}
.swchItem:hover{
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
padding:10px;
background:#1c71b3;
border-bottom: 3px solid #12609c;
color:#fff;
}
Материал взят с сайта infoscript.ru
Внимание! Копирование данного материала запрещено без указания ссылки на сайт Infoscript.ru
Источник/Автор: center-dm.ru
Категория: Скрипты uCoz | Просмотров: 1060 | Добавил: VeD | Рейтинг: 1.0/1 |
Теги: страниц, видов, от, несколько, Fahrieva, UCOZ, для, переключателей
Пока комментариев нет. Ты можешь быть первым!
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]