 |
Форум вебмастеров на AlfaSpace.NET / Создание сайта / [CSS] Засветлённая кратинка, меняющая яркость при наведении |
| Автор | Сообщение |
| SpiriTzzz Темный джедай  1382 |
# Дата: 22 Мар 2006 15:27 Раз уж тема зашла о CSS 
Я вот сталкиваюсь на многих сайтах, где люди делают меню такого плана: Наводишь мышкой и картинка стновится ярче, но как правило ето делает громоздкими ява сриптами и используется две кратинки. Могу предложить один хороший метод с участием CSS
Иииитак: создаём к примеру файл design.css внутри себя он содержит всего две строчки (два класса): .footerinc a img { opacity: 0.1; } .footerinc a:hover img { opacity: 1; } первый - яркость картинки до наведения, в нормальном состоянии, второй - яркость после наведения (максимум - 1, нормальное вид картинки). теперь как ето дело заюзать
в нужном нам месте делаем через див с нужным классом: <link rel="stylesheet" type="text/css" href="design.css"> <div class="footerinc" align="center"> <a href=#><img src="spirit.png"> </a> </div> вот в общем то и всё
пример можно увидеть тут http://citadel-online.com/other/code/footerinc/temp.html |
| acsid Alfa Guru  2469 |
# Дата: 22 Мар 2006 15:30 ° Поправил: acsid в Нетскейпе мима) ИЕ мима Авант мима.. Какой браузер ты юзаешь? |
| SpiriTzzz Темный джедай 1382 |
# Дата: 22 Мар 2006 15:33 щас буду искать почему в ИЕ не пашет |
| SpiriTzzz Темный джедай 1382 |
# Дата: 22 Мар 2006 15:33 пашет в опере, и лисе я догадываюсь в чём трабл |
| acsid Alfa Guru 2469 |
# Дата: 22 Мар 2006 15:36 пашет в опере, в опере не пашет. Пашет только в лисе |
| SpiriTzzz Темный джедай 1382 |
# Дата: 22 Мар 2006 15:37 идея то неплохая думаю, доработать нужно ненавижу кросбраузерность  (( |
| SpiriTzzz Темный джедай 1382 |
# Дата: 22 Мар 2006 15:38 я верю что выход есть |
| acsid Alfa Guru 2469 |
# Дата: 22 Мар 2006 15:39 SpiriTzzz идея рульная)маньячная я бы даже сказал) А вот создатели некоторых бюраузеров откровенные мудаки..всегда с этим сталкиваюсь..) |
| SpiriTzzz Темный джедай 1382 |
# Дата: 22 Мар 2006 15:41 пашет в опере, в опере не пашет. Пашет только в лисе в 9-ой пашет ps думаю идея умрёт в самом её зарождении...  |
| acsid Alfa Guru 2469 |
# Дата: 22 Мар 2006 15:42 ° Поправил: acsid SpiriTzzz ичо? не плакай,бывает и хуже) |
| SpiriTzzz Темный джедай 1382 |
# Дата: 22 Мар 2006 15:45 acsid блин, ета кросбраузернасть убивает во мне творческие и маньяческие начинания )) я билн не понимаю почему другие браузеры не опнимают параметр opacity. Раз лиса его понимает - значит он есть??? |
| acsid Alfa Guru 2469 |
# Дата: 22 Мар 2006 15:49 ° Поправил: acsid з лиса его понимает - значит он есть лиса это гемор) они там придумывают свои темы.. меня эт тоже обламывает когда что-то маньячное пишу ..а потом начинаю тестить и бац лисичка подкачала с нетскейпом ) как обычно.. вырубаю комп из разетки и иду бухать) .transparency попробуй |
| Андрей Алексеевич  2123 |
# Дата: 23 Мар 2006 03:54 Раз лиса его понимает - значит он есть??? C точностью, да наоборот. они там придумывают свои темы.. меня эт тоже обламывает когда что-то маньячное пишу Во-во. Подписываюсь. transparency попробуй И filter: alpha(); |
| DM53 Участник 232 |
# Дата: 23 Мар 2006 06:53 Это не они придумали. Это просто свойство из CSS level 3, окончательный вариант которого ещё не вышел. |
![[Valid RSS]](valid-rss.png "Validate my RSS feed")