WEB-нотатки - записник он-лайн

Напівпрозорі картинки-посилання.
В шаблоні CSS вставляємо код:
Code
#imginviz a img {  
opacity:0.3; -moz-opacity:0.3; filter:alpha(opacity=40);  
}  

#imginviz a:hover img {  
opacity:1.0; -moz-opacity:1.0; filter:alpha(opacity=100);  
}

Щоб картинка стала напівпрозорою оточимо її дівами з

Code
id "imginviz"

і тегами
Code
<a>...</a>

вигладатиме все ось так:

Code
<div id="imginviz"><a><img src="http://посилання на картинку"></a></div>

Для картинки-посилання код:

Code
<div id="imginviz"><a href="http://посилання на сайт"><img src="http://посилання на картинку"></a></div>

Щоб на всьому сайті всі картинки були напівпрозорі. а при наведенні курсора напівпрозорість пропадала, ставимо після тега

Code
<body>

Code
<div id="imginviz">

а перед тегом
Code
</body>

ставимо -
Code
</div>

Категорія: CSS · Додав: mr_smith (04.04.2010)
Переглядів: 792 · Рейтинг: 5.0/3
Всього коментарів: 0
Додавати коментарі можуть лише зареєстровані користувачі.
[ Реєстрація | Вхід ]
Головна
Реєстрація
Вхід

Пошук

Категорії

HTML
PHP
JavaScript
CSS
HTML5
CSS3
jQuery
uCoz
 
© pya.at.ua 2009 - 2025
Хостинг від uCoz