• Страница 1 из 1
  • 1
Форум Kentos311 » uCoz » Скрипты для сайта » Цветные переключатели страниц для uCoz (Переключатели страниц это самый важный элемент на сайте)
Цветные переключатели страниц для uCoz
Kentos311Дата: Вторник, 09.01.2018, 13:33 | Сообщение # 1
Сообщений: 461
Статус:
Если вы хотите на своем ресурсе заменить переключение страниц, либо же поставить какие то оригинальные, то рекомендую вам установить эти переключатели.
Переключатели страниц - очень красиво и солидно смотрится, предоставлено два варианта окрас этих кнопок, вы можете настроить их под своей желаемый цвет дизайна эти кнопки, всё легко редактируется в CSS. У каждого шаблона стоят свои переключатели, либо они стандартные, или измененные, вам всего лишь нужно будет прописать в таблицу стилей CSS соответствующий код этих кнопок.

Первый переключатель:


1. В таблицу Стилей CSS:
Код
.pagesBlockuz1 b,.pagesBlockuz2 b,#pagesBlock1 b,#pagesBlock2 b {margin: 0 3px;display:inline-block;padding:0 10px;line-height:30px;min-width: 30px;border-radius: 10px; font-weight:normal;background: #465294;color: #FFF;font-size:11px;font-weight: normal;box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.19);} .pagesBlockuz1 a,.pagesBlockuz2 a,#pagesBlock1 a,#pagesBlock2 a {margin: 0 3px;display:inline-block;padding:0 10px;line-height:30px;min-width: 30px;border-radius: 10px; text-decoration:none;background:#B0BEC5;color:#fff;font-size:11px;font-weight: normal;transition: 0.3s;box-shadow: 0px 4px 4px rgba(0,0,0,0.05);} .pagesBlockuz1 a:hover,.pagesBlockuz2 a:hover,#pagesBlock1 a:hover,#pagesBlock2 a:hover {background: #6599B3;color:#fff;transition: 0.3s;}


Второй переключатель:

Код
.pagesBlockuz1 b,.pagesBlockuz2 b,#pagesBlock1 b,#pagesBlock2 b {margin: 0 3px;display:inline-block;padding:0 10px;line-height:30px;min-width:30px;border-radius:30px; font-weight:normal;background:#4CAF50;color:#fff;font-size:11px;font-weight: normal;box-shadow: 0px 4px 4px rgba(0,0,0,0.05);} .pagesBlockuz1 a,.pagesBlockuz2 a,#pagesBlock1 a,#pagesBlock2 a {margin: 0 3px;display:inline-block;padding:0 10px;line-height:30px;min-width:30px;border-radius:30px; text-decoration:none;background:#B0BEC5;color:#fff;font-size:11px;font-weight: normal;transition: 0.3s;box-shadow: 0px 4px 4px rgba(0,0,0,0.05);} .pagesBlockuz1 a:hover,.pagesBlockuz2 a:hover,#pagesBlock1 a:hover,#pagesBlock2 a:hover {background:#90A4AE;color:#fff;transition: 0.3s;}


Переключатели страниц это самый важный элемент на сайте, и он должен смотреться соответствующий вашему дизайну.
Прикрепления: 9119305.jpg(10.1 Kb) · 2698525.png(4.7 Kb)
 
Форум Kentos311 » uCoz » Скрипты для сайта » Цветные переключатели страниц для uCoz (Переключатели страниц это самый важный элемент на сайте)
  • Страница 1 из 1
  • 1
Поиск: