PRO SEO

Переключатель страниц для ucoz

kouf — Sun, 22 Feb 2015 14:17:34 GMT

Светлый переключатель страниц для сайта ucoz. Скрипт переключатель ucoz использует пару картинок. Отличный PageScroller для ucoz.

Установка переключателя страниц для ucoz:

Вставляем код переключателя страниц ucoz в Панель управления ->>Управление дизайном ->>Таблица стилей (CSS) (в самый низ):

Код

.catPages1 a:link,
.catPages1 a:visited,
.catPages1 a:hover,
.catPages1 a:active {text-decoration:none;color: #fff;BACKGROUND-IMAGE:URL(http://wallaby.ucoz.ru/Images_template/691c18163c7e.png);border:1PXSOLID #999999; padding:2px 10px;font-size:11px;font-weight:bold;}
.catPages1 a:hover {BACKGROUND-IMAGE:URL(http://wallaby.ucoz.ru/Images_template/7106ad9140b5.png);color:#fff;font-weight:bold;}
.catPages1 b {text-decoration:none;BACKGROUND-IMAGE:URL(http://wallaby.ucoz.ru/Images_template/7106ad9140b5.png);border:1PX SOLID#999999;padding:2px 10px;color:#303b45;font-size:11px;}
  .catPages2 {color:#ffffff;border:0px;margin-bottom:10px;margin-top:10px;}
  .catPages2 a:link,
  .catPages2 a:visited,
  .catPages2 a:hover,
  .catPages2  a:active {text-decoration:none;color: #fff;BACKGROUND-IMAGE:URL(http://wallaby.ucoz.ru/Images_template/691c18163c7e.png);border:1PXSOLID #999999; padding:2px 10px;font-size:11px;font-weight:bold;}
  .catPages2 a:hover {background:#0094E0;color:#FFFFFF;font-weight:bold;}
  .catPages2 b {text-decoration:none;BACKGROUND-IMAGE:URL(http://wallaby.ucoz.ru/Images_template/7106ad9140b5.png);border:1PX SOLID#999999;padding:2px 10px;color:#303b45;font-size:11px;}
  .pagesBlockuz1 {color:#ffffff;border:0px;margin-bottom:10px;margin-top:10px;}
  .pagesBlockuz1 a:link,
  .pagesBlockuz1 a:visited,
  .pagesBlockuz1 a:hover,
  .pagesBlockuz1  a:active {text-decoration:none;color: #fff;BACKGROUND-IMAGE:URL(http://wallaby.ucoz.ru/Images_template/691c18163c7e.png);border:1PX SOLID #999999; padding:2px 10px;font-size:11px;font-weight:bold;}
  .pagesBlockuz1 a:hover {BACKGROUND-IMAGE:URL(http://wallaby.ucoz.ru/Images_template/7106ad9140b5.png);color:#fff;font-weight:bold;}
  .pagesBlockuz1 b {text-decoration:none;BACKGROUND-IMAGE:URL(http://wallaby.ucoz.ru/Images_template/7106ad9140b5.png);border:1PX SOLID#999999;padding:2px 10px;color:#303b45;font-size:11px;}

  .pagesBlockuz2 {color:#ffffff;border:0px;margin-bottom:10px;margin-top:10px;}
  .pagesBlockuz2 a:link,
  .pagesBlockuz2 a:visited,
  .pagesBlockuz2 a:hover,
  .pagesBlockuz2 a:active {text-decoration:none;color: #fff;BACKGROUND-IMAGE:URL(http://wallaby.ucoz.ru/Images_template/691c18163c7e.png);border:1PX SOLID #999999; padding:2px 10px;font-size:11px;font-weight:bold;} .pagesBlockuz2 a:hover {background:#0094E0;color:#FFFFFF;font-weight:bold;}
  .pagesBlockuz2 b {text-decoration:none;BACKGROUND-IMAGE:URL(http://wallaby.ucoz.ru/Images_template/7106ad9140b5.png);border:1PX SOLID#999999;padding:2px 10px;color:#303b45;font-size:11px;}
  .pagesBlock1 {color:#ffffff;border:0px;margin-bottom:10px;margin-top:10px;}
  .pagesBlock1 a:link,
  .pagesBlock1 a:visited,
  .pagesBlock1 a:hover,
  .pagesBlock1 a:active {text-decoration:none;color: #fff;BACKGROUND-IMAGE:URL(http://wallaby.ucoz.ru/Images_template/691c18163c7e.png);border:1PXSOLID #999999; padding:2px 10px;font-size:11px;font-weight:bold;}
  .pagesBlock1 a:hover {background:#2c2c2c;color:#FFFFFF;font-weight:bold;}
  .pagesBlock1 b {text-decoration:none;BACKGROUND-IMAGE:URL(http://wallaby.ucoz.ru/Images_template/7106ad9140b5.png);border:1PX SOLID#999999;padding:2px 10px;color:#303b45;font-size:11px;} .pagesBlock2 {color:#ffffff;border:0px;margin-bottom:10px;margin-top:10px;}

  .pagesBlock2 a:link,
  .pagesBlock2 a:visited,
  .pagesBlock2 a:hover,
  .pagesBlock2 a:active {text-decoration:none;color: #fff;BACKGROUND-IMAGE:URL(http://wallaby.ucoz.ru/Images_template/691c18163c7e.png);border:1PXSOLID #999999; padding:2px 10px;font-size:11px;font-weight:bold;}
  .pagesBlock2 a:hover {background:#2c2c2c;color:#FFFFFF;font-weight:bold;}
  .pagesBlock2 b {text-decoration:none;BACKGROUND-IMAGE:URL(http://wallaby.ucoz.ru/Images_template/7106ad9140b5.png);border:1PX SOLID#999999;padding:2px 10px;color:#303b45;font-size:11px;}

Синий переключатель страниц для ucoz

kouf — Sun, 22 Feb 2015 14:16:39 GMT

Синий переключать для ucoz. Отлично подойдет для сайтов с преобладающим синим.

Установка голубого переключателя страниц для ucoz:

Код

/* Page Selector Style */
.catPages1, .pagesBlockuz1, .pagesBlockuz2 {color:#ffffff;border:0px;margin-bottom:8px;margin-top:9px;}
.catPages1 a:link, .pagesBlockuz1 a:link, .pagesBlockuz2 a:link,
.catPages1 a:visited, .pagesBlockuz1 a:visited, .pagesBlockuz2 a:visited,
.catPages1 a:hover, .pagesBlockuz1 a:hover, .pagesBlockuz2 a:hover,
.catPages1 a:active, .pagesBlockuz1 a:active, .pagesBlockuz2 a:active {text-decoration:none;color: #000000;background:#51B5EA;padding:2px 8px;font-size:10px;font-weight:bold;-moz-border-radius: 3px;border-radius: 3px;}
.catPages1 a:hover, .pagesBlockuz1 a:hover, .pagesBlockuz2 a:hover {background:#04b0eb;color:#000000;font-weight:bold;-moz-border-radius: 3px;border-radius: 3px;}
.catPages1 b, .pagesBlockuz1 b, .pagesBlockuz2 b {text-decoration:none; background:#007fff; padding:2px 8px; color:#000000; font-size:10px;-moz-border-radius: 3px;border-radius: 3px;}
/* ----------------------- */

Переключатель для ucoz

kouf — Sun, 22 Feb 2015 14:15:31 GMT

Красивый перключатель для ucoz сайта. Освежит старые переключатели на своем сайте.

Установка "Переключатель страниц для ucoz":

Вставляем код переключателя страниц ucoz в Панель управления ->>Управление дизайном ->>Таблица стилей (CSS) (в самый низ).

Код

.catPages1 {color:#ffffff;border:0px;margin-bottom:10px;margin-top:10px;}
.catPages1 a:link,
.catPages1 a:visited,
.catPages1 a:hover,
.catPages1 a:active {text-decoration:none;
color: #6D6D6D;border: 1px #999999 dashed;
background:#ffffff;
padding:3px 10px;
font-size:11px;
font-weight:bold;}
.catPages1 a:hover {background:#0094E0;color:#FFFFFF;font-weight:bold;}
.catPages1 b {text-decoration:none;background:#0094E0;padding:3px 10px;color:#fefefe;font-size:11px;}

.catPages2 {color:#ffffff;border:0px;margin-bottom:10px;margin-top:10px;}
.catPages2 a:link,
.catPages2 a:visited,
.catPages2 a:hover,
.catPages2 a:active {text-decoration:none;
color: #6D6D6D;border: 1px #999999 dashed;
background:#ffffff;
padding:3px 10px;
font-size:11px;
font-weight:bold;}
.catPages2 a:hover {background:#0094E0;color:#FFFFFF;font-weight:bold;}
.catPages2 b {text-decoration:none;background:#0094E0;padding:3px 10px;color:#fefefe;font-size:11px;}

.pagesBlockuz1 {color:#ffffff;border:0px;margin-bottom:10px;margin-top:10px;}
.pagesBlockuz1 a:link,
.pagesBlockuz1 a:visited,
.pagesBlockuz1 a:hover,
.pagesBlockuz1 a:active {text-decoration:none;
color: #6D6D6D;border: 1px #999999 dashed;
background:#ffffff;
padding:3px 10px;font-size:11px;
font-weight:bold;}
.pagesBlockuz1 a:hover {background:#0094E0;color:#FFFFFF;font-weight:bold;}
.pagesBlockuz1 b {text-decoration:none;background:#0094E0;padding:3px 10px;color:#fefefe;font-size:11px;}

.pagesBlockuz2 {color:#ffffff;border:0px;margin-bottom:10px;margin-top:10px;}
.pagesBlockuz2 a:link,
.pagesBlockuz2 a:visited,
.pagesBlockuz2 a:hover,
.pagesBlockuz2 a:active {text-decoration:none;
color: #6D6D6D;border: 1px #999999 dashed;
background:#ffffff;
padding:3px 10px;font-size:11px;
font-weight:bold;}
.pagesBlockuz2 a:hover {background:#0094E0;color:#FFFFFF;font-weight:bold;}
.pagesBlockuz2 b {text-decoration:none;background:#0094E0;padding:3px 10px;color:#fefefe;font-size:11px;}

.pagesBlock1 {color:#ffffff;border:0px;margin-bottom:10px;margin-top:10px;}
.pagesBlock1 a:link,
.pagesBlock1 a:visited,
.pagesBlock1 a:hover,
.pagesBlock1 a:active {text-decoration:none;
color: #6D6D6D;border: 1px #999999 dashed;
background:#ffffff;
padding:3px 10px;
font-size:11px;
font-weight:bold;}
.pagesBlock1 a:hover {background:#2c2c2c;color:#FFFFFF;font-weight:bold;}
.pagesBlock1 b {text-decoration:none;background:#0094E0;padding:3px 10px;color:#fefefe;font-size:11px;}

.pagesBlock2 {color:#ffffff;border:0px;margin-bottom:10px;margin-top:10px;}
.pagesBlock2 a:link,
.pagesBlock2 a:visited,
.pagesBlock2 a:hover,
.pagesBlock2 a:active {text-decoration:none;
color: #6D6D6D;border: 1px #999999 dashed;
background:#ffffff;
padding:3px 10px;
font-size:11px;
font-weight:bold;}
.pagesBlock2 a:hover {background:#2c2c2c;color:#FFFFFF;font-weight:bold;}
.pagesBlock2 b {text-decoration:none;background:#0094E0;padding:3px 10px;color:#fefefe;font-size:11px;}

Черный переключатель для uCoz

kouf — Sun, 22 Feb 2015 14:14:43 GMT

Этот черный переключатель подойдёт под тёмные дизайны. Код переключателя состоит из CSS кода, без использования изображений. Переключатель uCoz работает почти во всех модулях, таких как: Каталог файлов, Каталог статей, Новости сайта.

Установка CSS
Заходим в Панель Управления - Дизайн - Управление дизайном(CSS), этот код вставляете в самый низ:

Код
/* Pages wallaby.ucoz.ru */
.catPages2, .pagesBlockuz2, .pagesBlock2 {color:#000000;border:0px;margin-bottom:10px;margin-top:10px;}
.catPages2 a:link, .pagesBlockuz2 a:link, .pagesBlock2 a:link
.catPages2 a:visited, .pagesBlockuz2 a:visited,
.catPages2 a:hover, .pagesBlockuz2 a:hover,
.catPages2 a:active, .pagesBlockuz2 a:active {text-decoration:none;color: #FFFFFF;background:#BEBEBE;padding:3px 10px;font-size:11px;font-weight:bold;}
.catPages2 a:hover, .pagesBlockuz2 a:hover {background:#000000;color:#000000;font-weight:bold;}
.catPages2 b, .pagesBlockuz2 b {text-decoration:none;background:#000000;padding:3px 10px;color:#000000;font-size:11px;}
.catPages1, .pagesBlockuz1 {color:#607080;border:0px;margin-bottom:10px;margin-top:10px;}
.catPages1 a:link, .pagesBlockuz1 a:link,
.catPages1 a:visited, .pagesBlockuz1 a:visited,
.catPages1 a:hover, .pagesBlockuz1 a:hover,
.catPages1 a:active, .pagesBlockuz1 a:active {text-decoration:none;color: #FFFFFF;background:#000000;padding:3px 10px;font-size:11px;font-weight:bold;}
.catPages1 a:hover, .pagesBlockuz1 a:hover {background:#FFFFFF;color:#000000;font-weight:bold;}
.catPages1 b, .pagesBlockuz1 b {text-decoration:none;background:#FFFFFF;padding:3px 10px;color:#000000;font-size:11px;}
/*----------------------------------*/

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

kouf — Sun, 22 Feb 2015 14:13:48 GMT

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

Авторство неизвестно, если знаете - напишите в комментариях!Установка CSS
Заходим в П.У - Дизайн - Управление дизайном(CSS) и в самый низ вставляем код переключателя страниц ucoz:

Код

/* PageSelector Start wallaby.ucoz.ru */
.pagesBlockuz1 {color:#ffffff;border:1px;margin-bottom:10px;margin-top:10px;text-shadow:0 1px 0 #000;}
.pagesBlockuz1 a:link,
.pagesBlockuz1 a:visited,
.pagesBlockuz1 a:hover,
.pagesBlockuz1 a:active {display:inline-block;height:16px;background:url('http://wallaby.ucoz.ru/page/switch.png') #0082a8;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;font-weight:600;margin:0 2px;padding-top:3px;padding-right:9px;padding-left:9px;color:#fff;}
.pagesBlockuz1 a:hover {display:inline-block;height:16px;background:url('http://wallaby.ucoz.ru/page/switch-hover.png') #00a8c3;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;font-weight:600;margin:0 2px;padding-top:3px;padding-right:9px;padding-left:9px;text-decoration:none;color:#fff;}
.pagesBlockuz1 b {display:inline-block;height:16px;background:url('http://wallaby.ucoz.ru/page/switch-hover.png') #00a8c3;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;font-weight:600;margin:0 2px;padding-top:3px;padding-right:9px;padding-left:9px;color:#fff;}
.catPages1 {color:#ffffff;border:1px;margin-bottom:10px;margin-top:10px;text-shadow:0 1px 0 #000;}
.catPages1 a:link,
.catPages1 a:visited,
.catPages1 a:hover,
.catPages1 a:active {display:inline-block;height:16px;background:url('http://wallaby.ucoz.ru/page/switch.png') #0082a8;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;font-weight:600;margin:0 2px;padding-top:3px;padding-right:9px;padding-left:9px;color:#fff;}
.catPages1 a:hover {display:inline-block;height:16px;background:url('http://wallaby.ucoz.ru/page/switch-hover.png') #00a8c3;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;font-weight:600;margin:0 2px;padding-top:3px;padding-right:9px;padding-left:9px;text-decoration:none;color:#fff;}
.catPages1 b {display:inline-block;height:16px;background:url('http://wallaby.ucoz.ru/page/switch-hover.png') #00a8c3;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;font-weight:600;margin:0 2px;padding-top:3px;padding-right:9px;padding-left:9px;color:#fff;}
.pagesBlock1 {color:#ffffff;border:1px;margin-bottom:10px;margin-top:10px;text-shadow:0 1px 0 #000;}
.pagesBlock1 a:link,
.pagesBlock1 a:visited,
.pagesBlock1 a:hover,
.pagesBlock1 a:active {display:inline-block;height:16px;background:url('http://wallaby.ucoz.ru/page/switch.png') #0082a8;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;font-weight:600;margin:0 2px;padding-top:3px;padding-right:9px;padding-left:9px;color:#fff;}
.pagesBlock1 a:hover {display:inline-block;height:16px;background:url('http://wallaby.ucoz.ru/page/switch-hover.png') #00a8c3;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;font-weight:600;margin:0 2px;padding-top:3px;padding-right:9px;padding-left:9px;text-decoration:none;color:#fff;}
.pagesBlock1 b {display:inline-block;height:16px;background:url('http://wallaby.ucoz.ru/page/switch-hover.png') #00a8c3;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;font-weight:600;margin:0 2px;padding-top:3px;padding-right:9px;padding-left:9px;color:#fff;}
.catPages2 {color:#ffffff;border:1px;margin-bottom:10px;margin-top:10px;text-shadow:0 1px 0 #000;}
.catPages2 a:link,
.catPages2 a:visited,
.catPages2 a:hover,
.catPages2 a:active {display:inline-block;height:16px;background:url('http://wallaby.ucoz.ru/page/switch.png') #0082a8;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;font-weight:600;margin:0 2px;padding-top:3px;padding-right:9px;padding-left:9px;color:#fff;}
.catPages2 a:hover {display:inline-block;height:16px;background:url('http://wallaby.ucoz.ru/page/switch-hover.png') #00a8c3;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;font-weight:600;margin:0 2px;padding-top:3px;padding-right:9px;padding-left:9px;text-decoration:none;color:#fff;}
.catPages2 b {display:inline-block;height:16px;background:url('http://wallaby.ucoz.ru/page/switch-hover.png') #00a8c3;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;font-weight:600;margin:0 2px;padding-top:3px;padding-right:9px;padding-left:9px;color:#fff;}
.pagesBlockuz2 {color:#ffffff;border:1px;margin-bottom:10px;margin-top:10px;text-shadow:0 1px 0 #000;}
.pagesBlockuz2 a:link,
.pagesBlockuz2 a:visited,
.pagesBlockuz2 a:hover,
.pagesBlockuz2 a:active {display:inline-block;height:16px;background:url('http://wallaby.ucoz.ru/page/switch.png') #0082a8;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;font-weight:600;margin:0 2px;padding-top:3px;padding-right:9px;padding-left:9px;color:#fff;}
.pagesBlockuz2 a:hover {display:inline-block;height:16px;background:url('http://wallaby.ucoz.ru/page/switch-hover.png') #00a8c3;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;font-weight:600;margin:0 2px;padding-top:3px;padding-right:9px;padding-left:9px;text-decoration:none;color:#fff;}
.pagesBlockuz2 b {display:inline-block;height:16px;background:url('http://wallaby.ucoz.ru/page/switch-hover.png') #00a8c3;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;font-weight:600;margin:0 2px;padding-top:3px;padding-right:9px;padding-left:9px;color:#fff;}
.pagesBlock2 {color:#ffffff;border:1px;margin-bottom:10px;margin-top:10px;text-shadow:0 1px 0 #000;}
.pagesBlock2 a:link,
.pagesBlock2 a:visited,
.pagesBlock2 a:hover,
.pagesBlock2 a:active {display:inline-block;height:16px;background:url('http://wallaby.ucoz.ru/page/switch.png') #0082a8;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;font-weight:600;margin:0 2px;padding-top:3px;padding-right:9px;padding-left:9px;color:#fff;}
.pagesBlock2 a:hover {display:inline-block;height:16px;background:url('http://wallaby.ucoz.ru/page/switch-hover.png') #00a8c3;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;font-weight:600;margin:0 2px;padding-top:3px;padding-right:9px;padding-left:9px;text-decoration:none;color:#fff;}
.pagesBlock2 b {display:inline-block;height:16px;background:url('http://wallaby.ucoz.ru/page/switch-hover.png') #00a8c3;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;font-weight:600;margin:0 2px;padding-top:3px;padding-right:9px;padding-left:9px;color:#fff;}
/* PageSelector end */

Синий переключатель для uCoz

kouf — Sun, 22 Feb 2015 14:13:02 GMT

Очередной переключатель страниц для ucoz в синих тонах. В данном переключатели используются 2 картинки по нескольку байт. Не на одном сайте не нашел рабочей версии, поэтому решил сам обновить скрипт. Переключатель работает во всех модулях.

Установка CSS
Заходим в П.У - Дизайн - Управление дизайном(CSS) и в самый низ вставляем код переключателя страниц ucoz:

Код

/* PageSelector Start wallaby.ucoz.ru */
   .catPages1, .pagesBlockuz1, .pagesBlock1 {color:#fff;border:0px;margin-bottom:10px;margin-top:10px;}
   .catPages1 a:link, .pagesBlockuz1 a:link, .pagesBlock1 a:link,
   .catPages1 a:visited, .pagesBlockuz1 a:visited, .pagesBlock1 a:visited,
   .catPages1 a:hover, .pagesBlockuz1 a:hover, .pagesBlock1 a:hover,
   .catPages1 a:active, .pagesBlockuz1 a:active, .pagesBlock1 a:active {text-decoration:none;color: #fff;BACKGROUND-IMAGE:URL(http://wallaby.ucoz.ru/page/grey.png);border:1PX SOLID #999999; padding:2px 10px;font-size:11px;font-weight:bold;}
   .catPages1 a:hover, .pagesBlockuz1 a:hover, .pagesBlock1 a:hover {BACKGROUND-IMAGE:URL(http://wallaby.ucoz.ru/page/grey-hover.png);color:#FFF;font-weight:bold;}
   .catPages1 b, .pagesBlockuz1 b, .pagesBlock1 b {text-decoration:none;BACKGROUND-IMAGE:URL(http://wallaby.ucoz.ru/page/grey-hover.png);border:1PX SOLID #999999;padding:2px 10px;color:#000000;font-size:11px;}

   .catPages2, .pagesBlockuz2, .pagesBlock2 {color:#fff;border:0px;margin-bottom:10px;margin-top:10px;}
   .catPages2 a:link, .pagesBlockuz2 a:link, .pagesBlock2 a:link,
   .catPages2 a:visited, .pagesBlockuz2 a:visited, .pagesBlock2 a:visited,
   .catPages2 a:hover, .pagesBlockuz2 a:hover, .pagesBlock2 a:hover,
   .catPages2 a:active, .pagesBlockuz2 a:active, .pagesBlock2 a:active {text-decoration:none;color: #fff;BACKGROUND-IMAGE:URL(http://wallaby.ucoz.ru/page/grey.png);border:1PX SOLID #999999; padding:2px 10px;font-size:11px;font-weight:bold;}
   .catPages2 a:hover, .pagesBlockuz2 a:hover, .pagesBlock2 a:hover {BACKGROUND-IMAGE:URL(http://wallaby.ucoz.ru/page/grey-hover.png);color:#FFF;font-weight:bold;}
   .catPages2 b, .pagesBlockuz2 b, .pagesBlock2 b {text-decoration:none;BACKGROUND-IMAGE:URL(http://wallaby.ucoz.ru/page/grey-hover.png);border:1PX SOLID #999999;padding:2px 10px;color:#000000;font-size:11px;}
/* -------------------------------------- */

Серый переключатель страниц для uCoz

kouf — Sun, 22 Feb 2015 14:12:14 GMT

По просьбам пользователей, представляю Вашему вниманию серую стилизацию переключателя страниц для uCoz. Переключатель страниц выполнен в серых тонах, с использованием двух маленьких картинок.

Установка CSS
Заходим в П.У - Дизайн - Управление дизайном(CSS) и в самый низ вставляем код переключателя страниц ucoz:

Код

/* PageSelector Start wallaby.ucoz.ru */
.pagesBlockuz1 {color:#ffffff;border:1px;margin-bottom:10px;margin-top:10px;text-shadow:0 1px 0 #000;}
.pagesBlockuz1 a:link,
.pagesBlockuz1 a:visited,
.pagesBlockuz1 a:hover,
.pagesBlockuz1 a:active {display:inline-block;height:16px;background:url('http://wallaby.ucoz.ru/page/switch_grey.png') #0082a8;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;font-weight:600;margin:0 2px;padding-top:3px;padding-right:9px;padding-left:9px;color:#fff;}
.pagesBlockuz1 a:hover {display:inline-block;height:16px;background:url('http://wallaby.ucoz.ru/page/switch-hover_grey.png') #00a8c3;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;font-weight:600;margin:0 2px;padding-top:3px;padding-right:9px;padding-left:9px;text-decoration:none;color:#fff;}
.pagesBlockuz1 b {display:inline-block;height:16px;background:url('http://wallaby.ucoz.ru/page/switch-hover_grey.png') #00a8c3;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;font-weight:600;margin:0 2px;padding-top:3px;padding-right:9px;padding-left:9px;color:#fff;}
.catPages1 {color:#ffffff;border:1px;margin-bottom:10px;margin-top:10px;text-shadow:0 1px 0 #000;}
.catPages1 a:link,
.catPages1 a:visited,
.catPages1 a:hover,
.catPages1 a:active {display:inline-block;height:16px;background:url('http://wallaby.ucoz.ru/page/switch_grey.png') #0082a8;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;font-weight:600;margin:0 2px;padding-top:3px;padding-right:9px;padding-left:9px;color:#fff;}
.catPages1 a:hover {display:inline-block;height:16px;background:url('http://wallaby.ucoz.ru/page/switch-hover_grey.png') #00a8c3;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;font-weight:600;margin:0 2px;padding-top:3px;padding-right:9px;padding-left:9px;text-decoration:none;color:#fff;}
.catPages1 b {display:inline-block;height:16px;background:url('http://wallaby.ucoz.ru/page/switch-hover_grey.png') #00a8c3;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;font-weight:600;margin:0 2px;padding-top:3px;padding-right:9px;padding-left:9px;color:#fff;}
.pagesBlock1 {color:#ffffff;border:1px;margin-bottom:10px;margin-top:10px;text-shadow:0 1px 0 #000;}
.pagesBlock1 a:link,
.pagesBlock1 a:visited,
.pagesBlock1 a:hover,
.pagesBlock1 a:active {display:inline-block;height:16px;background:url('http://wallaby.ucoz.ru/page/switch_grey.png') #0082a8;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;font-weight:600;margin:0 2px;padding-top:3px;padding-right:9px;padding-left:9px;color:#fff;}
.pagesBlock1 a:hover {display:inline-block;height:16px;background:url('http://wallaby.ucoz.ru/page/switch-hover_grey.png') #00a8c3;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;font-weight:600;margin:0 2px;padding-top:3px;padding-right:9px;padding-left:9px;text-decoration:none;color:#fff;}
.pagesBlock1 b {display:inline-block;height:16px;background:url('http://wallaby.ucoz.ru/page/switch-hover_grey.png') #00a8c3;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;font-weight:600;margin:0 2px;padding-top:3px;padding-right:9px;padding-left:9px;color:#fff;}
.catPages2 {color:#ffffff;border:1px;margin-bottom:10px;margin-top:10px;text-shadow:0 1px 0 #000;}
.catPages2 a:link,
.catPages2 a:visited,
.catPages2 a:hover,
.catPages2 a:active {display:inline-block;height:16px;background:url('http://wallaby.ucoz.ru/page/switch_grey.png') #0082a8;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;font-weight:600;margin:0 2px;padding-top:3px;padding-right:9px;padding-left:9px;color:#fff;}
.catPages2 a:hover {display:inline-block;height:16px;background:url('http://wallaby.ucoz.ru/page/switch-hover_grey.png') #00a8c3;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;font-weight:600;margin:0 2px;padding-top:3px;padding-right:9px;padding-left:9px;text-decoration:none;color:#fff;}
.catPages2 b {display:inline-block;height:16px;background:url('http://wallaby.ucoz.ru/page/switch-hover_grey.png') #00a8c3;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;font-weight:600;margin:0 2px;padding-top:3px;padding-right:9px;padding-left:9px;color:#fff;}
.pagesBlockuz2 {color:#ffffff;border:1px;margin-bottom:10px;margin-top:10px;text-shadow:0 1px 0 #000;}
.pagesBlockuz2 a:link,
.pagesBlockuz2 a:visited,
.pagesBlockuz2 a:hover,
.pagesBlockuz2 a:active {display:inline-block;height:16px;background:url('http://wallaby.ucoz.ru/page/switch_grey.png') #0082a8;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;font-weight:600;margin:0 2px;padding-top:3px;padding-right:9px;padding-left:9px;color:#fff;}
.pagesBlockuz2 a:hover {display:inline-block;height:16px;background:url('http://wallaby.ucoz.ru/page/switch-hover_grey.png') #00a8c3;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;font-weight:600;margin:0 2px;padding-top:3px;padding-right:9px;padding-left:9px;text-decoration:none;color:#fff;}
.pagesBlockuz2 b {display:inline-block;height:16px;background:url('http://wallaby.ucoz.ru/page/switch-hover_grey.png') #00a8c3;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;font-weight:600;margin:0 2px;padding-top:3px;padding-right:9px;padding-left:9px;color:#fff;}
.pagesBlock2 {color:#ffffff;border:1px;margin-bottom:10px;margin-top:10px;text-shadow:0 1px 0 #000;}
.pagesBlock2 a:link,
.pagesBlock2 a:visited,
.pagesBlock2 a:hover,
.pagesBlock2 a:active {display:inline-block;height:16px;background:url('http://wallaby.ucoz.ru/page/switch_grey.png') #0082a8;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;font-weight:600;margin:0 2px;padding-top:3px;padding-right:9px;padding-left:9px;color:#fff;}
.pagesBlock2 a:hover {display:inline-block;height:16px;background:url('http://wallaby.ucoz.ru/page/switch-hover_grey.png') #00a8c3;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;font-weight:600;margin:0 2px;padding-top:3px;padding-right:9px;padding-left:9px;text-decoration:none;color:#fff;}
.pagesBlock2 b {display:inline-block;height:16px;background:url('http://wallaby.ucoz.ru/page/switch-hover_grey.png') #00a8c3;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;font-weight:600;margin:0 2px;padding-top:3px;padding-right:9px;padding-left:9px;color:#fff;}
/* PageSelector end */

Зеленый переключатель страниц для uCoz

kouf — Sun, 22 Feb 2015 14:11:22 GMT

Новый переключатель страниц в зеленых тонах. Встречаем лето, готовим сайт.

Код

/* PageSelector Start wallaby.ucoz.ru */
   .pagesBlockuz1 {color:#ffffff;border:1px;margin-bottom:10px;margin-top:10px;text-shadow:0 1px 0 #000;}
   .pagesBlockuz1 a:link,
   .pagesBlockuz1 a:visited,
   .pagesBlockuz1 a:hover,
   .pagesBlockuz1 a:active {display:inline-block;height:16px;background:url('http://wallaby.ucoz.ru/page/switch_green.png') #0082a8;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;font-weight:600;margin:0 2px;padding-top:3px;padding-right:9px;padding-left:9px;color:#fff;}
   .pagesBlockuz1 a:hover {display:inline-block;height:16px;background:url('http://wallaby.ucoz.ru/page/switch-hover-green.png') #00a8c3;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;font-weight:600;margin:0 2px;padding-top:3px;padding-right:9px;padding-left:9px;text-decoration:none;color:#fff;}
   .pagesBlockuz1 b {display:inline-block;height:16px;background:url('http://wallaby.ucoz.ru/page/switch-hover-green.png') #00a8c3;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;font-weight:600;margin:0 2px;padding-top:3px;padding-right:9px;padding-left:9px;color:#fff;}
   .catPages1 {color:#ffffff;border:1px;margin-bottom:10px;margin-top:10px;text-shadow:0 1px 0 #000;}
   .catPages1 a:link,
   .catPages1 a:visited,
   .catPages1 a:hover,
   .catPages1 a:active {display:inline-block;height:16px;background:url('http://wallaby.ucoz.ru/page/switch_green.png') #0082a8;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;font-weight:600;margin:0 2px;padding-top:3px;padding-right:9px;padding-left:9px;color:#fff;}
   .catPages1 a:hover {display:inline-block;height:16px;background:url('http://wallaby.ucoz.ru/page/switch-hover-green.png') #00a8c3;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;font-weight:600;margin:0 2px;padding-top:3px;padding-right:9px;padding-left:9px;text-decoration:none;color:#fff;}
   .catPages1 b {display:inline-block;height:16px;background:url('http://wallaby.ucoz.ru/page/switch-hover-green.png') #00a8c3;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;font-weight:600;margin:0 2px;padding-top:3px;padding-right:9px;padding-left:9px;color:#fff;}
   .pagesBlock1 {color:#ffffff;border:1px;margin-bottom:10px;margin-top:10px;text-shadow:0 1px 0 #000;}
   .pagesBlock1 a:link,
   .pagesBlock1 a:visited,
   .pagesBlock1 a:hover,
   .pagesBlock1 a:active {display:inline-block;height:16px;background:url('http://wallaby.ucoz.ru/page/switch_green.png') #0082a8;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;font-weight:600;margin:0 2px;padding-top:3px;padding-right:9px;padding-left:9px;color:#fff;}
   .pagesBlock1 a:hover {display:inline-block;height:16px;background:url('http://wallaby.ucoz.ru/page/switch-hover-green.png') #00a8c3;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;font-weight:600;margin:0 2px;padding-top:3px;padding-right:9px;padding-left:9px;text-decoration:none;color:#fff;}
   .pagesBlock1 b {display:inline-block;height:16px;background:url('http://wallaby.ucoz.ru/page/switch-hover-green.png') #00a8c3;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;font-weight:600;margin:0 2px;padding-top:3px;padding-right:9px;padding-left:9px;color:#fff;}
   .catPages2 {color:#ffffff;border:1px;margin-bottom:10px;margin-top:10px;text-shadow:0 1px 0 #000;}
   .catPages2 a:link,
   .catPages2 a:visited,
   .catPages2 a:hover,
   .catPages2 a:active {display:inline-block;height:16px;background:url('http://wallaby.ucoz.ru/page/switch_green.png') #0082a8;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;font-weight:600;margin:0 2px;padding-top:3px;padding-right:9px;padding-left:9px;color:#fff;}
   .catPages2 a:hover {display:inline-block;height:16px;background:url('http://wallaby.ucoz.ru/page/switch-hover-green.png') #00a8c3;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;font-weight:600;margin:0 2px;padding-top:3px;padding-right:9px;padding-left:9px;text-decoration:none;color:#fff;}
   .catPages2 b {display:inline-block;height:16px;background:url('http://wallaby.ucoz.ru/page/switch-hover-green.png') #00a8c3;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;font-weight:600;margin:0 2px;padding-top:3px;padding-right:9px;padding-left:9px;color:#fff;}
   .pagesBlockuz2 {color:#ffffff;border:1px;margin-bottom:10px;margin-top:10px;text-shadow:0 1px 0 #000;}
   .pagesBlockuz2 a:link,
   .pagesBlockuz2 a:visited,
   .pagesBlockuz2 a:hover,
   .pagesBlockuz2 a:active {display:inline-block;height:16px;background:url('http://wallaby.ucoz.ru/page/switch_green.png') #0082a8;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;font-weight:600;margin:0 2px;padding-top:3px;padding-right:9px;padding-left:9px;color:#fff;}
   .pagesBlockuz2 a:hover {display:inline-block;height:16px;background:url('http://wallaby.ucoz.ru/page/switch-hover-green.png') #00a8c3;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;font-weight:600;margin:0 2px;padding-top:3px;padding-right:9px;padding-left:9px;text-decoration:none;color:#fff;}
   .pagesBlockuz2 b {display:inline-block;height:16px;background:url('http://wallaby.ucoz.ru/page/switch-hover-green.png') #00a8c3;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;font-weight:600;margin:0 2px;padding-top:3px;padding-right:9px;padding-left:9px;color:#fff;}
   .pagesBlock2 {color:#ffffff;border:1px;margin-bottom:10px;margin-top:10px;text-shadow:0 1px 0 #000;}
   .pagesBlock2 a:link,
   .pagesBlock2 a:visited,
   .pagesBlock2 a:hover,
   .pagesBlock2 a:active {display:inline-block;height:16px;background:url('http://wallaby.ucoz.ru/page/switch_green.png') #0082a8;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;font-weight:600;margin:0 2px;padding-top:3px;padding-right:9px;padding-left:9px;color:#fff;}
   .pagesBlock2 a:hover {display:inline-block;height:16px;background:url('http://wallaby.ucoz.ru/page/switch-hover-green.png') #00a8c3;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;font-weight:600;margin:0 2px;padding-top:3px;padding-right:9px;padding-left:9px;text-decoration:none;color:#fff;}
   .pagesBlock2 b {display:inline-block;height:16px;background:url('http://wallaby.ucoz.ru/page/switch-hover-green.png') #00a8c3;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;font-weight:600;margin:0 2px;padding-top:3px;padding-right:9px;padding-left:9px;color:#fff;}
   /* PageSelector end */

Увеличение картинки при нажатии для ucoz

kouf — Sun, 22 Feb 2015 14:07:48 GMT

Инструкция по установке скрипта:

1. Для начала скачиваем архив с файлами и вставляем в корень сайта. Далее в настройках новостей сайта добавляем дополнительное поле (Главная » Каталог файлов » Настройки модуля). Ставим обязательным скриншот. Его обозначение -$SCREEN_URL$

Затем в шаблонах "Главная страница каталога файлов", "Страница со списком материалов раздела", "Страница со списком материалов категории", и "Страница материала и комментариев к нему" ставим следующий код перед $MESSAGE$:

Код

Если у вас другое дополнительное поле то его изменяем$SCREEN_URL$ на свой.

2. Потом открываем уже залитый на сайт файл highslide.js в папке highslide и находим в нем это :

Код

creditsText : 'текст надписи на картинке',
creditsHref : 'адрес вашего сайта',
creditsTitle : 'комментарий к надписи',

Заменяем всё это на своё... И сохраняем.
Вот и у вас красиво увеличивается картинка при нажатии!

Строгое серо-синее вертикальное меню для ucoz

kouf — Sat, 21 Feb 2015 15:17:03 GMT

1. Копируем код и вставляем в CSS:

Код

//----wallaby.ucoz.ru----//
#menu14 {
   width: 200px;
   margin: 10px;
   }

   #menu14 li a {
   height: 32px;
   voice-family: "\"}\"";
   voice-family: inherit;
   height: 24px;
   text-decoration: none;
   }

   #menu14 li a:link, #menu14 li a:visited {
   color: #000;
   display: block;
   background: url(/images/menu14.gif);
   padding: 8px 0 0 10px;
   }

   #menu14 li a:hover, #menu14 li #current {
   color: #FFF;
   background: url(http://wallaby.ucoz.ru/menu/menu14.gif) 0 -32px;
   padding: 8px 0 0 10px;
   }
//----wallaby.ucoz.ru----//

2. Вставляем в любой блок на сайте(туда, где хотим видеть вертикальное меню):

Код

Главная

Поиск

Регистрация

Карта сайта

О сайте