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

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


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

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

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


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

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

Как сделать реакцию картинки на мышку?

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

Как сделать реакцию картинки на мышку?

Сообщение автор pont в Пн 4 Мар - 13:10

У меня на форуме есть что-то типо быстрого конекта на мой Sa:mp сервер, но мне бы хотелось сделать эту картинку практически невидимой, пока на нее не наведешь курсор мышки.
Мой код:

Код:
<div id="img" style="position:fixed; right:0%; bottom:0px;"><href=="</span></span></span><span style="font-size: 110%; line-height: normal;"><a href="samp://93.191.12.180:7915/"><img src="http://s019.radikal.ru/i616/1302/39/e330f0463e61.png"></a></span></span></a></div>


Последний раз редактировалось: pont (Пн 4 Мар - 14:12), всего редактировалось 1 раз(а)

pont
 

Сообщения : 42
Регистрация : 2012-06-13
Благодарности : 0

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

http://pont-game.forum.st

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

Re: Как сделать реакцию картинки на мышку?

Сообщение автор Dana Domirani в Пн 4 Мар - 14:07

В коде много лишнего + ошибки. Замените на этот:

Код:
<div id="imgsamp" style="position:fixed; right:0%; bottom:0px;"><a href="samp://93.191.12.180:7915/"><img src="http://s019.radikal.ru/i616/1302/39/e330f0463e61.png"></a></div>

В CSS добавьте:
Код:
#imgsamp img {
opacity: 0.5;
}
#imgsamp img:hover {
opacity: 1;
}




Где находится CSS?
Па > Оформление > Цвета > Каскадная таблица стилей CSS


Где искать основные шаблоны?
ПА > Оформление > Шаблоны > Общие настройки


Где находится раздел для подключения скриптов
ПА > Модули > Управление кодами Javascript



Dana Domirani
Администратор
Администратор

Женщина

Сообщения : 22072
Возраст : 32
Место обитания : СПб
Регистрация : 2008-04-18
Благодарности : 8871

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

http://poltergeist-legacy.com/

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

Re: Как сделать реакцию картинки на мышку?

Сообщение автор pont в Пн 4 Мар - 14:12

Никакой реакции на это. Вот, что я делал:
1. заменил мой код - на Ваш
2. поставил в каскадную таблицу стилей CSS код
Код:
#imgsamp img {
opacity: 0.5;
}
#imgsamp img:hover {
opacity: 1;
}

pont
 

Сообщения : 42
Регистрация : 2012-06-13
Благодарности : 0

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

http://pont-game.forum.st

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

Re: Как сделать реакцию картинки на мышку?

Сообщение автор Dana Domirani в Пн 4 Мар - 14:36

Смотрите рабочий вариант тут:

У Вас в CSS тоже есть посторонние коды. Вот это надо удалять:
Код:
/* Start http://www.cursors-4u.com */

Код:
/* End http://www.cursors-4u.com *



Где находится CSS?
Па > Оформление > Цвета > Каскадная таблица стилей CSS


Где искать основные шаблоны?
ПА > Оформление > Шаблоны > Общие настройки


Где находится раздел для подключения скриптов
ПА > Модули > Управление кодами Javascript



Dana Domirani
Администратор
Администратор

Женщина

Сообщения : 22072
Возраст : 32
Место обитания : СПб
Регистрация : 2008-04-18
Благодарности : 8871

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

http://poltergeist-legacy.com/

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

Re: Как сделать реакцию картинки на мышку?

Сообщение автор pont в Пн 4 Мар - 15:36

Спасибо большое, сработало!

pont
 

Сообщения : 42
Регистрация : 2012-06-13
Благодарности : 0

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

http://pont-game.forum.st

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

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


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