» »

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


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

Решили поменять свой кнопки, так как они возможно не вписывается в дизайн, то Неординарные переключатель страниц для uCoz подойдут на любой дизайн и можно смело сказать на оттенок цвета, так как они выполнены просто и немного закругленные углы, которые в стилях вы сами подгоните. Хочу поделится своим не большим скриптом, сегодня мне пришлось настроить новые переключатели страниц и облазив пол интернета я не чего не нашёл для своего сайта и решил что сделаю их сам. Трудного в этом не чего не оказалось и через мин 20 на нашем сайте уже были свои кнопки переключения страниц. Если кто то не может для себя настроить данные кнопки переключения страниц, то вы можете воспользоватся моими которые я вам выложу в данном материале.
Кнопки переключения страниц особо нужны на стандартных шаблонах ucoz так как не на всех они выглядят отлично и требуют замены.

Для того что бы установить данный кнопки переключения на свой сайт вам нужно, скопировать код кнопок ниже и вставить их в стили вашего сайта и сохранить.

Код
.catPages1 { padding:0 !important;margin:0 !important; }  
.swchItemA, .swchItem, .swchItemA1, .swchItem1 {color:#FFF;display: inline-block;padding: 5px 10px;text-decoration: none;font-weight:normal;border-radius:2px}  
.swchItem, .swchItem1 {color:#787878;background:#dcdcdc;}  
.swchItem:hover, .swchItem1:hover {background:#62BFE4;color:#fff;text-decoration:none}  
.swchItemA, .swchItemA1 {background:#62BFE4}  
.catPages1, .catPages2 {padding: 10px 0;}  
.pagesBlock2 {margin-top:10px!important;display:block}


Кнопочки будут цветом как у нас на сайте, но вы можете настроить цвет под свой сайт, для этого найдите вот такой код цвета в стилях #62BFE4 и меняйте на свой цвет!
14.09.2015 Просмотров: 690 Комментарий: (12)

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

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

Комментарий: 12
Canon
Canon 15.09.2015 01:131
0
Спасибо взял себе, их можно по стилям переделать. Просто вижу в коде padding: а значит и не только можно цвет сменить, а сделать на совершенно не похожие, что сейчас стоят.
Brung
Brung 15.09.2015 01:302
0
Хорошие переключатели и не большие и не слишком малы, само то для любого сайта, только светлого.
FeStemBer
FeStemBer 15.09.2015 01:473
0
И как вижу, что верхние переставлены в низ, и потому там написано в пере и назад а должны быть стрелки и они были убраны в админке и прописано свое.
Kosten
Kosten 15.09.2015 01:574
0
Это же стили и в них все присутствует, для того чтоб их изменить, а это сделать круглыми и больше размером.
Сопрано
Сопрано 15.09.2015 02:175
0
Кнопки хорошие, но низ сайта под ними больше интересует.
Kosten
Kosten 15.09.2015 02:216
0
Norton, где вы раньше были, так как код и все файлы на его скидывали мне и просто найти не могу, может слил.
Сопрано
Сопрано 15.09.2015 02:237
0
Но вы еще на всякий посмотрите, может где и остался.
Kosten
Kosten 15.09.2015 17:458
0
Norton, нет но постараюсь его достать у человека, который мне скинул его.
avatar
andr8070 01.07.2016 11:009
0
Установил этот дизайн кнопок. Подскажите как в коде прописать НАЗАД ВПЕРЕД, что то у меня не получается.
Kosten
Kosten 01.07.2016 16:3510
0
Заходим в админ панель, дальше клик на настройки - замена нестандартных надписей и там у вас будут стрелки, уберите их и напишите Назад и Вперед, но нужно оператор верхних переключателей поставить на низ.

avatar
andr8070 01.07.2016 17:1811
0
Спасибо. Все Ok
Kosten
Kosten 01.07.2016 18:2012
0
Отлично, что разобрались. если что не понятно, оставляем комментарий, и будем разбираться по теме.
avatar