Важная информация!
Правила форума
для обязательного прочтения!
Пожалуйста, не регистрируйтесь на этом форуме с электронными адресами mail.ru, bk.ru, inbox.ru, list.ru - вам может не прийти письмо со ссылкой активации!
Вы можете воспользоваться адресами типа yandex.ru, rambler.ru, gmail.com и т.д.
(забыл / потерял пароль)
Общий FAQ по управлению форумом
FAQ: реклама на форуме
Туториалы по разным функциям ваших форумов
Алфавитный указатель
Интересные решения для форумов
Наши видео-туториалы
Условия пользования сервисом
Ссылки на полезные ресурсы
Последние темы
» Как поменять вид нумерации страниц тем?автор Goodmonday Апрель 18th 2024, 21:04
» Форум не корректно загружается.
автор anna4842 Апрель 12th 2024, 23:48
» Не корректное отображение картинок
автор Красноперова О.А. Апрель 12th 2024, 15:49
» Ошибка на форуме: Could not obtain topic posts informations
автор fatalone Апрель 9th 2024, 13:43
» Переход с 2x2forum.ru на 2x2forum.com
автор Luz Март 28th 2024, 12:13
» Проблема с метатегом Description
автор VeraLV Март 18th 2024, 15:31
» 1 марта будет запрет на ВПН, это отразится на работе платформы?
автор Svet007 Март 14th 2024, 11:43
» нужен скрипт сумма просмотров тем в разделе
автор лексей2222 Март 5th 2024, 07:37
» Новое: Откройте для себя функцию "Подписка на пользователей"
автор лексей2222 Март 1st 2024, 17:26
» 301 редирект
автор Dana Domirani Февраль 25th 2024, 18:28
Всплывающий текст
Участников: 4
Бесплатный форум: форум поддержки :: Взаимопомощь и Поддержка :: Оформление вашего форума :: [Архив] Оформление форума
Страница 1 из 1
Всплывающий текст
Прошу подсказать можно ли сделать так чтобы при наведении на картинку выскакивал текст?
Re: Всплывающий текст
в хтмл: <img src="адрес" title="подсказка" />
В темах будет работать только тогда, когда включен хтмл.
Просто так хтмл работает в виджетах и хтмл-страничках, а также в шаблонах.
В темах будет работать только тогда, когда включен хтмл.
Просто так хтмл работает в виджетах и хтмл-страничках, а также в шаблонах.
Мизраил-
-
Сообщения : 258
Возраст : 28
Регистрация : 2011-03-08
Благодарности : 107
Re: Всплывающий текст
Смех пишет:А можно наоборот? То есть наводишь на текст, появляется картинка?
- Код:
<SCRIPT LANGUAGE="JavaScript">
<!-- Begin
var kartinka1 = new Image();
var kartinka2 = new Image();
var kartinka3 = new Image();
kartinka1.src = "1.jpg";
kartinka2.src = "2.jpg";
kartinka3.src = "3.jpg";
function dayFotku(picimage) {
document.images['picture'].src = eval(picimage + ".src");
}
// End -->
</script>
<body>
<a href="#" onmouseover="dayFotku('kartinka1')">ТВОЯ ССЫЛКА</a>
<a href="#" onmouseover="dayFotku('kartinka2')">ТВОЯ ССЫЛКА2</a>
<a href="#" onmouseover="dayFotku('kartinka3')">ТВОЯ ССЫЛКА3</a>
<br>
<img src="0.jpg" name="picture">
</body>
Re: Всплывающий текст
Я через цсс всё делаю, без яво-скрипта, поэтому всегда работать будетМизраил, а можно наоборот?
вот это с текстом получается:
- Спойлер:
- Код:
.imagedlink:hover:after {
display: compact;
background: url(http://www.centrodehablayvoz.com/imagenes/estrella.png);
content: "Свежак!!!";
padding: 10px;
background-size: 100% 100%;
position: absolute;
z-index: 10;
margin-top: -10px;
margin-left: 5px;
color:#000;
}
- Код:
<a class="imagedlink" href="http://yandex.ru">Яндекс</a>
Здесь если изменить параметр padding, то будет изменяться размер самой картинки.
- Спойлер:
- Код:
.imagedlink:hover {
background: url("http://i.pixs.ru/storage/3/7/1/smalldispl_1119155_2349371.png") no-repeat scroll right center transparent;
padding-right: 15px;
}
Мизраил-
-
Сообщения : 258
Возраст : 28
Регистрация : 2011-03-08
Благодарности : 107
Похожие темы
» Всплывающий текст или изображение
» Всплывающий текст при наведении на награды
» Не работает всплывающий текст при наведении на награды
» Всплывающий чат
» Всплывающий профиль
» Всплывающий текст при наведении на награды
» Не работает всплывающий текст при наведении на награды
» Всплывающий чат
» Всплывающий профиль
Бесплатный форум: форум поддержки :: Взаимопомощь и Поддержка :: Оформление вашего форума :: [Архив] Оформление форума
Страница 1 из 1
Права доступа к этому форуму:
Вы не можете отвечать на сообщения