Важная информация!
Правила форума
для обязательного прочтения!
Пожалуйста, не регистрируйтесь на этом форуме с электронными адресами mail.ru, bk.ru, inbox.ru, list.ru - вам может не прийти письмо со ссылкой активации!
Вы можете воспользоваться адресами типа yandex.ru, rambler.ru, gmail.com и т.д.
(забыл / потерял пароль)
Общий FAQ по управлению форумом
FAQ: реклама на форуме
Туториалы по разным функциям ваших форумов
Алфавитный указатель
Интересные решения для форумов
Наши видео-туториалы
Условия пользования сервисом
Ссылки на полезные ресурсы
Последние темы
» Как поменять вид нумерации страниц тем?автор Goodmonday Вчера в 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
Вопрос про код всплывающей подсказки (CSS)
Участников: 3
Бесплатный форум: форум поддержки :: Взаимопомощь и Поддержка :: Проблемы со скриптами (кодами) :: [Архив] Проблемы со скриптами
Страница 1 из 1
Re: Вопрос про код всплывающей подсказки (CSS)
Всплывающая подсказка.
Работает, если весь код поместить в виджет.
Пробовал
- Код:
<html>
<head>
<title>Всплывающие подсказки</title>
<style>
body { font-family: verdana, sans-serif; font-size:13px; }
a.vsl_help { text-decoration:none; color:#000; border-bottom:dashed 1px #000; }
a.vsl_help span { display:none;}
a.vsl_help:hover { position:relative; }
a.vsl_help:hover span { position:absolute; display:block; left:10px; top:-16px;
border:solid 1px #000; background:#ddd; color:#000; white-space:pre; padding:1px;}
</style>
</head>
<body>
В современных условиях веб-строительства все больше появляется необходимость разделения содержимого страницы и способов его оформления. Так как такой подход позволяет максимально быстро и эффективно создавать и развить веб-сайты, за счет того что программисты и дизайнеры выполняют свою работу практически независимо друг друга.
<br> Подобная реализация возможно не без помощи <a href="#" class="vsl_help">CSS<span> Каскадные таблицы стилей</span></a>. CSS позволяют задать параметры оформления содержимого страницы в одном месте, после чего они будут автоматически применяться к содержимому веб-страницы.
</body>
</html>
Работает, если весь код поместить в виджет.
Пробовал
- Код:
body { font-family: verdana, sans-serif; font-size:13px; }
a.vsl_help { text-decoration:none; color:#000; border-bottom:dashed 1px #000; }
a.vsl_help span { display:none;}
a.vsl_help:hover { position:relative; }
a.vsl_help:hover span { position:absolute; display:block; left:10px; top:-16px;
border:solid 1px #000; background:#ddd; color:#000; white-space:pre; padding:1px;}
Re: Вопрос про код всплывающей подсказки (CSS)
Как вы конкретно это себе представляете?vvo пишет:... вставить в КТС, что бы эта функция была доступна и в сообщениях форума, но не сработало.
Чтоб наводить на текст в чьем-то сообщении и всплывала подсказка?
Тогда вопрос:
- А зачем это?
*я понимаю необходимость использования подсказок в виджетах или html-страничках... а в сообщениях что--то не очень.... Объясните?
Re: Вопрос про код всплывающей подсказки (CSS)
Sunnyta пишет:Как вы конкретно это себе представляете?vvo пишет:... вставить в КТС, что бы эта функция была доступна и в сообщениях форума, но не сработало.
Чтоб наводить на текст в чьем-то сообщении и всплывала подсказка?
Тогда вопрос:
- А зачем это?
*я понимаю необходимость использования подсказок в виджетах или html-страничках... а в сообщениях что--то не очень.... Объясните?
Ну, а чем плохо иметь возможность реализовать эту функцию в теме форума?
Re: Вопрос про код всплывающей подсказки (CSS)
Irbis пишет:vvo, вы все правильно в CSS ставили.
Спасибо, но в чем тогда была ошибка? Почему не сработало для форума?
Re: Вопрос про код всплывающей подсказки (CSS)
Потому что этод CSS-код будет распространяться только на ссылки, которые имеют класс vsl_help, и в них будет присутствовать тег <span> с подсказкой, см. в своем же примере:
- Код:
<a href="#" class="vsl_help">CSS<span> Каскадные таблицы стилей</span></a>
Похожие темы
» Не корректное отображение всплывающей подсказки (гостям форума)
» Вопрос по всплывающей панели
» Короткий вопрос по всплывающей подсказке
» Короткий вопрос по всплывающей подсказке
» Проблема со всплывающей панелью
» Вопрос по всплывающей панели
» Короткий вопрос по всплывающей подсказке
» Короткий вопрос по всплывающей подсказке
» Проблема со всплывающей панелью
Бесплатный форум: форум поддержки :: Взаимопомощь и Поддержка :: Проблемы со скриптами (кодами) :: [Архив] Проблемы со скриптами
Страница 1 из 1
Права доступа к этому форуму:
Вы не можете отвечать на сообщения