ZorNet.Ru — сайт для вебмастера » Скрипты для uCoz » Светлый переключатель страниц V1 для ucoz

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

Светлый переключатель страниц для системы ucoz, красиво будет смотреться на светлых дизайн сайтов. Это не все на сайте, на сайте большое количество шаблонов для сайта системы uCoz. Огромный архив скриптов, которые каждый день пополняются. Рабочий форум где вы для себя найдете что то новое и интересное. Так же на нем вам помогут если что то не понятно как по систем uCoz и компьютерная помощь
Приступаем к установке:
Вставляем в CSS

Код

/* 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: #636363;background:#f9f9f9;padding:3px 6px;font-size:11px;font-weight:bold;border:1px solid #e6e6e6;}
.catPages1 a:hover {background:#6699cc;color:#FFFFFF;font-weight:bold;border:1px solid #e6e6e6;}
.catPages1 b {text-decoration:none;background:#ffffff;padding:3px 6px;color:#ccc;font-size:11px;border:1px solid #e6e6e6;} .

.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: #636363;background:#f9f9f9;padding:3px 6px;font-size:11px;font-weight:bold;border:1px solid #e6e6e6; border-radius: 5px;}
.pagesBlockuz1 a:hover {background:#6699cc;color:#FFFFFF;font-weight:bold;border:1px solid #e6e6e6;}
.pagesBlockuz1 b {text-decoration: none;background: #5A5C89;padding: 3px 6px;color: #FFF;font-size: 11px;border: 1px solid #888888; border-radius: 5px;}

.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: #636363;background:#353535;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:#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: #636363;background:#f9f9f9;padding:3px 6px;font-size:11px;font-weight:bold;border:1px solid #e6e6e6;}
.catPages2 a:hover {background:#6699cc;color:#FFFFFF;font-weight:bold;border:1px solid #e6e6e6;}
.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: #636363;background:#f9f9f9;padding:7px 9px;font-size:11px;font-weight:bold;border:1px solid #e6e6e6; border-radius: 5px;}
.pagesBlockuz2 a:hover {background:#6699cc;color:#FFFFFF;font-weight:bold;border:1px solid #e6e6e6;}
.pagesBlockuz2 b {text-decoration: none;background: #5860B6;padding: 7px 9px;color: #FFF;font-size: 11px;border: 1px solid #696868; border-radius: 5px;}

.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: #636363;background:#353535;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:#ffffff;padding:3px 10px;color:#ccc;font-size:11px;}
/* PageSelector end */

Они полностью по своему размеру переделаны. Вверх остался тем же, только немного углы закругленные.

19 Апреля 2012 Просмотров: 3187 Комментариев: (11)

Поделиться в социальных сетях

Материал разместил

Kosten

Похожие материалы

Оставь свой отзыв

Комментарии: 11
Порядок вывода комментариев: Сопрано 07 Января 2016 02:52¹ 0 Но это простые переключатели, но думаю можно попробовать их переделать и сделать более современные. Kosten 07 Января 2016 02:54² 0 Trantel, попробую что то сделать, может что и получиться, если да, то закину сюда. Kosten 07 Января 2016 03:19³ 0 Trantel, переделал размер, а вверх оставил какие они были, только прописал стиль, где можно закруглять углы, но сами сделают как нужно. Сопрано 07 Января 2016 03:22⁴ 0 Вот это явно лучше смотрится, и правильно что верхние оставил такими, то они если большие, то мешают. Scheme 07 Января 2016 03:24⁵ 0 Kosten, не знаю какие там были, но понимаю по верхним. Ты лучше написал как все делать, чтоб просто переделывать самому и нам как то станет интересней. Kosten 07 Января 2016 03:27⁶ 0 Можно статью написать, но лучше показывать как нужно найти тот или иной стиль и с ним работать. А вот видео вообще не представляю как записывать. csretven 07 Января 2016 03:28⁷ 0 Да там можно сделать, которые у тебя на сайте стоят. Kosten 07 Января 2016 03:31⁸ 0 Можно, но тут идут и верхние кнопки, а если делать большие, то нижние как раз подходят. Потому не стал их вообще менять, а только по размерам углы у обоих поменял, что можно самому сменить, их специально выставил последними, и на 5 стоят, но на 3 поставить еще можно, чтоб не сильно закруглялись. FeStemBer 07 Января 2016 03:45⁹ 0 Все правильно если писать статью, там больше будет скринов, просто без них не как не понять и не описать. Kosten 07 Января 2016 03:58¹⁰ 0 Да просто если нужно сделать, то на форуме напишите, там посмотрим, что можно сделать, главное чтоб не рисованный были.
1 2 »