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

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


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

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

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


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

Пожалуйста, не регистрируйтесь на этом форуме с электронными адресами mail.ru, bk.ru, inbox.ru, list.ru - вам может не прийти письмо со ссылкой активации!
Вы можете воспользоваться адресами типа yandex.ru, rambler.ru, gmail.com и т.д.
Интересные решения
Быстрый переход к сервисам: j-p-g.net Видео фоторедактор Транслит

Есть ли возможность наложить прозрачность на часть дизайна ?

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

Есть ли возможность наложить прозрачность на часть дизайна ?

Сообщение автор Сказочник Зазеркалья в Ср 17 Апр - 5:45

Здравствуйте. 12

Плиз подскажите, возможно ли наложить прозрачность на какую то из частей дизайна или же к примеру на персональную кнопочку ? pardon



Хотелось бы наложить например на какую нибудь кнопочку(см. скрин) такой эффект, чтобы она была сначала прозрачной, а когда на неё курсором наводишь чтобы становилась яркой, т.е прозрачность тут же исчезала. Подобный метод видела в этой теме:

http://help.forum2x2.ru/t20739-topic

Но там речь шла об меню навигации. 12

Буду благодарна всем кто окажет помощь. 13


Последний раз редактировалось: Кардинал Мишель Картер (Ср 17 Апр - 21:20), всего редактировалось 1 раз(а)

Сказочник Зазеркалья
Дизайнер
Дизайнер

Мужчина

Сообщения : 3533
Возраст : 25
Регистрация : 2012-11-16
Благодарности : 690

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

http://help.forum2x2.ru

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

Re: Есть ли возможность наложить прозрачность на часть дизайна ?

Сообщение автор Kiselboom в Ср 17 Апр - 10:30

Открываете вашу картинку в фотошопе, делаете её полупрозрачной, сохраняете. Ну а потом ищите по форуму, где то я выкладывал самый элементарный код, чтобы изображение при наведении менялось.Ну или в интернете его поищите.

Kiselboom
 

Мужчина

Сообщения : 234
Возраст : 23
Регистрация : 2011-01-25
Благодарности : 74

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

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

Re: Есть ли возможность наложить прозрачность на часть дизайна ?

Сообщение автор Сказочник Зазеркалья в Ср 17 Апр - 12:29

@Kiselboom пишет:Открываете вашу картинку в фотошопе, делаете её полупрозрачной, сохраняете. Ну а потом ищите по форуму, где то я выкладывал самый элементарный код, чтобы изображение при наведении менялось.Ну или в интернете его поищите.
Эм...такой вариант подойдёт лишь для изображений, но и то это слишком другое...к тому же не во всех случаях удастся сделать подобное. pardon
Я видела что можно сделать например баннеры прозрачными, а при наведении они становятся светлыми. Думаю знаю как работает это функция, вроде нужно обернуть баннеры в дивы, а затем задать им через CCS прозрачность до наведении курсором. Я попробовала этот вариант на картинке, но она остаётся прозрачной даже при наведении...Использовала код из темы, которую представила в качестве примера, где есть предполагаемые коды. В интернете искать будет бесполезно, так как там в большинстве случаев коды и скрипты для Ю-зы. 23

Сказочник Зазеркалья
Дизайнер
Дизайнер

Мужчина

Сообщения : 3533
Возраст : 25
Регистрация : 2012-11-16
Благодарности : 690

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

http://help.forum2x2.ru

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

Re: Есть ли возможность наложить прозрачность на часть дизайна ?

Сообщение автор Kiselboom в Ср 17 Апр - 18:30

Ок. Ладно, хвастайтесь, что у вас уже есть, какие попытки предпринимали, будем разбираться.

Kiselboom
 

Мужчина

Сообщения : 234
Возраст : 23
Регистрация : 2011-01-25
Благодарности : 74

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

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

Re: Есть ли возможность наложить прозрачность на часть дизайна ?

Сообщение автор Сказочник Зазеркалья в Ср 17 Апр - 18:41

@Kiselboom пишет:Ок. Ладно, хвастайтесь, что у вас уже есть, какие попытки предпринимали, будем разбираться.

Оооокей smile


В общем у меня в виджете стоит такой блок:

Код:
<!--второй блок-->
<script type="text/javascript">
jQuery(document).ready(function(){
 jQuery('.twobutton').click(function(){
    jQuery(this).parent().children('div.twoCont').toggle('normal');
      return false;
    });
  });
</script>

<!--блок с содержимым_2--><div class="two"  style="position:fixed; left: 2px; top:150px;"><div class="twobutton"><img src="http://savepic.org/3373464.png" title="Статистика" alt=""></div><div style="display: none; position: absolute;" class="twoCont">

Здесь стоят баннеры, ага С:

</div></div>
<!--конец второго блока-->



Я оформила его в диви:

Код:
<div class="kontra"> *_* </div>


Код:
<!--второй блок-->
<script type="text/javascript">
jQuery(document).ready(function(){
 jQuery('.twobutton').click(function(){
    jQuery(this).parent().children('div.twoCont').toggle('normal');
      return false;
    });
  });
</script>

<div class="kontra"><!--блок с содержимым_2--><div class="two"  style="position:fixed; left: 2px; top:150px;"><div class="twobutton"><img src="http://savepic.org/3373464.png" title="Статистика" alt=""></div><div style="display: none; position: absolute;" class="twoCont">

Здесь стоят баннеры, ага С:

</div></div>
<!--конец второго блока--></div>



А затем через ССЦ решила задать прозрачность:

Код:
.kontra {
opacity:0.5;
filter:alpha(opacity=50);
}
.kontra {
opacity: 1.0;
filter:alpha(opacity=100);
}

Но блок и изображение лишь покрыты, как бы тонкой плёнкой, и такими остаются, даже если по ним водить курсором...

Сказочник Зазеркалья
Дизайнер
Дизайнер

Мужчина

Сообщения : 3533
Возраст : 25
Регистрация : 2012-11-16
Благодарности : 690

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

http://help.forum2x2.ru

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

Re: Есть ли возможность наложить прозрачность на часть дизайна ?

Сообщение автор Kiselboom в Ср 17 Апр - 19:38

А с какого перепугу он у вас должен при наведении терять прозрачность? Скрипты мысли читать не умеют. Если хотите через css что-либо при наведении менять, нужно псевдокласс :hover приписывать.

Kiselboom
 

Мужчина

Сообщения : 234
Возраст : 23
Регистрация : 2011-01-25
Благодарности : 74

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

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

Re: Есть ли возможность наложить прозрачность на часть дизайна ?

Сообщение автор Сказочник Зазеркалья в Ср 17 Апр - 20:10

@Kiselboom пишет:А с какого перепугу он у вас должен при наведении терять прозрачность? Скрипты мысли читать не умеют. Если хотите через css что-либо при наведении менять, нужно псевдокласс :hover приписывать.

Сделала вот так:

.kontra {
opacity:0.5;
filter:alpha(opacity=50);
}
.kontra :hover {
opacity: 1.0;
filter:alpha(opacity=100);
}

Но не получается.... 23

Сказочник Зазеркалья
Дизайнер
Дизайнер

Мужчина

Сообщения : 3533
Возраст : 25
Регистрация : 2012-11-16
Благодарности : 690

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

http://help.forum2x2.ru

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

Re: Есть ли возможность наложить прозрачность на часть дизайна ?

Сообщение автор Смех в Ср 17 Апр - 20:15

.kontra:hover {
Пробел убери yes
пример


Правда чтобы оно потом опять погасло, мне приходится полистать вниз или вверх scratch

Смех
 

Мужчина

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

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

http://cmex.forum2x2.net/

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

Re: Есть ли возможность наложить прозрачность на часть дизайна ?

Сообщение автор Сказочник Зазеркалья в Ср 17 Апр - 20:45

@Смех пишет:
Пробел убери yes
пример


Правда чтобы оно потом опять погасло, мне приходится полистать вниз или вверх scratch
Спасибо большое! girl_yes
Ну а вот насчёт того что приходиться прокручивать вниз или вверх это проблема...нужно бы как то справиться с этим... 39

Сказочник Зазеркалья
Дизайнер
Дизайнер

Мужчина

Сообщения : 3533
Возраст : 25
Регистрация : 2012-11-16
Благодарности : 690

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

http://help.forum2x2.ru

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

Re: Есть ли возможность наложить прозрачность на часть дизайна ?

Сообщение автор Смех в Ср 17 Апр - 20:57

.kontra {
opacity: 0.5;
transition: opacity 0.7s ease-out 0.3s;
-moz-transition: opacity 0.7s ease-out 0.3s;
-webkit-transition: opacity 0.7s ease-out 0.3s;
}
.kontra:hover{
opacity: 1;
}
Пробуй yes
Регулировка задержки wink

Смех
 

Мужчина

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

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

http://cmex.forum2x2.net/

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

Re: Есть ли возможность наложить прозрачность на часть дизайна ?

Сообщение автор Сказочник Зазеркалья в Ср 17 Апр - 21:19

@Смех пишет:
Пробуй yes
Регулировка задержки wink
Вот теперь всё круто! Немного настрою и будет ещё окей. music
Большое спасибо. 38
Думаю темку можно закрывать. 26

Сказочник Зазеркалья
Дизайнер
Дизайнер

Мужчина

Сообщения : 3533
Возраст : 25
Регистрация : 2012-11-16
Благодарности : 690

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

http://help.forum2x2.ru

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

Re: Есть ли возможность наложить прозрачность на часть дизайна ?

Сообщение автор Смех в Ср 17 Апр - 21:21

yes всегда к вашим услугам biggrin

Смех
 

Мужчина

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

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

http://cmex.forum2x2.net/

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

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


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