Полупрозрачность картинок-ссылок

ФОРУМ Игромания и киномания – сообщество пользователей игрового портала Igromen.Do.Am.
Форум - это место, где можно обсудить игровые новости и обновления, задать вопросы, разместить объявления и сообщения, дать объявления о предоставляемых вами услугах, поделиться полезной информацией и способами, вступить в команду портала (на должности модератора, журналиста), а также найти себе друзей и товарищей для общения и совместного времяпровождения в играх.
Все действия (общение и размещение информации) регламентируются правилами форума.

ТОП-5 по сообщениям

Димон

754

ТОП-5 по репутации

754

Страница 1 из 1
1

Полупрозрачность картинок-ссылок

01.11.2012 в 03:29

Димон

Администраторы

/.s/a/38/496767602.png

Менеджер проекта

Статус:

Online

Регистрация:

07.10.2012

Сообщения:

754

Идём в шаблон 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

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

А выглядеть будет так:

Code

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

Также можно сделать, что бы на всей странице все картинки-ссылки были полупрозрачные. Для этого просто в шаблоне страницы после тега ставим

, а перед тегом ставим -

Вот и всё :)

Чуть не забыл, пример (наведите на картинку мышкой):

Без ссылки:

Полупрозрачность картинок-ссылок

Страница 1 из 1
1

О портале Igromen.Do.Am

Контакты

В помощь пользователям