uOn - Все для uCoz - Все для вашего сайта на uCoz

Сегодня мы для Вас подготовили несколько вариантов переключателей для вашего сайта. Они имеют плоский дизайн и приятную цветовую гамму.

Установка

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

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

Переключатель 1.

Зеленый круглый переключатель в стиле Flat

Код

.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;
  }

Переключатель 2.

Красный круглый переключатель в стиле Flat

Код

.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;
  }

Подсветка синтаксиса кода [code] для uCoz

Активно создаются сайты для программистов и от программистов, в том числе и на uCoz. Таким проектам просто необходим плагин подсветки синтаксиса.

← Читать далее

Увеличение изображения при клике для uCoz

Скрипт позволяет организовать при клике курсора мыши на миниатюру отрытие картинки в оригинальном размере в стиле Lightbox.

Читать далее →

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

Установка

Переключатель 1.

Переключатель 2.

Подсветка синтаксиса кода [code] для uCoz

Увеличение изображения при клике для uCoz