Правила форума
для обязательного прочтения!
Внимание! Важная информация для РЕГИСТРАЦИИ на форуме:
Пожалуйста, не регистрируйтесь на этом форуме с электронными адресами mail.ru, bk.ru, inbox.ru, list.ru - вам может не прийти письмо со ссылкой активации!
Вы можете воспользоваться адресами типа yandex.ru, rambler.ru, gmail.com и т.д.
Последние темы
» Цвет ника модератора в разделах на главной странице.автор KatrinaZ Вчера в 23:28
» [Общая тема] Что делать, если вы забыли / потеряли пароль
автор sadafa77 Вчера в 18:28
» Неодновременная загрузка фона
автор Иван Иванов Сб 24 Июн - 23:18
» Не работает ВЫДЕЛИТЬ СОДЕРЖИМОЕ в коде
автор Xan_Kriegor Сб 24 Июн - 1:17
» IP пользователей
автор Nhlvegas Пт 23 Июн - 21:33
» Как удалить пользователя?
автор Nhlvegas Чт 22 Июн - 22:41
» ЛС в новом окне
автор fatalone Чт 22 Июн - 21:21
» Новый владелец сайта
автор Лёлик8 Ср 21 Июн - 22:23
» раздача наград, очков, "спасибо"
автор irina27 Ср 21 Июн - 21:04
» Убрать слово "цитата" - 2
автор Aster Ср 21 Июн - 15:46
Интересные решения
Как сделать реакцию картинки на мышку?
Бесплатный форум: форум поддержки :: Взаимопомощь и Поддержка :: Оформление вашего форума :: [Архив] Оформление форума
Страница 1 из 1 • Поделиться •
Как сделать реакцию картинки на мышку?
автор 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
-
Re: Как сделать реакцию картинки на мышку?
автор Dana Domirani в Пн 4 Мар - 14:07
В коде много лишнего + ошибки. Замените на этот:
В CSS добавьте:
- Код:
<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- Администратор
-
Сообщения : 22397
Возраст : 32
Регистрация : 2008-04-18
Благодарности : 9017
-
Re: Как сделать реакцию картинки на мышку?
автор pont в Пн 4 Мар - 14:12
Никакой реакции на это. Вот, что я делал:
1. заменил мой код - на Ваш
2. поставил в каскадную таблицу стилей CSS код
1. заменил мой код - на Ваш
2. поставил в каскадную таблицу стилей CSS код
- Код:
#imgsamp img {
opacity: 0.5;
}
#imgsamp img:hover {
opacity: 1;
}
pont-
- Сообщения : 42
Регистрация : 2012-06-13
Благодарности : 0
-
Re: Как сделать реакцию картинки на мышку?
автор Dana Domirani в Пн 4 Мар - 14:36
Смотрите рабочий вариант тут:
У Вас в CSS тоже есть посторонние коды. Вот это надо удалять:
У Вас в CSS тоже есть посторонние коды. Вот это надо удалять:
- Код:
/* Start http://www.cursors-4u.com */
- Код:
/* End http://www.cursors-4u.com *
| Где находится CSS? Па > Оформление > Цвета > Каскадная таблица стилей CSS Где искать основные шаблоны? ПА > Оформление > Шаблоны > Общие настройки Где находится раздел для подключения скриптов ПА > Модули > Управление кодами Javascript |
Dana Domirani- Администратор
-
Сообщения : 22397
Возраст : 32
Регистрация : 2008-04-18
Благодарности : 9017
-
pont-
- Сообщения : 42
Регистрация : 2012-06-13
Благодарности : 0
-
Бесплатный форум: форум поддержки :: Взаимопомощь и Поддержка :: Оформление вашего форума :: [Архив] Оформление форума
Страница 1 из 1
Права доступа к этому форуму:
Вы не можете отвечать на сообщения
Facebook
Google+
ВКонтакте
