| Kentos311 | Дата: Вторник, 09.01.2018, 13:33 | Сообщение # 1 |
Сообщений: 729
Статус:  | Если вы хотите на своем ресурсе заменить переключение страниц, либо же поставить какие то оригинальные, то рекомендую вам установить эти переключатели.
Переключатели страниц - очень красиво и солидно смотрится, предоставлено два варианта окрас этих кнопок, вы можете настроить их под своей желаемый цвет дизайна эти кнопки, всё легко редактируется в 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;}
Переключатели страниц это самый важный элемент на сайте, и он должен смотреться соответствующий вашему дизайну.
|
| |
| |
