Войти на сайт Регистрация
Добавить файлВ каталоге: 678
10 штук переключателей для uCoz
17.11.2018
10 штук переключателей для uCoz
  • 588 Просмотров:
  • 0 Скачиваний:
  • 0 Комментариев:
  • 0.0 Рейтинг:
  • (Голосов: 0)
Описание:
Красивые 10 штук видов переключателей страниц для ваших сайтов, тут есть все цвета которые любят пользователи. От красного до фиолетового цвета. Если вы хотите себе красивые переключатели то вам сюда.

Установка:

1. Все коды ставим в Таблицу Стилей CSS:

Желтые переключатели:



Код
.swchItem {  
  color:#A74E0D;  
  border:1px solid #F3D795;  
  background:#FFFDF2;  
}  
.swchItemA, .swchItem {  
  -moz-border-radius:3px;  
  -webkit-border-radius:3px;  
  border-radius:3px;  
  padding:6px 9px;  
  margin-left:3px;  
  text-decoration:none;  
}  
.swchItemA, .swchItem:hover {  
  font-weight:normal;  
  color:#893A00;  
  text-shadow:0px 1px #FFEF42;  
  box-shadow:0px 1px #EDEDED;  
  -webkit-box-shadow:0px 1px #EDEDED;  
  -moz-box-shadow:0px 1px #EDEDED;  
  border:1px solid #FFA200;  
  background:#FFC800;  
  background:-moz-linear-gradient(top,#FFFFFF 1px,#FFEA01 1px,#FFC800);  
  background:-webkit-gradient(linear,0 0,0 100%,color-stop(0.02,#FFFFFF),color-stop(0.02,#FFEA01),color-stop(1,#FFC800));  
}


Светло синие-переключатели



Код
.swchItem {  
  color:#0A7EC5;  
  border:1px solid #8DC5E6;  
  background:#F8FCFF;  
}  
.swchItemA, .swchItem {  
  -moz-border-radius:3px;  
  -webkit-border-radius:3px;  
  border-radius:3px;  
  padding:6px 9px;  
  margin-left:3px;  
  text-decoration:none;  
}  
.swchItemA, .swchItem:hover {  
  font-weight:normal;  
  color:#fff;  
  text-shadow:0px 1px #388DBE;  
  box-shadow:0px 1px #EDEDED;  
  -webkit-box-shadow:0px 1px #EDEDED;  
  -moz-box-shadow:0px 1px #EDEDED;  
  border:1px solid #3390CA;  
  background:#58B0E7;  
  background:-moz-linear-gradient(top,#B4F6FF 1px,#63D0FE 1px,#58B0E7);  
  background:-webkit-gradient(linear,0 0,0 100%,color-stop(0.02,#B4F6FF),color-stop(0.02,#63D0FE),color-stop(1,#58B0E7));  
}


Темно-синие переключатели



Код
.swchItem {  
  color:#4A76C6;  
  border:1px solid #8AAEEF;  
  background:#F7F9FE;  
}  
.swchItemA, .swchItem {  
  -moz-border-radius:3px;  
  -webkit-border-radius:3px;  
  border-radius:3px;  
  padding:6px 9px;  
  margin-left:3px;  
  text-decoration:none;  
}  
.swchItemA, .swchItem:hover {  
  font-weight:normal;  
  color:#fff;  
  text-shadow:0px 1px #4876C9;  
  box-shadow:0px 1px #EDEDED;  
  -webkit-box-shadow:0px 1px #EDEDED;  
  -moz-box-shadow:0px 1px #EDEDED;  
  border:1px solid #3D6DC3;  
  background:#5A8CE7;  
  background:-moz-linear-gradient(top,#C2E0FF 1px,#84AFFE 1px,#5A8CE7);  
  background:-webkit-gradient(linear,0 0,0 100%,color-stop(0.02,#C2E0FF),color-stop(0.02,#84AFFE),color-stop(1,#5A8CE7));  
}


Фиолетовые переключатели



Код
.swchItem {  
  color:#8D62C8;  
  border:1px solid #BAA2DA;  
  background:#F9F7FC;  
}  
.swchItemA, .swchItem {  
  -moz-border-radius:3px;  
  -webkit-border-radius:3px;  
  border-radius:3px;  
  padding:6px 9px;  
  margin-left:3px;  
  text-decoration:none;  
}  
.swchItemA, .swchItem:hover {  
  font-weight:normal;  
  color:#fff;  
  text-shadow:0px 1px #7955AB;  
  box-shadow:0px 1px #EDEDED;  
  -webkit-box-shadow:0px 1px #EDEDED;  
  -moz-box-shadow:0px 1px #EDEDED;  
  border:1px solid #6F4DA0;  
  background:#9168C9;  
  background:-moz-linear-gradient(top,#DFBEFA 1px,#B088E7 1px,#9168C9);  
  background:-webkit-gradient(linear,0 0,0 100%,color-stop(0.02,#DFBEFA),color-stop(0.02,#B088E7),color-stop(1,#9168C9));  
}


Оранжевый вид переключателей



Код
.swchItem {  
  color:#EF6420;  
  border:1px solid #FFBD85;  
  background:#FFFAF7;  
}  
.swchItemA, .swchItem {  
  -moz-border-radius:3px;  
  -webkit-border-radius:3px;  
  border-radius:3px;  
  padding:6px 9px;  
  margin-left:3px;  
  text-decoration:none;  
}  
.swchItemA, .swchItem:hover {  
  font-weight:normal;  
  color:#fff;  
  text-shadow:0px 1px #CA470E;  
  box-shadow:0px 1px #EDEDED;  
  -webkit-box-shadow:0px 1px #EDEDED;  
  -moz-box-shadow:0px 1px #EDEDED;  
  border:1px solid #D13F11;  
  background:#E95B2B;  
  background:-moz-linear-gradient(top,#FFBE01 1px,#FE7C02 1px,#E95B2B);  
  background:-webkit-gradient(linear,0 0,0 100%,color-stop(0.02,#FFBE01),color-stop(0.02,#FE7C02),color-stop(1,#E95B2B));  
}


Красный вид переключателей



Код
.swchItem {  
  color:#E92F2F;  
  border:1px solid #FFA5A5;  
  background:#FFF8F8;  
}  
.swchItemA, .swchItem {  
  -moz-border-radius:3px;  
  -webkit-border-radius:3px;  
  border-radius:3px;  
  padding:6px 9px;  
  margin-left:3px;  
  text-decoration:none;  
}  
.swchItemA, .swchItem:hover {  
  font-weight:normal;  
  color:#fff;  
  text-shadow:0px 1px #B72E2E;  
  box-shadow:0px 1px #EDEDED;  
  -webkit-box-shadow:0px 1px #EDEDED;  
  -moz-box-shadow:0px 1px #EDEDED;  
  border:1px solid #AD2D2D;  
  background:#E43838;  
  background:-moz-linear-gradient(top,#FF9B9B 1px,#FE5555 1px,#E43838);  
  background:-webkit-gradient(linear,0 0,0 100%,color-stop(0.02,#FF9B9B),color-stop(0.02,#FE5555),color-stop(1,#E43838));  
}


Коричневый вид переключателей



Код
.swchItem {  
  color:#916C59;  
  border:1px solid #D6BFB4;  
  background:#FBF9F8;  
}  
.swchItemA, .swchItem {  
  -moz-border-radius:3px;  
  -webkit-border-radius:3px;  
  border-radius:3px;  
  padding:6px 9px;  
  margin-left:3px;  
  text-decoration:none;  
}  
.swchItemA, .swchItem:hover {  
  font-weight:normal;  
  color:#fff;  
  text-shadow:0px 1px #866454;  
  box-shadow:0px 1px #EDEDED;  
  -webkit-box-shadow:0px 1px #EDEDED;  
  -moz-box-shadow:0px 1px #EDEDED;  
  border:1px solid #886756;  
  background:#A37A66;  
  background:-moz-linear-gradient(top,#E9C4B2 1px,#C59882 1px,#A37A66);  
  background:-webkit-gradient(linear,0 0,0 100%,color-stop(0.02,#E9C4B2),color-stop(0.02,#C59882),color-stop(1,#A37A66));  
}


Зелёный вид переключателей



.swchItem {
color:#478223;
border:1px solid #B2D397;
background:#F7FAF4;
}
.swchItemA, .swchItem {
-moz-border-radius:3px;
-webkit-border-radius:3px;
border-radius:3px;
padding:6px 9px;
margin-left:3px;
text-decoration:none;
}
.swchItemA, .swchItem:hover {
font-weight:normal;
color:#fff;
text-shadow:0px 1px #4E802C;
box-shadow:0px 1px #EDEDED;
-webkit-box-shadow:0px 1px #EDEDED;
-moz-box-shadow:0px 1px #EDEDED;
border:1px solid #478223;
background:#599F2F;
background:-moz-linear-gradient(top,#9FE355 1px,#79BF4A 1px,#599F2F);
background:-webkit-gradient(linear,0 0,0 100%,color-stop(0.02,#9FE355),color-stop(0.02,#79BF4A),color-stop(1,#599F2F);}

Серый вид переключателей



Код
.swchItem {  
  color:#707070;  
  border:1px solid #CFCFCF;  
  background:#FAFAFA;  
}  
.swchItemA, .swchItem {  
  -moz-border-radius:3px;  
  -webkit-border-radius:3px;  
  border-radius:3px;  
  padding:6px 9px;  
  margin-left:3px;  
  text-decoration:none;  
}  
.swchItemA, .swchItem:hover {  
  font-weight:normal;  
  color:#fff;  
  text-shadow:0px 1px #636363;  
  box-shadow:0px 1px #EDEDED;  
  -webkit-box-shadow:0px 1px #EDEDED;  
  -moz-box-shadow:0px 1px #EDEDED;  
  border:1px solid #5D5D5D;  
  background:#777777;  
  background:-moz-linear-gradient(top,#C0C0C0 1px,#929292 1px,#777777);  
  background:-webkit-gradient(linear,0 0,0 100%,color-stop(0.02,#C0C0C0),color-stop(0.02,#929292),color-stop(1,#777777));  
}


Черный вид переключателей



Код
.swchItem {  
  color:#444;  
  border:1px solid #BEBEBE;  
  background:#FAFAFA;  
}  
.swchItemA, .swchItem {  
  -moz-border-radius:3px;  
  -webkit-border-radius:3px;  
  border-radius:3px;  
  padding:6px 9px;  
  margin-left:3px;  
  text-decoration:none;  
}  
.swchItemA, .swchItem:hover {  
  font-weight:normal;  
  color:#fff;  
  text-shadow:0px 1px #3C3C3C;  
  box-shadow:0px 1px #EDEDED;  
  -webkit-box-shadow:0px 1px #EDEDED;  
  -moz-box-shadow:0px 1px #EDEDED;  
  border:1px solid #202020;  
  background:#525252;  
  background:-moz-linear-gradient(top,#9F9F9F 1px,#6C6C6C 1px,#525252);  
  background:-webkit-gradient(linear,0 0,0 100%,color-stop(0.02,#9F9F9F),color-stop(0.02,#6C6C6C),color-stop(1,#525252));  
}


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