подсветка или замена изображения при наведения курсора

нужна помощь в реализации подсветки или замены картинки при наведении курсора

 
Посетитель
small user social cms
Медаль
Сообщений: 359
нужна помощь в реализации подсветки или замены изображения при наведения курсора. как лучше реализовать? может кто поможет? буду благодарен
Посетитель
small user social cms
Медаль
Сообщений: 359
изображения должны быть над строкой меню, на всех страницах. их можно и в модуль запихнуть
Реклама
cms
Посетитель
small user social cms
МедальАвторитет форумаКубок зрительских симпатий
Сообщений: 1840
css hover
не?
Мой блог с плюшками
Посетитель
small user social cms
Медаль
Сообщений: 359
kreator, а можно поподробней? я не совсем в этом силен
Посетитель
small user social cms
Сообщений: 97
Рома, как то так? Эффекты при наведении
Посетитель
small user social cms
Медаль
Сообщений: 657
Поподробней тока на живом примере)))
а так - img {opacity:0.7} и img:hover {opacity: 1} например - будет эффект осветления при наведении
Или img {border:none} и img:hover {border:red 1px solid} - будет обводиться красным

Это самое простое, а так можно много придумать, и смену картинки тоже)
шаблоны и модули для instantCMS 1.10.6
Посетитель
small user social cms
Медаль
Сообщений: 359
Tokarev, нужно сделать так, чтобы эмблемы подсвечивались при наведений на них курсора ну или чтобы они заменялись на другие. эмблемы я вставлял через модуль. может через модуль не получиться, может нужно их вставлять в шаблон?
подсветка или замена изображения при наведения курсора
Посетитель
small user social cms
Медаль
Сообщений: 657
Рома:
Tokarev, нужно сделать так, чтобы эмблемы подсвечивались при наведений на них курсора ну или чтобы они заменялись на другие. эмблемы я вставлял через модуль. может через модуль не получиться, может нужно их вставлять в шаблон?
Тогда вам в самый раз вариант с opacity.

добавьте в css-файл

Код PHP:
  1.  
  2. .podsvetka img {opacity:1;}
  3. .podsvetka img:hover {opacity:0.5;}
  4.  
можете поэкспериментировать с цифрами, чтоб степень затемнения/осветления изменить

в модуле оберните всё содержимое в <div class="podsvetka">рисунок1 рисунок2 рисунок3 ...</div>

и будет щастье

для IE и старых файрфоксов надо ставить костыли
шаблоны и модули для instantCMS 1.10.6
Посетитель
small user social cms
Медаль
Сообщений: 359
Tokarev, спасибо dance
В начало страницы
Предыдущая темаСледующая тема Перейти на форум: