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

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


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

Мы в социальных сетях



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

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


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

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

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

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

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

Сообщение автор 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
Карма : Без предупреждений
Благодарности : 0
Регистрация : 2012-06-13

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
Администратор
Администратор

Пол : Женщина
Сообщения : 21911
Возраст : 31
Место обитания : СПб
Карма : Без предупреждений
Благодарности : 8761
Регистрация : 2008-04-18

http://poltergeist-legacy.com/

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

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

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

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

pont
 
 

Сообщения : 42
Карма : Без предупреждений
Благодарности : 0
Регистрация : 2012-06-13

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
Администратор
Администратор

Пол : Женщина
Сообщения : 21911
Возраст : 31
Место обитания : СПб
Карма : Без предупреждений
Благодарности : 8761
Регистрация : 2008-04-18

http://poltergeist-legacy.com/

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

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

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

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

pont
 
 

Сообщения : 42
Карма : Без предупреждений
Благодарности : 0
Регистрация : 2012-06-13

http://pont-game.forum.st

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

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


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