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

Иконочный шрифт Material icons

Иконки Material icons (Material design) просты, современные и дружелюбные. Каждая иконка создается с использованием принципов проектирования Material design, чтобы максимально просто и понятно отображать свою суть (значение). Данный принцип обеспечивает читаемость и четкость как на больших, так и на малых размерах экранов. Эти значки оптимизированы для красивого отображения на всех распространенных платформах и на всех браузерах.

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

Новая страница технических работ для uCoz

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

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

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

Установка

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

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

Иконочный шрифт Material icons

Новая страница технических работ для uCoz