Re: Вопрос про код всплывающей подсказки (CSS)

автор vvo Январь 5th 2010, 15:00

Всплывающая подсказка.

Код:: <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;}

вставить в КТС, что бы эта функция была доступна и в сообщениях форума, но не сработало. Может подскажите как это можно настроить?

автор vvo Январь 6th 2010, 14:35

Попробую поднять тему...

автор Sunnyta Январь 6th 2010, 19:05

vvo пишет:... вставить в КТС, что бы эта функция была доступна и в сообщениях форума, но не сработало.

Как вы конкретно это себе представляете?
Чтоб наводить на текст в чьем-то сообщении и всплывала подсказка?
Тогда вопрос:
- А зачем это?
*я понимаю необходимость использования подсказок в виджетах или html-страничках... а в сообщениях что--то не очень.... Объясните?

автор Irbis Январь 6th 2010, 19:38

vvo, вы все правильно в CSS ставили.

автор vvo Январь 7th 2010, 17:40

Sunnyta пишет:
vvo пишет:... вставить в КТС, что бы эта функция была доступна и в сообщениях форума, но не сработало.
Как вы конкретно это себе представляете?
Чтоб наводить на текст в чьем-то сообщении и всплывала подсказка?
Тогда вопрос:
- А зачем это?
*я понимаю необходимость использования подсказок в виджетах или html-страничках... а в сообщениях что--то не очень.... Объясните?

Ну, а чем плохо иметь возможность реализовать эту функцию в теме форума?

автор vvo Январь 7th 2010, 17:41

Irbis пишет:vvo, вы все правильно в CSS ставили.

Спасибо, но в чем тогда была ошибка? Почему не сработало для форума?

автор Irbis Январь 15th 2010, 21:50

Потому что этод CSS-код будет распространяться только на ссылки, которые имеют класс vsl_help, и в них будет присутствовать тег <span> с подсказкой, см. в своем же примере:

Код:: <a href="#" class="vsl_help">CSS<span> Каскадные таблицы стилей</span></a>

естественно ссылки в сообщениях этого не имеют. и чтобы добиться результата вам нужно включить html в сообщениях и прописывать все ссылки именно таким образом.

автор vvo Январь 21st 2010, 19:07

Все работает.