Бесплатный форум: форум поддержки
Добро пожаловать на форум поддержки сервиса Forum2x2 !

Для полноценной работы с форумом,
пожалуйста, войдите на форум под своим логином (если вы уже зарегистрированы) или же зарегистрируйтесь.


С нашей помощью вы можете создать форум,
похожий на этот!
Мы в социальных сетях

Правила форума

для обязательного прочтения!


Внимание! Важная информация для РЕГИСТРАЦИИ на форуме:

Пожалуйста, не регистрируйтесь на этом форуме с электронными адресами mail.ru, bk.ru, inbox.ru, list.ru - вам может не прийти письмо со ссылкой активации!
Вы можете воспользоваться адресами типа yandex.ru, rambler.ru, gmail.com и т.д.
Интересные решения
Быстрый переход к сервисам: j-p-g.net Видео фоторедактор Транслит

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

Предыдущая тема Следующая тема Перейти вниз

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

Сообщение автор vvo в Вт 5 Янв - 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
 

Мужчина

Сообщения : 512
Регистрация : 2009-07-15
Благодарности : 84

Без предупреждений

http://www.google.com.ua/

Вернуться к началу Перейти вниз

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

Сообщение автор vvo в Ср 6 Янв - 14:35

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

vvo
 

Мужчина

Сообщения : 512
Регистрация : 2009-07-15
Благодарности : 84

Без предупреждений

http://www.google.com.ua/

Вернуться к началу Перейти вниз

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

Сообщение автор Sunnyta в Ср 6 Янв - 19:05

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

Sunnyta
 

Сообщения : 1580
Регистрация : 2008-03-20
Благодарности : 63

Без предупреждений

http://www.sun-place.com/

Вернуться к началу Перейти вниз

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

Сообщение автор Irbis в Ср 6 Янв - 19:38

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

Irbis
 

Мужчина

Сообщения : 583
Возраст : 30
Регистрация : 2008-02-10
Благодарности : 216

Без предупреждений

http://help.forum2x2.ru/u849

Вернуться к началу Перейти вниз

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

Сообщение автор vvo в Чт 7 Янв - 17:40

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

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

vvo
 

Мужчина

Сообщения : 512
Регистрация : 2009-07-15
Благодарности : 84

Без предупреждений

http://www.google.com.ua/

Вернуться к началу Перейти вниз

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

Сообщение автор vvo в Чт 7 Янв - 17:41

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

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

vvo
 

Мужчина

Сообщения : 512
Регистрация : 2009-07-15
Благодарности : 84

Без предупреждений

http://www.google.com.ua/

Вернуться к началу Перейти вниз

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

Сообщение автор Irbis в Пт 15 Янв - 21:50

Потому что этод CSS-код будет распространяться только на ссылки, которые имеют класс vsl_help, и в них будет присутствовать тег <span> с подсказкой, см. в своем же примере:
Код:
<a href="#" class="vsl_help">CSS<span> Каскадные таблицы стилей</span></a>
естественно ссылки в сообщениях этого не имеют. и чтобы добиться результата вам нужно включить html в сообщениях и прописывать все ссылки именно таким образом.

Irbis
 

Мужчина

Сообщения : 583
Возраст : 30
Регистрация : 2008-02-10
Благодарности : 216

Без предупреждений

http://help.forum2x2.ru/u849

Вернуться к началу Перейти вниз

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

Сообщение автор vvo в Чт 21 Янв - 19:07

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

vvo
 

Мужчина

Сообщения : 512
Регистрация : 2009-07-15
Благодарности : 84

Без предупреждений

http://www.google.com.ua/

Вернуться к началу Перейти вниз

Предыдущая тема Следующая тема Вернуться к началу


 
Права доступа к этому форуму:
Вы не можете отвечать на сообщения