Бесплатный форум: форум поддержки
Добро пожаловать на форум поддержки сервиса Forum2x2 !

Для полноценной работы с форумом,
пожалуйста, войдите на форум под своим логином (если вы уже зарегистрированы) или же зарегистрируйтесь.


С нашей помощью вы можете создать форум,
похожий на этот!
Мы в социальных сетях

Правила форума

для обязательного прочтения!


Внимание! Важная информация для РЕГИСТРАЦИИ на форуме:

Пожалуйста, не регистрируйтесь на этом форуме с электронными адресами mail.ru, bk.ru, inbox.ru, list.ru - вам может не прийти письмо со ссылкой активации!
Вы можете воспользоваться адресами типа yandex.ru, rambler.ru, gmail.com и т.д.
Последние темы
» Дыра между кнопками
автор Lory Сегодня в 7:36

» Убрать слово "цитата" - 2
автор Aster Сегодня в 0:29

» Генератор подарков
автор irina27 Вчера в 16:30

» Можно ли сократить растояние
автор Lory Вчера в 11:01

» Проблемы с цветом шрифта.
автор Lory Вчера в 8:45

» Убрать значок
автор Леший Чт 17 Авг - 12:15

» Свечение для группы а не для юзера
автор Kuzbas63 Чт 17 Авг - 9:01

» Оформить имя
автор Kuzbas63 Чт 17 Авг - 8:59

» Красивый путь по сайту
автор Kuzbas63 Чт 17 Авг - 7:05

» Как убрать надписи в низу форума
автор Kuzbas63 Ср 16 Авг - 13:51

Интересные решения
Быстрый переход к сервисам: j-p-g.net Видео фоторедактор Транслит

Код на прозрачность ссылок картин

Предыдущая тема Следующая тема Перейти вниз

Код на прозрачность ссылок картин

Сообщение автор Ринкате в Чт 1 Июл - 11:00

Я забыл код CSS который делал картинки которые имеют ссылки, при наведение на них прозрачным. Помогите пожалуйста
avatar
Ринкате
 

Мужчина

Сообщения : 766
Возраст : 24
Регистрация : 2010-05-28
Благодарности : 164

Без предупреждений

http://souleater.2x2forum.ru/

Вернуться к началу Перейти вниз

Re: Код на прозрачность ссылок картин

Сообщение автор Karina в Вс 18 Июл - 19:44

CSS код

шаг 1
Код:
/* Начало-Затемнение */
.gradualfader img {
filter:alpha(opacity=20);
-moz-opacity:0.2;
-khtml-opacity:0.2;
opacity:0.2;
}

.gradualfader a:hover img {
opacity:2.0;
-moz-opacity:2.0;
-khtml-opacity:2.0;
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=200);
}

/* Конец-Затемнение */

Код:
Пояснение:
Отвечает за степень прозрачности, цифры ставьте на нужные Вам.

filter:alpha(opacity=20);
-moz-opacity:0.2;
-khtml-opacity:0.2;
opacity:0.2;

шаг 2
Код:
<span class="gradualfader"> #ТУТ КОД СЧЕТЧИКОВ ИЛИ КАРТИНОК#</span>

Распространять материалы без источника запрещено.
Если Администрация не против:
источник: http://studio-klass.ru/topic/1467-zatemnenie-schetchikov/
avatar
Karina
Активист

Женщина

Сообщения : 157
Возраст : 33
Регистрация : 2008-03-15
Благодарности : 1

Без предупреждений

Вернуться к началу Перейти вниз

Re: Код на прозрачность ссылок картин

Сообщение автор Ринкате в Вс 18 Июл - 20:01

Не, не это. Был код который без этого
Код:
<span class="gradualfader"> #ТУТ КОД СЧЕТЧИКОВ ИЛИ КАРТИНОК#</span>
Делал их прозрачными ...
avatar
Ринкате
 

Мужчина

Сообщения : 766
Возраст : 24
Регистрация : 2010-05-28
Благодарности : 164

Без предупреждений

http://souleater.2x2forum.ru/

Вернуться к началу Перейти вниз

Re: Код на прозрачность ссылок картин

Сообщение автор darkWoL в Вс 18 Июл - 20:09

smile ты имеешь ввиду для всех картинок внутри ссылок?
тогда то же самое только для селекторов...
Код:
a:hover img {}
Но это для всех картинок, под такие картинки логотип, например, подпадает. Это при наведении разумеется...

А можно вопрос?
Код:
.gradualfader a:hover img {
opacity:2.0;
-moz-opacity:2.0;
-khtml-opacity:2.0;
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=200);
}
Это типа о как? 200% непрозрачность? biggrin

darkWoL
 

Сообщения : 740
Регистрация : 2008-01-11
Благодарности : 111

Без предупреждений

Вернуться к началу Перейти вниз

Re: Код на прозрачность ссылок картин

Сообщение автор Karina в Вс 18 Июл - 20:20

Это типа о как? 200% непрозрачность?

написано же что регулируется, или придираться у Вас в порядке вещей?
avatar
Karina
Активист

Женщина

Сообщения : 157
Возраст : 33
Регистрация : 2008-03-15
Благодарности : 1

Без предупреждений

Вернуться к началу Перейти вниз

Re: Код на прозрачность ссылок картин

Сообщение автор Домовой в Вс 18 Июл - 20:22

Я делал так
В CSS
Код:
#counters A IMG{opacity:0.5; -moz-opacity:0.5; filter:alpha(opacity=50);}
#counters a:hover img {opacity:1.0; -moz-opacity:1.0;
filter:alpha(opacity=100);}
а это контейнер для ссылок
Код:
<div id="counters">ССЫЛКИ</div>


Последний раз редактировалось: Домовой (Вс 18 Июл - 20:54), всего редактировалось 2 раз(а)
avatar
Домовой
 

Мужчина

Сообщения : 6805
Возраст : 93
Регистрация : 2010-01-30
Благодарности : 3232

Без предупреждений

Вернуться к началу Перейти вниз

Re: Код на прозрачность ссылок картин

Сообщение автор darkWoL в Вс 18 Июл - 20:27

Karina, smile вы что-то рекомендуете, я выясняю что мне не понятно, может быть мои познания в CSS нещадно устарели... wink

Я вот думаю таблица CSS с 200% коэффициентами не пройдёт валидацию... и совет в данном виде не претендует на непререкаемую верность. unknown и я думаю это не придирка, а разговор двух мастеров по выяснению истины blum


<div id="counters">ССЫЛКИ<div id="counters">
Домовой, исправь ошибку ;)


Последний раз редактировалось: darkWoL (Вс 18 Июл - 20:30), всего редактировалось 1 раз(а)

darkWoL
 

Сообщения : 740
Регистрация : 2008-01-11
Благодарности : 111

Без предупреждений

Вернуться к началу Перейти вниз

Re: Код на прозрачность ссылок картин

Сообщение автор Karina в Вс 18 Июл - 20:29

Извини) Ну вообще да) ставится 80 или 100%

Я сейчас ушла полностью в изучение html5 и ccs3
avatar
Karina
Активист

Женщина

Сообщения : 157
Возраст : 33
Регистрация : 2008-03-15
Благодарности : 1

Без предупреждений

Вернуться к началу Перейти вниз

Re: Код на прозрачность ссылок картин

Сообщение автор darkWoL в Вс 18 Июл - 20:33

smile эх, предпочитаю подождать когда на странице http://dev.w3.org/html5/spec/ будет надпись не Draft, а Recommendation
А пока учи-не учи, черновик могут изрисовать и выкинуть...

darkWoL
 

Сообщения : 740
Регистрация : 2008-01-11
Благодарности : 111

Без предупреждений

Вернуться к началу Перейти вниз

Re: Код на прозрачность ссылок картин

Сообщение автор Karina в Вс 18 Июл - 20:37

Лучший инструмент это прямые руки, мозг и пару редакторов)
avatar
Karina
Активист

Женщина

Сообщения : 157
Возраст : 33
Регистрация : 2008-03-15
Благодарности : 1

Без предупреждений

Вернуться к началу Перейти вниз

Re: Код на прозрачность ссылок картин

Сообщение автор darkWoL в Вс 18 Июл - 20:42

smile ну так мозг подсказывает рукам, что если стандарт не принят, зачем его изучать cool

darkWoL
 

Сообщения : 740
Регистрация : 2008-01-11
Благодарности : 111

Без предупреждений

Вернуться к началу Перейти вниз

Re: Код на прозрачность ссылок картин

Сообщение автор Домовой в Вс 18 Июл - 20:53

@darkWoL пишет:
<div id="counters">ССЫЛКИ<div id="counters">
Домовой, исправь ошибку ;)
Упс, спасибо. Исправил
avatar
Домовой
 

Мужчина

Сообщения : 6805
Возраст : 93
Регистрация : 2010-01-30
Благодарности : 3232

Без предупреждений

Вернуться к началу Перейти вниз

Предыдущая тема Следующая тема Вернуться к началу


 
Права доступа к этому форуму:
Вы не можете отвечать на сообщения