• Страница 1 из 1
  • 1
Форум » Скрипты для uCoz » Другие скрипты для uCoz » Полупрозрачность картинок-ссылок
Полупрозрачность картинок-ссылок
Di_Key2Дата: Четверг, 09.09.2010, 12:44 | Сообщение # 1
Майор
Группа: Директор
Сообщений: 13
Статус: Offline
Идём в шаблон CSS, и в любое место вставляем код:
Code
#inviz a img {
opacity:0.3; -moz-opacity:0.3; filter:alpha(opacity=40);
}

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

Теперь чтобы сделать картинку-ссылку полупрозрачной окружаем её тегами:

...

Будет выглядеть так:
Code
<div id="inviz"><a href="http://site.ru"><img src="http://ssilka.na.kartinky"></a></div>

А чтобы сделать просто картинку (без ссылки) полупрозрачной (а при наведении на неё курсора - нормальной), так же окружаем картинку тегами:

...

А выглядеть будет так:
Code
<div id="inviz"><a><img src="http://ssilka.na.kartinky"></a></div>

Где тег < a> - так и оставляем.

Также можно сделать, что бы на всей странице все картинки-ссылки были полупрозрачные. Для этого просто в шаблоне страницы после тега < body> ставим < div id="inviz">, а перед тегом < /body> ставим - < /div>

 
Форум » Скрипты для uCoz » Другие скрипты для uCoz » Полупрозрачность картинок-ссылок
  • Страница 1 из 1
  • 1
Поиск:
Мини-чат