U.Helper

Статьи
Разработки
Форум
FAQ
Правила
Заказ работ
Поиск

[ Новые сообщения · Участники · Поиск по форуму · RSS ]

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

Архив - только для чтения

Форум интересных решений » Архив » Мусорка » Картинка. Затемнение.

Картинка. Затемнение.

Гоблин

Дата: 26 Июня 2009, 09:28 | Сообщение # 1

● ● ● ● ●

92 сообщения

« 0 »

0 наград

Статус: Offline

Здравствуйте, уважаемые хелперовцы)
Возник вот такой вопрос: у меня есть картинка, она очень яркая и не подходит к дизу, но она нужна.
И вот можно узнать, как сделать так что бы картинка была затемнена как вот тут на Хелпере картинки иконок тем, и при наведение на нее курсора становилась такой какая есть? и если убрать курсор, возвращалась в затемненное состояние?
Заранее огромное спасибо)

cucYa

Дата: 26 Июня 2009, 09:32 | Сообщение # 2

● ● ● ● ●

Совращенный мальчик.

7317 сообщений

« 790.8 »

2 награды

Статус: Offline

css

Code

opacity: 0.5 /* CSS3 */
filter: alpha(opacity=50) /* IE */
-moz-opacity: 0.5; /* Mozilla < 1.6 */
-khtml-opacity: 0.5; /* Konqueror 3.1 || Safari 1.1 */

Гоблин

Дата: 26 Июня 2009, 09:44 | Сообщение # 3

● ● ● ● ●

92 сообщения

« 0 »

0 наград

Статус: Offline

cucYa, просто в css в любое место?

Добавлено (26 Июнь 2009, 09:44)
---------------------------------------------
а то я вставил в конец, а оно все равно не работает(

cucYa

Дата: 26 Июня 2009, 10:12 | Сообщение # 4

● ● ● ● ●

Совращенный мальчик.

7317 сообщений

« 790.8 »

2 награды

Статус: Offline

omg...

Code

#id_картинки {
opacity: 0.5 /* CSS3 */
filter: alpha(opacity=50) /* IE */
-moz-opacity: 0.5; /* Mozilla < 1.6 */
-khtml-opacity: 0.5; /* Konqueror 3.1 || Safari 1.1 */
}

Xaker

Дата: 26 Июня 2009, 11:32 | Сообщение # 5

● ● ● ● ●

302 сообщения

« 14 »

0 наград

Статус: Offline

Code

#tufta a img {
opacity:0.8; -moz-opacity:0.8; filter:alpha(opacity=70);
}

<div id="tufta">ссылка(и) на картинку или множество картинок и т.п.</div>

Гоблин

Дата: 26 Июня 2009, 12:50 | Сообщение # 6

● ● ● ● ●

92 сообщения

« 0 »

0 наград

Статус: Offline

Quote (cucYa)

#id_картинки

эт какой id над прописать?

Добавлено (26 Июнь 2009, 12:41)
---------------------------------------------
аа... т.е. класс прописать?

Добавлено (26 Июнь 2009, 12:50)
---------------------------------------------
так, затемненность мне удалось сделать.. но а как сделать так, что бы при наведении на картинку она становилась истинным цветом. (картинка не ссылка)

kydapodatsya

Дата: 26 Июня 2009, 12:53 | Сообщение # 7

● ● ● ● ●

Дизайнер

2557 сообщений

« 217 »

0 наград

Статус: Offline

Quote (Гоблин)

но а как сделать так, что бы при наведении на картинку она становилась истинным цветом. (картинка не ссылка)

css прописать для hover

Гоблин

Дата: 26 Июня 2009, 13:08 | Сообщение # 8

● ● ● ● ●

92 сообщения

« 0 »

0 наград

Статус: Offline

эмь...
а можно пример, как вот это:

Quote

#id_картинки {
opacity: 0.5 /* CSS3 */
filter: alpha(opacity=50) /* IE */
-moz-opacity: 0.5; /* Mozilla < 1.6 */
-khtml-opacity: 0.5; /* Konqueror 3.1 || Safari 1.1 */
}

присоединить к ховер) и еще, картинка не ссылка)
это просто картинка)

Добавлено (26 Июнь 2009, 13:08)
---------------------------------------------
а ховер как я знаю применяется к ссылкам)

Бармалей

Дата: 26 Июня 2009, 13:35 | Сообщение # 9

● ● ● ● ●

Тиран

7772 сообщения

« 780.8 »

1 награда

Статус: Offline

Учите CSS!
+ Бан за нарушение правил.

Форум интересных решений » Архив » Мусорка » Картинка. Затемнение.

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

Поиск: