Правила форума
для обязательного прочтения!
Внимание! Важная информация для РЕГИСТРАЦИИ на форуме:
Пожалуйста, не регистрируйтесь на этом форуме с электронными адресами mail.ru, bk.ru, inbox.ru, list.ru - вам может не прийти письмо со ссылкой активации!
Вы можете воспользоваться адресами типа yandex.ru, rambler.ru, gmail.com и т.д.
Последние темы
» Представляем вам Topic'it, мобильное приложение для вашего форума ! автор Sayra-hafize Вчера в 18:02
» Как поменять цвет ссылки и фона при нажатии, в виджет?
автор Al1975 Ср 18 Окт - 18:53
» Сохранение форума
автор Dana Domirani Ср 18 Окт - 13:21
» [Общая тема] Что делать, если вы забыли / потеряли пароль
автор Juffin Ср 18 Окт - 12:13
» Кто то накручивает посещяемость моего форума
автор IceQueen Вт 17 Окт - 10:30
» Новые кнопки репутации Like
автор Премьера Пн 16 Окт - 18:42
» Как сделать так, чтобы незарегистрированный пользователь, заходя на профиль пользователя сразу видел его подпись?
автор oxanamusina Пн 16 Окт - 15:57
» перенос сообщения
автор IceQueen Пн 16 Окт - 1:52
» Пароль в "загрузить изображение"
автор irina27 Вс 15 Окт - 20:15
» Не работают кнопки в форме ответа
автор Феникс Вс 15 Окт - 17:00
Интересные решения
Как сделать реакцию картинки на мышку?
Бесплатный форум: форум поддержки :: Взаимопомощь и Поддержка :: Оформление вашего форума :: [Архив] Оформление форума
Страница 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- Администратор
-
Сообщения : 22454
Возраст : 32
Регистрация : 2008-04-18
Благодарности : 9052
-
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- Администратор
-
Сообщения : 22454
Возраст : 32
Регистрация : 2008-04-18
Благодарности : 9052
-
pont-
- Сообщения : 42
Регистрация : 2012-06-13
Благодарности : 0
-
Бесплатный форум: форум поддержки :: Взаимопомощь и Поддержка :: Оформление вашего форума :: [Архив] Оформление форума
Страница 1 из 1
Права доступа к этому форуму:
Вы не можете отвечать на сообщения
Facebook
Google+
ВКонтакте
