Проследить за всеми новостями мы не можем, так как новости берутся из открытых источников. Если вы считаете, что новость нарушает ваши права на авторство или дизайн, то обратитесь к администрации данного ресурса.
© artsss-web.ru 2010 - 2012
{dotcat}
Автор: LeO | 31-01-2011, 13:57
Делаем разные формы и части на сайте прозрачными.
Откроем файл css и в конце пропишем два класса:
.transparencia{opacity: 0.5;} /*Прозрачность в нормальном виде*/
.transparencia:hover{opacity: 1;} /*Прозрачность при навидение мышкой*/
.transparencia:hover{opacity: 1;} /*Прозрачность при навидение мышкой*/
Теперь можно прописать данный класс к любому элементу, например к логотипу:
<img class="transparencia" src="url" />
Если у вас логотип прописан в css, делаем так - найдем в css название логотипа например "logo.png":
в css выглядит примерно так:
.logo { float: left; width: 343px; padding-top: 90px; background: url("../images/logo.png") no-repeat; }
добавим к это примеру "opacity":
opacity: 0.5;
получится должно так:
.logo {opacity: 0.5; float: left; width: 343px; padding-top: 90px; background: url("../images/logo.png") no-repeat; }
теперь возьмем этот же класс и пропишем его в низу так:
.logo:hover{opacity: 1;}
Вот и все, фантазируйте.
Внимание данный тег не поддерживают пару браузеров, смотрите скрин:
Своё Спасибо, еще не выражали.
Рейтинг:
Комментариев: 0 | Просмотров: 1388
Уважаемый посетитель, Вы зашли на сайт как незарегистрированный пользователь.
Мы рекомендуем Вам зарегистрироваться либо войти на сайт под своим именем.
Зарегестрировавшись,вы сможете скачивайть файлы с нашего сервера.Общатся в чате просматривать и вести жизнь на нашем форуме,и многое другое)xD
Мы рекомендуем Вам зарегистрироваться либо войти на сайт под своим именем.
Зарегестрировавшись,вы сможете скачивайть файлы с нашего сервера.Общатся в чате просматривать и вести жизнь на нашем форуме,и многое другое)xD
Рекомендуем также:
Информация
Посетители, находящиеся в группе Гости, не могут оставлять комментарии к данной публикации.
Посетители, находящиеся в группе Гости, не могут оставлять комментарии к данной публикации.