» »

Светлый переключатель страниц 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.04.2012 Просмотров: 1236 Комментарий: (11)

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

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

Комментарий: 11
Сопрано
Сопрано 07.01.2016 02:521
0
Но это простые переключатели, но думаю можно попробовать их переделать и сделать более современные.
Kosten
Kosten 07.01.2016 02:542
0
Trantel, попробую что то сделать, может что и получиться, если да, то закину сюда.
Kosten
Kosten 07.01.2016 03:193
0
Trantel, переделал размер, а вверх оставил какие они были, только прописал стиль, где можно закруглять углы, но сами сделают как нужно.

Сопрано
Сопрано 07.01.2016 03:224
0
Вот это явно лучше смотрится, и правильно что верхние оставил такими, то они если большие, то мешают.
Scheme
Scheme 07.01.2016 03:245
0
Kosten, не знаю какие там были, но понимаю по верхним. Ты лучше написал как все делать, чтоб просто переделывать самому и нам как то станет интересней.
Kosten
Kosten 07.01.2016 03:276
0
Можно статью написать, но лучше показывать как нужно найти тот или иной стиль и с ним работать. А вот видео вообще не представляю как записывать.
csretven
csretven 07.01.2016 03:287
0
Да там можно сделать, которые у тебя на сайте стоят.
Kosten
Kosten 07.01.2016 03:318
0
Можно, но тут идут и верхние кнопки, а если делать большие, то нижние как раз подходят. Потому не стал их вообще менять, а только по размерам углы у обоих поменял, что можно самому сменить, их специально выставил последними, и на 5 стоят, но на 3 поставить еще можно, чтоб не сильно закруглялись.
FeStemBer
FeStemBer 07.01.2016 03:459
0
Все правильно если писать статью, там больше будет скринов, просто без них не как не понять и не описать.
Kosten
Kosten 07.01.2016 03:5810
0
Да просто если нужно сделать, то на форуме напишите, там посмотрим, что можно сделать, главное чтоб не рисованный были.
nikolla76
nikolla76 07.01.2016 04:0911
0
Вот раньше не кто не чего не делал, как есть ставили, что нужно подгонят, а что большие, не замечал.
avatar