Главная » 2011 » Июль » 21 » Как сделать в uCoz эффект прозрачности изображения.
13:36
Как сделать в uCoz эффект прозрачности изображения.
Многие видели подобное в Интернете и уже знают, как сделать картинку или баннер прозрачным, этак на процентов 40-50 в статичном состоянии и при наведении мышью на изображение, чтобы оно возвращалось в нормальное, четкое и не прозрачным состояние. Обычно так скрывают излишне пестрые и ненужные, в дизайнерском плане, баннеры или наоборот применяют данных эффект прозрачности, как оригинальный дизайнерский ход. Как использовать эффект прозрачности решать Вам, а я сейчас расскажу, как это можно сделать в юкоз.
Для создания прозрачности нужно добавить парочку строчек в стили css. Как заходить туда помните? Панель управление сайтом → управление дизайном → таблица стилей (CSS). Итак, нам нужно добавить в самый низ пару строчек следующего кода:
div id="prozrachnost"><img src="/pict/pict150/6.gif" alt=""></div></a> вот так будет корректно оформление**?? у меня не работает что то... хотя в таблицу стилей вставил код...
2. "Теперь нам достаточно «закрыть» нужные нам картинки, баннера или другую графику в специальный див." - Я думаю что легче присвоить класс или идентификатор к изображению, быстрее и экономнее (пример. <img class="transparent" alt="Прозрачная картинка" />)
3. "Этот эффект прозрачности работает только с изображениями, которые являются одновременно и ссылками." - Спорное утверждение. Например. я часто использовал в свои дизайны прозрачность над изображениями которые не являлись ссылками. Эффект смены прозрачности при :hover прекрасно работал.
Добавлять комментарии могут только зарегистрированные пользователи. [ Регистрация | Вход ]
Вот еще парочка, другая интересных обзоров и полезных статей от Доктора Юкоз: