Главная   Софт   Видео   Игры   Мастерская   Форум


Мастерская
Css [1]
Разное [5]
Код Цитата Textarea [3]
Информеры [2]

Приложения

Последние Комментарии
Спасибо и Вруч ..
многократно можно повышать репутацию? Или как у ва
Похожие новост ..
http://www.kinoreal.net/news/video_roliki/1-0-29 -
Спасибо и Вруч ..
Ура! наконец-то нашел рабочий скрипт! СПАСИБО!!!!!
Спасибо и Вруч ..
Я не разобрался, что к чему. Вставил КОД в любое м
Похожие новост ..
Согласен с предыдущим комментарием спасибо))

Онлайн кино

Мастерская Css


Cтилизация элементов Radio - img + css


В данном примере изменение вида Radio кнопок ( input type='radio' ) происходит с помошью
css стиля, скрытия оригинальных input radio и 2 изображений ( нажатая и ненажатая кнопка ).




Показать пример

Для использоавния вписываем на нужную страницу стили :

Code
<style>
/* заменяем вид радио кнопок в селекте */
input[name='Choice'] { display:none; }   

input[name='Choice']:checked + label {   
background-attachment: scroll;
background-clip: border-box;
background-color: transparent;
background-image: url("http://glubina.my1.ru/MasterUcoz/SRadioButton/radio-on.png");
background-origin: padding-box;
background-position: 0px 50%;
background-repeat: no-repeat;
background-size: auto;
padding-bottom: 4px;
padding-left: 16px;
padding-right: 0px;
padding-top: 4px; }

input[name='Choice'] + label {   
background-attachment: scroll;
background-clip: border-box;
background-color: transparent;
background-image: url("http://glubina.my1.ru/MasterUcoz/SRadioButton/radio-off.png");
background-origin: padding-box;
background-position: 0px 50%;
background-repeat: no-repeat;
background-size: auto;
padding-bottom: 4px;
padding-left: 16px;
padding-right: 0px;
padding-top: 4px; }
</style>

Источник материала stylesheet.ru


Сказать спасибо Вручить Награду

    Рейтинг
   Добавил: Vzor         Просмотров: 4545         Дата: 01.02.2011     

Нравится
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]

Конструктор сайтов - uCoz