Гостевой вход

Вы не залогинились
22:50

7 цветовых схем для переключателей страниц на сайтах uCoz (ч.2-я)

Категория: Разное

Метки: переключатели страниц
Вторая часть с переключателями страниц для модулей системы uCoz. В первой части мы рассмотрели 4 различных цветовых схемы, в этой части - остальные три.

Вариант 5

Смотрим демо

CSS:

Код

.pagesBlockuz2 a,.pagesBlockuz2 b,.catPages1 a,.catPages1 b,.catPages2 a,.catPages2 b,.pagesBlockuz1 a,.pagesBlockuz1 b{text-decoration:none;color:#ffffff!important;}  

.catPages1 {float:right;}  
.catPages2 {margin-left: .3em;}  

.swchItemA1,.swchItem1,.swchItemA,.swchItem {  
  display: inline-block;  
  *display: inline;  
  padding: 4px 10px;  
  margin-bottom: 0;  
  *margin-left: .3em;  
  font-size: 13px;  
  line-height: 18px;  
  *line-height: 20px;  
  color: #ffffff;  
  text-align: center;  
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);  
  vertical-align: middle;  
  cursor: pointer;  
  background-color: #faa732;  
  *background-color: #f89406;  
  background-image: -ms-linear-gradient(top, #fbb450, #f89406);  
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fbb450), to(#f89406));  
  background-image: -webkit-linear-gradient(top, #fbb450, #f89406);  
  background-image: -o-linear-gradient(top, #fbb450, #f89406);  
  background-image: -moz-linear-gradient(top, #fbb450, #f89406);  
  background-image: linear-gradient(top, #fbb450, #f89406);  
  background-repeat: repeat-x;  
  border-color: #f89406 #f89406 #ad6704;  
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);  
  border-bottom-color:#f89406;  
  filter: progid:dximagetransform.microsoft.gradient(startColorstr='#fbb450', endColorstr='#f89406', GradientType=0);  
  filter: progid:dximagetransform.microsoft.gradient(enabled=false);  
  *zoom: 1;  
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.15);  
  -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.15);  
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.15);  
}  

b.swchItemA,b.swchItemA1 {color: #ffffff;  
  text-decoration: none;  
  background-color: #f89406;  
  *background-color: #df8505;  
  /* Buttons in IE7 don't get borders, so darken on hover */  

  background-position: 0 -25px;  
  -webkit-transition: background-position 0.1s linear;  
  -moz-transition: background-position 0.1s linear;  
  -ms-transition: background-position 0.1s linear;  
  -o-transition: background-position 0.1s linear;  
  transition: background-position 0.1s linear;  
  -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);  
  -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);  
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);}  

.swchItemA1:hover,  
.swchItemA1:active,  
.swchItem1:hover,  
.swchItem1:active,  
.swchItemA:hover,  
.swchItemA:active,  
.swchItem:hover,  
.swchItem:active {  
color: #ffffff;  
  text-decoration: none;  
  background-color: #f89406;  
  *background-color: #df8505;  
  /* Buttons in IE7 don't get borders, so darken on hover */  

  background-position: 0 -25px;  
  -webkit-transition: background-position 0.1s linear;  
  -moz-transition: background-position 0.1s linear;  
  -ms-transition: background-position 0.1s linear;  
  -o-transition: background-position 0.1s linear;  
  transition: background-position 0.1s linear;  
  -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);  
  -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);  
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);}  

.pagesBlockuz2:before,  
.pagesBlockuz2:after,  
.pagesBlockuz1:before,  
.pagesBlockuz1:after,  
.catPages1:before,  
.catPages1:after,  
.catPages2:before,  
.catPages2:after {  
  display: table;  
  content: "";  
}  

.pagesBlockuz2 a:first-child,  
.pagesBlockuz2 b:first-child,  
.pagesBlockuz1 a:first-child,  
.pagesBlockuz1 b:first-child,  
.catPages1 a:first-child,  
.catPages1 b:first-child,  
.catPages2 a:first-child,  
.catPages2 b:first-child {-webkit-border-top-left-radius: 4px;  
-webkit-border-bottom-left-radius: 4px;  
-moz-border-radius-topleft: 4px;  
-moz-border-radius-bottomleft: 4px;  
border-top-left-radius: 4px;  
border-bottom-left-radius: 4px;}  

.pagesBlockuz2 a:last-child,  
.pagesBlockuz2 b:last-child,  
.pagesBlockuz1 a:last-child,  
.pagesBlockuz1 b:last-child,  
.catPages1 a:last-child,  
.catPages1 b:last-child,  
.catPages2 a:last-child,  
.catPages2 b:last-child {-webkit-border-top-right-radius: 4px;  
-webkit-border-bottom-right-radius: 4px;  
-moz-border-radius-topright: 4px;  
-moz-border-radius-bottomright: 4px;  
border-top-right-radius: 4px;  
border-bottom-right-radius: 4px;}  

.pagesBlockuz2:after,  
.pagesBlockuz1:after,  
.catPages1:after,  
.catPages2:after {  
  clear: both;  
}  
.pagesBlockuz2:first-child,  
.pagesBlockuz1:first-child,  
.catPages1:first-child,  
.catPages2:first-child{  
  *margin-left: 0;  
}  
.pagesBlockuz2,  
.pagesBlockuz1,  
.catPages1,  
.catPages2{  
  display: inline-block;  
  *display: inline;  
  /* IE7 inline-block hack */  
  *zoom: 1;  
}  

.pagesBlockuz2 > .swchItemA1,.pagesBlockuz1 > .swchItemA,.catPages1 > .swchItemA,.catPages2 > .swchItemA1 {  
  position: relative;  
  float: left;  
  margin-left: -1px;  
  -webkit-border-radius: 0;  
  -moz-border-radius: 0;  
  border-radius: 0;  
}  
.pagesBlockuz2 > .swchItem1,.pagesBlockuz1 > .swchItem,.catPages1 > .swchItem,.catPages2 > .swchItem1 {  
  position: relative;  
  float: left;  
  margin-left: -1px;  
  -webkit-border-radius: 0;  
  -moz-border-radius: 0;  
  border-radius: 0;  
}  

.pagesBlockuz2:first-child,.pagesBlockuz1:first-child,.catPages1:first-child,.catPages2:first-child {  
  margin-left: 0;  
  -webkit-border-bottom-left-radius: 4px;  
  border-bottom-left-radius: 4px;  
  -webkit-border-top-left-radius: 4px;  
  border-top-left-radius: 4px;  
  -moz-border-radius-bottomleft: 4px;  
  -moz-border-radius-topleft: 4px;  
}  

.pagesBlockuz2:last-child,.pagesBlockuz1:last-child,.catPages1:last-child,.catPages2:last-child {  
  -webkit-border-top-right-radius: 4px;  
  border-top-right-radius: 4px;  
  -webkit-border-bottom-right-radius: 4px;  
  border-bottom-right-radius: 4px;  
  -moz-border-radius-topright: 4px;  
  -moz-border-radius-bottomright: 4px;  
}  


Вариант 6

Смотрим демо

CSS:

Код

.pagesBlockuz2 a,.pagesBlockuz2 b,.catPages1 a,.catPages1 b,.catPages2 a,.catPages2 b,.pagesBlockuz1 a,.pagesBlockuz1 b{text-decoration:none;color:#ffffff!important;}  

.catPages1 {float:right;}  
.catPages2 {margin-left: .3em;}  

.swchItemA1,.swchItem1,.swchItemA,.swchItem {  
  display: inline-block;  
  *display: inline;  
  padding: 4px 10px;  
  margin-bottom: 0;  
  *margin-left: .3em;  
  font-size: 13px;  
  line-height: 18px;  
  *line-height: 20px;  
  color: #ffffff;  
  text-align: center;  
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);  
  vertical-align: middle;  
  cursor: pointer;  
  background-color: #da4f49;  
  *background-color: #bd362f;  
  background-image: -ms-linear-gradient(top, #ee5f5b, #bd362f);  
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#bd362f));  
  background-image: -webkit-linear-gradient(top, #ee5f5b, #bd362f);  
  background-image: -o-linear-gradient(top, #ee5f5b, #bd362f);  
  background-image: -moz-linear-gradient(top, #ee5f5b, #bd362f);  
  background-image: linear-gradient(top, #ee5f5b, #bd362f);  
  background-repeat: repeat-x;  
  border-color: #bd362f #bd362f #802420;  
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);  
  filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ee5f5b', endColorstr='#bd362f', GradientType=0);  
  filter: progid:dximagetransform.microsoft.gradient(enabled=false);  
  *zoom: 1;  
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.15);  
  -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.15);  
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.15);  
}  

b.swchItemA,b.swchItemA1 {color: #ffffff;  
  text-decoration: none;  
  background-color: #bd362f;  
  *background-color: #a9302a;  
  /* Buttons in IE7 don't get borders, so darken on hover */  

  background-position: 0 -25px;  
  -webkit-transition: background-position 0.1s linear;  
  -moz-transition: background-position 0.1s linear;  
  -ms-transition: background-position 0.1s linear;  
  -o-transition: background-position 0.1s linear;  
  transition: background-position 0.1s linear;  
  -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);  
  -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);  
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);}  

.swchItemA1:hover,  
.swchItemA1:active,  
.swchItem1:hover,  
.swchItem1:active,  
.swchItemA:hover,  
.swchItemA:active,  
.swchItem:hover,  
.swchItem:active {  
color: #ffffff;  
  text-decoration: none;  
  background-color: #bd362f;  
  *background-color: #a9302a;  
  /* Buttons in IE7 don't get borders, so darken on hover */  

  background-position: 0 -25px;  
  -webkit-transition: background-position 0.1s linear;  
  -moz-transition: background-position 0.1s linear;  
  -ms-transition: background-position 0.1s linear;  
  -o-transition: background-position 0.1s linear;  
  transition: background-position 0.1s linear;  
  -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);  
  -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);  
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);}  

.pagesBlockuz2:before,  
.pagesBlockuz2:after,  
.pagesBlockuz1:before,  
.pagesBlockuz1:after,  
.catPages1:before,  
.catPages1:after,  
.catPages2:before,  
.catPages2:after {  
  display: table;  
  content: "";  
}  

.pagesBlockuz2 a:first-child,  
.pagesBlockuz2 b:first-child,  
.pagesBlockuz1 a:first-child,  
.pagesBlockuz1 b:first-child,  
.catPages1 a:first-child,  
.catPages1 b:first-child,  
.catPages2 a:first-child,  
.catPages2 b:first-child {-webkit-border-top-left-radius: 4px;  
-webkit-border-bottom-left-radius: 4px;  
-moz-border-radius-topleft: 4px;  
-moz-border-radius-bottomleft: 4px;  
border-top-left-radius: 4px;  
border-bottom-left-radius: 4px;}  

.pagesBlockuz2 a:last-child,  
.pagesBlockuz2 b:last-child,  
.pagesBlockuz1 a:last-child,  
.pagesBlockuz1 b:last-child,  
.catPages1 a:last-child,  
.catPages1 b:last-child,  
.catPages2 a:last-child,  
.catPages2 b:last-child {-webkit-border-top-right-radius: 4px;  
-webkit-border-bottom-right-radius: 4px;  
-moz-border-radius-topright: 4px;  
-moz-border-radius-bottomright: 4px;  
border-top-right-radius: 4px;  
border-bottom-right-radius: 4px;}  

.pagesBlockuz2:after,  
.pagesBlockuz1:after,  
.catPages1:after,  
.catPages2:after {  
  clear: both;  
}  
.pagesBlockuz2:first-child,  
.pagesBlockuz1:first-child,  
.catPages1:first-child,  
.catPages2:first-child{  
  *margin-left: 0;  
}  
.pagesBlockuz2,  
.pagesBlockuz1,  
.catPages1,  
.catPages2{  
  display: inline-block;  
  *display: inline;  
  /* IE7 inline-block hack */  
  *zoom: 1;  
}  

.pagesBlockuz2 > .swchItemA1,.pagesBlockuz1 > .swchItemA,.catPages1 > .swchItemA,.catPages2 > .swchItemA1 {  
  position: relative;  
  float: left;  
  margin-left: -1px;  
  -webkit-border-radius: 0;  
  -moz-border-radius: 0;  
  border-radius: 0;  
}  
.pagesBlockuz2 > .swchItem1,.pagesBlockuz1 > .swchItem,.catPages1 > .swchItem,.catPages2 > .swchItem1 {  
  position: relative;  
  float: left;  
  margin-left: -1px;  
  -webkit-border-radius: 0;  
  -moz-border-radius: 0;  
  border-radius: 0;  
}  

.pagesBlockuz2:first-child,.pagesBlockuz1:first-child,.catPages1:first-child,.catPages2:first-child {  
  margin-left: 0;  
  -webkit-border-bottom-left-radius: 4px;  
  border-bottom-left-radius: 4px;  
  -webkit-border-top-left-radius: 4px;  
  border-top-left-radius: 4px;  
  -moz-border-radius-bottomleft: 4px;  
  -moz-border-radius-topleft: 4px;  
}  

.pagesBlockuz2:last-child,.pagesBlockuz1:last-child,.catPages1:last-child,.catPages2:last-child {  
  -webkit-border-top-right-radius: 4px;  
  border-top-right-radius: 4px;  
  -webkit-border-bottom-right-radius: 4px;  
  border-bottom-right-radius: 4px;  
  -moz-border-radius-topright: 4px;  
  -moz-border-radius-bottomright: 4px;  
}  


Вариант 7

Смотрим демо

CSS:

Код

.pagesBlockuz2 a,.pagesBlockuz2 b,.catPages1 a,.catPages1 b,.catPages2 a,.catPages2 b,.pagesBlockuz1 a,.pagesBlockuz1 b{text-decoration:none;color:#ffffff!important;}  

.catPages1 {float:right;}  
.catPages2 {margin-left: .3em;}  

.swchItemA1,.swchItem1,.swchItemA,.swchItem {  
  display: inline-block;  
  *display: inline;  
  padding: 4px 10px;  
  margin-bottom: 0;  
  *margin-left: .3em;  
  font-size: 13px;  
  line-height: 18px;  
  *line-height: 20px;  
  color: #ffffff;  
  text-align: center;  
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);  
  vertical-align: middle;  
  cursor: pointer;  
  background-color: #414141;  
  *background-color: #222222;  
  background-image: -ms-linear-gradient(top, #555555, #222222);  
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#555555), to(#222222));  
  background-image: -webkit-linear-gradient(top, #555555, #222222);  
  background-image: -o-linear-gradient(top, #555555, #222222);  
  background-image: -moz-linear-gradient(top, #555555, #222222);  
  background-image: linear-gradient(top, #555555, #222222);  
  background-repeat: repeat-x;  
  border-color: #222222 #222222 #000000;  
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);  
  filter: progid:dximagetransform.microsoft.gradient(startColorstr='#555555', endColorstr='#222222', GradientType=0);  
  filter: progid:dximagetransform.microsoft.gradient(enabled=false);  
  *zoom: 1;  
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.15);  
  -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.15);  
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.15);  
}  

b.swchItemA,b.swchItemA1 {color: #ffffff;  
  text-decoration: none;  
  background-color: #222222;  
  *background-color: #151515;  
  /* Buttons in IE7 don't get borders, so darken on hover */  

  background-position: 0 -25px;  
  -webkit-transition: background-position 0.1s linear;  
  -moz-transition: background-position 0.1s linear;  
  -ms-transition: background-position 0.1s linear;  
  -o-transition: background-position 0.1s linear;  
  transition: background-position 0.1s linear;  
  -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);  
  -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);  
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);}  

.swchItemA1:hover,  
.swchItemA1:active,  
.swchItem1:hover,  
.swchItem1:active,  
.swchItemA:hover,  
.swchItemA:active,  
.swchItem:hover,  
.swchItem:active {  
color: #ffffff;  
  text-decoration: none;  
  background-color: #222222;  
  *background-color: #151515;  
  /* Buttons in IE7 don't get borders, so darken on hover */  

  background-position: 0 -25px;  
  -webkit-transition: background-position 0.1s linear;  
  -moz-transition: background-position 0.1s linear;  
  -ms-transition: background-position 0.1s linear;  
  -o-transition: background-position 0.1s linear;  
  transition: background-position 0.1s linear;  
  -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);  
  -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);  
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);}  

.pagesBlockuz2:before,  
.pagesBlockuz2:after,  
.pagesBlockuz1:before,  
.pagesBlockuz1:after,  
.catPages1:before,  
.catPages1:after,  
.catPages2:before,  
.catPages2:after {  
  display: table;  
  content: "";  
}  

.pagesBlockuz2 a:first-child,  
.pagesBlockuz2 b:first-child,  
.pagesBlockuz1 a:first-child,  
.pagesBlockuz1 b:first-child,  
.catPages1 a:first-child,  
.catPages1 b:first-child,  
.catPages2 a:first-child,  
.catPages2 b:first-child {-webkit-border-top-left-radius: 4px;  
-webkit-border-bottom-left-radius: 4px;  
-moz-border-radius-topleft: 4px;  
-moz-border-radius-bottomleft: 4px;  
border-top-left-radius: 4px;  
border-bottom-left-radius: 4px;}  

.pagesBlockuz2 a:last-child,  
.pagesBlockuz2 b:last-child,  
.pagesBlockuz1 a:last-child,  
.pagesBlockuz1 b:last-child,  
.catPages1 a:last-child,  
.catPages1 b:last-child,  
.catPages2 a:last-child,  
.catPages2 b:last-child {-webkit-border-top-right-radius: 4px;  
-webkit-border-bottom-right-radius: 4px;  
-moz-border-radius-topright: 4px;  
-moz-border-radius-bottomright: 4px;  
border-top-right-radius: 4px;  
border-bottom-right-radius: 4px;}  

.pagesBlockuz2:after,  
.pagesBlockuz1:after,  
.catPages1:after,  
.catPages2:after {  
  clear: both;  
}  
.pagesBlockuz2:first-child,  
.pagesBlockuz1:first-child,  
.catPages1:first-child,  
.catPages2:first-child{  
  *margin-left: 0;  
}  
.pagesBlockuz2,  
.pagesBlockuz1,  
.catPages1,  
.catPages2{  
  display: inline-block;  
  *display: inline;  
  /* IE7 inline-block hack */  
  *zoom: 1;  
}  

.pagesBlockuz2 > .swchItemA1,.pagesBlockuz1 > .swchItemA,.catPages1 > .swchItemA,.catPages2 > .swchItemA1 {  
  position: relative;  
  float: left;  
  margin-left: -1px;  
  -webkit-border-radius: 0;  
  -moz-border-radius: 0;  
  border-radius: 0;  
}  
.pagesBlockuz2 > .swchItem1,.pagesBlockuz1 > .swchItem,.catPages1 > .swchItem,.catPages2 > .swchItem1 {  
  position: relative;  
  float: left;  
  margin-left: -1px;  
  -webkit-border-radius: 0;  
  -moz-border-radius: 0;  
  border-radius: 0;  
}  

.pagesBlockuz2:first-child,.pagesBlockuz1:first-child,.catPages1:first-child,.catPages2:first-child {  
  margin-left: 0;  
  -webkit-border-bottom-left-radius: 4px;  
  border-bottom-left-radius: 4px;  
  -webkit-border-top-left-radius: 4px;  
  border-top-left-radius: 4px;  
  -moz-border-radius-bottomleft: 4px;  
  -moz-border-radius-topleft: 4px;  
}  

.pagesBlockuz2:last-child,.pagesBlockuz1:last-child,.catPages1:last-child,.catPages2:last-child {  
  -webkit-border-top-right-radius: 4px;  
  border-top-right-radius: 4px;  
  -webkit-border-bottom-right-radius: 4px;  
  border-bottom-right-radius: 4px;  
  -moz-border-radius-topright: 4px;  
  -moz-border-radius-bottomright: 4px;  
}  


Надеюсь, вам понравились эти переключатели для страниц, если возникнут какие-то вопросы - задавайте.

Просмотров: 302 | Комментариев: 1 | Рейтинг: 0.0/Оценок: 0

Материалы схожей тематики

    7 цветовых схем для переключателей страниц на сайтах uCoz

    Предлагаю вашему вниманию, на выбор, семь цветовых вариантов для переключателей страниц. Тестировал в модулях Новости сайта, Блог, Каталог файлов, Каталог статей. Если такого рода переключатели понадобятся для других модулей системы, переделать их, как мне кажется, не составит труда.

Онлайн статистика

18.11.2017

Суббота

Онлайн всего: 1
Гостей: 1
Пользователей: 0

На сайте сейчас: