регистрация
856материалов
3353комментария
245тем на форуме
7114пользователей

Переключатели страниц для uCoz


Описание:

Здравствуйте. Сегодня будем изменять переключатели страниц для uCoz, а именно делать их вид приятным для глаза. Как видно на скриншоте, я подготовил 2 разных расцветок. Если вы уже определились с цветом переключателей, то преступаем к установке. Установка до ужаса проста - нужно лишь скопировать стили и вставить их в таблицу стилей css или в файл со своими стилями. Они имеют плоский дизайн и приятную цветовую гамму.

Важно:

Данные переключатели будут работать, если вы выводите его через $PAGE_SELECTOR$ или $PAGE_SELECTOR1$.

Установка:

В конец таблицы CSS вставьте код соответствующего переключателя.

Код
.swchItemA{          
          background: #64A281 !important;          
          font-size: 15px !important;          
          font-family: 'PT Sans', sans-serif !important;          
          padding: 10px 15px !important;          
          border: 1px solid #64A281;          
          text-decoration: none;          
          border-radius: 100%;          
          }          
          .swchItem{          
          background: white !important;          
          font-size: 15px !important;          
          font-family: 'PT Sans', sans-serif !important;          
          padding: 10px 15px !important;          
          border: 1px solid #e6e6e6;          
          text-decoration: none;          
          border-radius: 100%;          
          }          
          .swchItem:hover{          
          text-decoration: none;          
          border: 1px solid #64A281 !important;          
          }
Код
.swchItemA{          
          background: #e14745 !important;          
          font-size: 15px !important;          
          font-family: 'PT Sans', sans-serif !important;          
          padding: 10px 15px !important;          
          border: 1px solid #e14745;          
          text-decoration: none;          
          border-radius: 100%;          
          }          
          .swchItem{          
          background: white !important;          
          font-size: 15px !important;          
          font-family: 'PT Sans', sans-serif !important;          
          padding: 10px 15px !important;          
          border: 1px solid #e24745;          
          text-decoration: none;          
          border-radius: 100%;          
          }          
          .swchItem:hover{          
          text-decoration: none;          
          border: 1px solid #eeeeee !important;          
          }


Скрипт опубликовал:
...
Логин на сайте: ...
Группа: ...
Статус: ...
Информация о скрипте:
Дата добавления материала: 30.01.2017 в 12:00
Материал просмотрен: 702 раза
Категория материала: Скрипты для uCoz
К материалу оставлено: 0 комментариев

Пожаловаться
Сказать спасибо
Источник

0 комментариев


avatar
-50% на шаблоны от TemplateMonster
Создать сайт вместе с uKit.com
Статистики нашего сайта
Правила чата
Пользователи онлайн
Закрыть мини-чат
+Открыть мини-чат
0
Онлайн всего: 2
Гостей: 2
Пользователей: 0