Web Master

Для тёмного дизайна

Alex28j — Wed, 23 Dec 2009 06:16:43 GMT

новый стандарт преключателя страниц,имеет свои примущества итд
вставляем код после $CONTENT$ или $BODY$

Code

Переключатель страниц из серии v.5.0

Alex28j — Sun, 20 Dec 2009 19:53:45 GMT

новый стандарт преключателя страниц,имеет свои примущества итд
вставляем код после $CONTENT$ или $BODY$

Code

u.Selector Page Selector for uCoz

Alex28j — Wed, 16 Dec 2009 14:47:24 GMT

На этой странице расположен сборник переключателей для сайтов в системе uCoz.
Для того чтобы установить переключатель зайдите в админку - управление дизайном - Таблица стилей (CSS) и скопируйте в самый низ код любого переключателя для системы uCoz.

Для того чтобы заменить стрелочки (« ») на слова зайдите в админку - Замена стандартных надписей - разное, нажимайте изменить и изменяйте на любое слово.

Code

* Page Selector / Start */
.catPages1 {color:#fff;border:0px;margin-bottom:10px;margin-top:10px;}
.catPages1 a:link,
.catPages1 a:visited,
.catPages1 a:hover,
.catPages1 a:active {text-decoration:none;color: #fff;BACKGROUND-IMAGE:URL(/style/center.png);border:1PX SOLID #999999; padding:2px 10px;font-size:11px;font-weight:bold;}
.catPages1 a:hover {BACKGROUND-IMAGE:URL(/style/gp.png);color:#fff;font-weight:bold;}
.catPages1 b {text-decoration:none;BACKGROUND-IMAGE:URL(/style/bp.png);border:1PX SOLID #999999;padding:2px 10px;color:#303b45;font-size:11px;}

.catPages2 {color:#EFEEEB;border:0px;margin-bottom:10px;margin-top:10px;}
.catPages2 a:link,
.catPages2 a:visited,
.catPages2 a:hover,
.catPages2 a:active {text-decoration:none;color: #636363;background:#F9F9F9;padding:3px 10px;font-size:11px;font-weight:bold;}
.catPages2 a:hover {background:#6B82A4;color:#FFFFFF;font-weight:bold;}
.catPages2 b {text-decoration:none;background:#FFFFFF;padding:3px 10px;color:#ccc;font-size:11px;}

/* Page Selector Style / End */

Code

/* PageSelector Start */
.catPages1 {color:#ffffff; border:1px;margin-bottom:10px;margin-top:10px;}
.catPages1 a:link,
.catPages1 a:visited,
.catPages1 a:hover,
.catPages1 a:active {text-decoration:none;color: #57caff;background:#f9f9f9;padding:3px 6px;font-size:11px;font-weight:bold;border:1px solid #57caff;}
.catPages1 a:hover {background:#63ceff;color:#FFFFFF;font-weight:bold;border:1px solid #57caff;}
.catPages1 b {text-decoration:none;background:#ffffff;padding:3px 6px;color:#c2efff;font-size:11px;border:1px solid #c2efff;}

.pagesBlockuz1 {color:#ffffff;border:1px;margin-bottom:10px;margin-top:10px;}
.pagesBlockuz1 a:link,
.pagesBlockuz1 a:visited,
.pagesBlockuz1 a:hover,
.pagesBlockuz1 a:active {text-decoration:none;color: #57caff;background:#f9f9f9;padding:3px 6px;font-size:11px;font-weight:bold;border:1px solid #57caff;}
.pagesBlockuz1 a:hover {background:#63ceff;color:#FFFFFF;font-weight:bold;border:1px solid #57caff;}
.pagesBlockuz1 b {text-decoration:none;background:#ffffff;padding:3px 6px;color:#ccc;font-size:11px;border:1px solid #e6e6e6;}

.pagesBlock1 {color:#EFEEEB;border:0px;margin-bottom:10px;margin-top:10px;}
.pagesBlock1 a:link,
.pagesBlock1 a:visited,
.pagesBlock1 a:hover,
.pagesBlock1 a:active {text-decoration:none;color: #57caff;background:#ffffff;padding:3px 10px;font-size:11px;font-weight:bold;}
.pagesBlock1 a:hover {background:#63ceff;color:#FFFFFF;font-weight:bold;}
.pagesBlock1 b {text-decoration:none;background:#ffffff;padding:3px 10px;color:#ccc;font-size:11px;}

.catPages2 {color:#ffffff;border:1px;margin-bottom:10px;margin-top:10px;}
.catPages2 a:link,
.catPages2 a:visited,
.catPages2 a:hover,
.catPages2 a:active {text-decoration:none;color: #57caff;background:#f9f9f9;padding:3px 6px;font-size:11px;font-weight:bold;border:1px solid #57caff;}
.catPages2 a:hover {background:#63ceff;color:#FFFFFF;font-weight:bold;border:1px solid #57caff;}
.catPages2 b {text-decoration:none;background:#ffffff;padding:3px 6px;color:#ccc;font-size:11px;border:1px solid #e6e6e6;}

.pagesBlockuz2 {color:#ffffff;border:1px;margin-bottom:10px;margin-top:10px;}
.pagesBlockuz2 a:link,
.pagesBlockuz2 a:visited,
.pagesBlockuz2 a:hover,
.pagesBlockuz2 a:active {text-decoration:none;color: #57caff;background:#f9f9f9;padding:3px 6px;font-size:11px;font-weight:bold;border:1px solid #57caff;}
.pagesBlockuz2 a:hover {background:#63ceff;color:#FFFFFF;font-weight:bold;border:1px solid #57caff;}
.pagesBlockuz2 b {text-decoration:none;background:#ffffff;padding:3px 6px;color:#ccc;font-size:11px;border:1px solid #e6e6e6;}

.pagesBlock2 {color:#EFEEEB;border:0px;margin-bottom:10px;margin-top:10px;}
.pagesBlock2 a:link,
.pagesBlock2 a:visited,
.pagesBlock2 a:hover,
.pagesBlock2 a:active {text-decoration:none;color: #57caff;background:#ffffff;padding:3px 10px;font-size:11px;font-weight:bold;}
.pagesBlock2 a:hover {background:#63ceff;color:#FFFFFF;font-weight:bold;}
.pagesBlock2 b {text-decoration:none;background:#ffffff;padding:3px 10px;color:#ccc;font-size:11px;}
/* PageSelector end */

Code

.catPages1 {color:#5c5b5b;border:0px;margin-bottom:0px;margin-top:10px;font-family:Georgia, "Times New Roman", Times, serif;text-align:center;}
.catPages1 a:link,
.catPages1 a:visited {color:#fff;text-decoration:none;background:#5c5b5b;padding:3px 10px;font-size:9pt;}
.catPages1 a:hover {background-color:#5c5b5b;}
.catPages1 b {text-decoration:none;background:#5c5b5b;padding:4px 11px;color:#fff;font-size:12pt;position:relative;bottom:-1.5pt;}
.catPages1 b,
.catPages1 a {-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;}

Code

.catPages1 {color:#ffffff;border:1px;margin-bottom:20px;margin-top:20px;}
.catPages1 a:link,
.catPages1 a:visited,
.catPages1 a:hover,
.catPages1 a:active {text-decoration:none;color: #636363;background:#f9f9f9;padding:10px;font-size:11px;font-weight:bold;border:1px solid #e6e6e6;}

.catPages1 a:hover {background:#afafaf;color:#FFFFFF;font-weight:bold;border:1px solid #636363;}
.catPages1 b {text-decoration:none;background:#ffffff;padding:10px;color:#ccc;font-size:11px;border:1px solid #e6e6e6;}

Code

.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;}

Code

.catPages1 {color:#AED6FF;border:0px;margin-bottom:10px;margin-top:10px;}
.catPages1 a:link,
.catPages1 a:visited,
.catPages1 a:hover,
.catPages1 a:active {text-decoration:none;color: #fff;background:#4888BE;padding:3px 10px;font-size:11px;font-weight:bold;}
.catPages1 a:hover {background:#3B6F9B;color:#AED6FF;font-weight:bold;}
.catPages1 b {text-decoration:none;background:#4888BE;padding:3px 10px;color:#AED6FF;font-size:11px;}

.catPages2 {color:#AED6FF;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:#4888BE;padding:3px 10px;font-size:11px;font-weight:bold;}
.catPages2 a:hover {background:#3B6F9B;color:#AED6FF;font-weight:bold;}
.catPages2 b {text-decoration:none;background:#4888BE;padding:3px 10px;color:#AED6FF;font-size:11px;}

Перейти на страницу

Alex28j — Wed, 16 Dec 2009 14:03:13 GMT

Code

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

Alex28j — Wed, 11 Nov 2009 03:08:57 GMT

Добавляем в css:

Code

.navigation a {
text-decoration:none;
color:#ff6600;
background:#2b89c1 url(../images/nav0.png);
border:1px solid  #ff6600;
font-size:12px;
font-weight:bold;
padding:4px 8px;
}

.navigation a:hover {
background:#006600 url(../images/nav2.png);
}

.navigation span {
text-decoration:none;
background:#fff url(../images/nav2.png);
border:1px solid  #006600;
color:#ff6600;
font-size:12px;
padding:4px 8px;
}

#back span {
color:#ff6600;
font-size:12px;
background:url(../images/back1.png) repeat-x;
padding:5px 11px 8px 35px;
}

#back a {
font-weight:bold;
color:#ff6600;
background:#e1f4fd url(../images/back1.png)  no-repeat;
padding:5px 11px 8px 34px;
}

#go span {
color:#ff6600;
font-size:12px;
background:url(../images/go.png) repeat-x;
padding:5px 34px 8px 12px;
}

#go a {
font-weight:bold;
color:#ff6600;
background:#e1f4fd url(../images/go.png) repeat-x;
padding:5px 32px 8px 11px;
}

#go a:hover {
background:url(../images/go2.png) repeat-x;
}

#back a:hover {
background:url(../images/back2.png) no-repeat;
}

Заменяем navigation.tpl на:

Code

[center][prev-link]назад[/prev-link] [next-link]далее[/next-link][/center]

Необходимые картинки:

Новости сайта

Alex28j — Mon, 19 Oct 2009 20:21:43 GMT

Code

/*Pages selektor Новости сайта */
catPages1 {
padding:3px;
margin:3px;
text-align:center;
color:#ffffff;
}

catPages1 {color:#93A2BF;border:0px;margin-bottom:10px;margin-top:10px;}
.catPages1 a:link,
.catPages1 a:visited,
.catPages1 a:hover,
.catPages1 a:active {text-decoration:none;color: #fff;background:#93A2BF;padding:3px 10px;font-size:11px;font-weight:bold;}
.catPages1 a:hover {background:#3A5FCD;color:#ffffff;font-weight:bold;}
.catPages1 b {text-decoration:none;background:#445B7B;padding:3px 10px;color:#fff;font-size:11px;}

.catPages2 {color:#93A2BF;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:#93A2BF;padding:3px 10px;font-size:11px;font-weight:bold;}
.catPages2 a:hover {background:#3A5FCD;color:#fff;font-weight:bold;}
.catPages2 b {text-decoration:none;background:#445B7B;padding:3px 10px;color:#fff;font-size:11px;}
/* ----------------- */

Переключатели для сайтов в системе uCoz

Alex28j — Fri, 16 Oct 2009 15:50:36 GMT

Переключатель страниц v.7

Alex28j — Fri, 16 Oct 2009 13:37:54 GMT

Хотите так же? Тогда вставте в любое место css данный кодик:
Для синего дизайна

Code

/* 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;}
/* ----------------------- */

Для оранжевого дизайна

Code

/* Page Selector Style */
.catPages1, .pagesBlockuz1, .pagesBlockuz2 {color:#ff8400;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: #fafafa;background:#ff8400;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:#ff7700;color:#ff8c00;font-weight:bold;-moz-border-radius: 3px;border-radius: 3px;}
.catPages1 b, .pagesBlockuz1 b, .pagesBlockuz2 b {text-decoration:none; background:#ffa200; padding:2px 8px; color:#ff6f00; font-size:10px;-moz-border-radius: 3px;border-radius: 3px;}
/* ----------------------- */

Для Красного
/* 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:#FF8282;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:#FF6600;color:#000000;font-weight:bold;-moz-border-radius: 3px;border-radius: 3px;}
.catPages1 b, .pagesBlockuz1 b, .pagesBlockuz2 b {text-decoration:none; background:#FF0000; padding:2px 8px; color:#000000; font-size:10px;-moz-border-radius: 3px;border-radius: 3px;}
/* ----------------------- */

Переключатель страниц (синий фон)

Alex28j — Sun, 04 Oct 2009 18:07:31 GMT

В CSS

Code

.pagesBlockuz1 {color:#000000;border:0px;margin-bottom:10px;margin-top:10px;}
.pagesBlockuz1 a:link,
.pagesBlockuz1 a:visited,
.pagesBlockuz1 a:hover,
.pagesBlockuz1 a:active {text-decoration:none;color: #000000;background:#93A2BF;padding:3px 10px;font-size:11px;font-weight:bold;}
.pagesBlockuz1 a:hover {background:#445B7B;color:#FFFFFF;font-weight:bold;}
.pagesBlockuz1 b {text-decoration:none;background:#3A5FCD;padding:3px 10px;color:#FFFFFF;font-size:11px;}

.pagesBlockuz2 {color:#000000;border:0px;margin-bottom:10px;margin-top:10px;}
.pagesBlockuz2 a:link,
.pagesBlockuz2 a:visited,
.pagesBlockuz2 a:hover,
.pagesBlockuz2 a:active {text-decoration:none;color: #000000;background:#93A2BF;padding:3px 10px;font-size:11px;font-weight:bold;}
.pagesBlockuz2 a:hover {background:#445B7B;color:#FFFFFF;font-weight:bold;}
.pagesBlockuz2 b {text-decoration:none;background:#3A5FCD;padding:3px 10px;color:#FFFFFF;font-size:11px;}

Если вам помог этот скрипт,то ставьте мне в репутацию

Перейти на страницу...

Alex28j — Fri, 02 Oct 2009 16:55:07 GMT

Вставлять в нужное вам место:

Quote