Правила форума
для обязательного прочтения!
Внимание! Важная информация для РЕГИСТРАЦИИ на форуме:
Пожалуйста, не регистрируйтесь на этом форуме с электронными адресами mail.ru, bk.ru, inbox.ru, list.ru - вам может не прийти письмо со ссылкой активации!
Вы можете воспользоваться адресами типа yandex.ru, rambler.ru, gmail.com и т.д.
Последние темы
» Как очистить список последних действий?автор Kuzbas63 Сегодня в 1:54
» Переписка пользователей
автор Dana Domirani Сегодня в 0:30
» Виджет "Ключевые слова"
автор Lory Вчера в 18:27
» Прошу проверить мой форум
автор Leyxen Вчера в 16:15
» Дыра между кнопками
автор Lory Вчера в 7:36
» Убрать слово "цитата" - 2
автор Aster Вчера в 0:29
» Генератор подарков
автор irina27 Сб 19 Авг - 16:30
» Можно ли сократить растояние
автор Lory Сб 19 Авг - 11:01
» Проблемы с цветом шрифта.
автор Lory Сб 19 Авг - 8:45
» Убрать значок
автор Леший Чт 17 Авг - 12:15
Интересные решения
Как сделать реакцию картинки на мышку?
Бесплатный форум: форум поддержки :: Взаимопомощь и Поддержка :: Оформление вашего форума :: [Архив] Оформление форума
Страница 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- Администратор
-
Сообщения : 22423
Возраст : 32
Регистрация : 2008-04-18
Благодарности : 9031
-
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- Администратор
-
Сообщения : 22423
Возраст : 32
Регистрация : 2008-04-18
Благодарности : 9031
-
pont-
- Сообщения : 42
Регистрация : 2012-06-13
Благодарности : 0
-
Бесплатный форум: форум поддержки :: Взаимопомощь и Поддержка :: Оформление вашего форума :: [Архив] Оформление форума
Страница 1 из 1
Права доступа к этому форуму:
Вы не можете отвечать на сообщения
Facebook
Google+
ВКонтакте
