Дизайн переключателей страниц

 Нравится (0)
 Все скрипты
Параметр Значение
Категория Css скрипты
Добавил uAdministrator
Дата публикации 12.05.2024, 16:52
Авторский
Адапт. дизайн
Просмотрен 66

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

Вам только остается убрать стиль, что идет по умолчанию, который находится в CSS. После этого копируем представленные стили и устанавливаем на это же место и все сохраняем. На этом все, вы поставили новые переключатели, которые можно редактировать как по цветовой гамме, так и по форме.

Установка:

  1. В CSS вставляем:

Панель управления → Управление дизайном → Таблица стилей (CSS)

Код
.catPages1 {margin:8px 0;padding: 1px 0;}
.swchItemA, .swchItemA1 {border-radius: 20px 20px 20px 20px;box-shadow: 0 0 1px 1px #999, 0 0 0 1px #999 inset;background:#52C4E4;color: #fff;padding: 3px 7px;text-decoration: none;text-shadow: -1px -1px 0 #999;border: 2px solid #fff;}  
.swchItem, .swchItem1 {border-radius: 20px 20px 20px 20px;box-shadow: 1px 1px 0 #999 inset, 1px 1px 0 #fff;background:#d2d2d2;color: #fff;padding: 3px 7px;text-decoration: none;text-shadow: 1px 1px 0 #999;}
.swchItem:hover, .swchItem1:hover {background:#52C4E4;}
.com_page .swchItemA, .com_page2 .swchItemA1, .com_page .swchItem:hover, .com_page2 .swchItem1:hover {background:#fb9b2a;}

Теги: переключателей, страниц, Дизайн

Комментариев пока нет..

Ты можешь быть первым, кто оставит комментарий к публикации!

Всего комментариев: 0
Войдите:
avatar



Администратор в сети
Администратор не в сети