Форум программистов
 

Восстановите пароль или Зарегистрируйтесь на форуме, о проблемах и с заказом рекламы пишите сюда - alarforum@yandex.ru, проверяйте папку спам!

Вернуться   Форум программистов > Web программирование > HTML и CSS
Регистрация

Восстановить пароль
Повторная активизация e-mail

Купить рекламу на форуме - 42 тыс руб за месяц

Ответ
 
Опции темы Поиск в этой теме
Старый 21.01.2012, 23:56   #1
Altera
Старожил
 
Аватар для Altera
 
Регистрация: 29.01.2008
Сообщений: 2,406
По умолчанию Слой поверх котролов

Всем привет. Делаю форму регистрации. Блоки выглядят как стеклянные. Хочу сделать так, что бы поверх контролов (полей ввода, кнопок, ссылок) был слой с бликами, но при этом, не мешал бы заполнять поля и щёлкать по ссылкам. Возможно ли такое? Желательно без Javascript. Спасибо.
Altera вне форума Ответить с цитированием
Старый 22.01.2012, 08:03   #2
ZvEr_HaCkEr
VisualC++/DirectX
Форумчанин
 
Аватар для ZvEr_HaCkEr
 
Регистрация: 16.07.2010
Сообщений: 831
По умолчанию

Не совсем понял. Вам нужно заменить стандартные контролы на картинки с бликами?
Тогда для чекбоксов и радиобатонов подойдет следующий код:
Код:
/////////////////////////////////////////////
	chbox={t:'1.png',f:'2.png'}
	rbox={t:'3.png',f:'4.png'}
///////////////////////////////////////////
	$('input[type="checkbox"]').each(function(){this.style.display='none';if(this.checked){$(this).after('<img src="'+chbox.t+'" align="absmiddle">');}else{$(this).after('<img src="'+chbox.f+'" align="absmiddle">');}$(this).bind('click',function(){if(this.checked){$(this).next('img').attr('src',chbox.t)}else{$(this).next('img').attr('src',chbox.f)}});$(this).next('img').bind('click',function(){$(this).prev('input').click();if($(this).prev('input').attr('checked')){this.src=chbox.t;}else{this.src=chbox.f;}});});
	$('input[type="radio"]').each(function(){this.style.display='none';if(this.checked){$(this).after('<img src="'+rbox.t+'" align="absmiddle">');}else{$(this).after('<img src="'+rbox.f+'" align="absmiddle">');}var rgroup=this.name;$(this).bind('click',function(){$('input[name="'+rgroup+'"]').each(function(){$(this).next('img').attr('src',rbox.f)});$(this).next('img').attr('src',rbox.t);});$(this).next('img').bind('click',function(){$(this).prev().click();});});
А для оформления кнопок,полей

Код:
input, textarea, select {
background: url(.........) #xxxxxx;
border: 1px solid #xxxxxx;
color: #xxxxxx;
}
ZvEr_HaCkEr вне форума Ответить с цитированием
Ответ


Купить рекламу на форуме - 42 тыс руб за месяц



Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Плавающий слой wcp HTML и CSS 6 04.10.2010 20:08
полупрозрачный слой voldemen HTML и CSS 1 14.09.2010 22:14