Как применить стили css для title

146

sir Nicholas

6 мая 2012, 20:49

1803

Как применить стили css для title в ссылке?

<a href="url" title="Текст подсказка">Анкор</a>

Даже не знаю как вопрос сформулировать в поиске, в интернете раньше подобное встречал.

13

FernandoDiaz

6 мая 2012, 20:54

#1

Курите на тему "Jquery tooltip"

http://www.1stwebdesigner.com/css/stylish-jquery-tooltip-plugins-webdesign/

146

sir Nicholas

6 мая 2012, 21:16

#2

Спасибо FernandoDiaz, но с английским у меня плохо. А одним css это реализовать нельзя?

13

FernandoDiaz

6 мая 2012, 21:22

#3

sir Nicholas, http://www.css3.info/tooltips-with-css3/

146

sir Nicholas

6 мая 2012, 21:26

#4

FernandoDiaz:
sir Nicholas, http://www.css3.info/tooltips-with-css3/

Я css знаю, а с скриптами не дружу. Спасибо

487

Geers

6 мая 2012, 21:56

#5

http://html.manual.ru/book/html/header/style.php

146

sir Nicholas

6 мая 2012, 22:14

#6

Geers:
http://html.manual.ru/book/html/header/style.php

Да это не тот title, мне не нужно темизировать Title в HEAD, Гугл может обидится. :)

А в интернете я встречал информацию о темизации title подсказок на css, правда никогда не проверял на работоспособность. А сейчас я каталог разрабатываю, и мне не нужно выводить описание товара, а так человек навел, и красота!!!

eTarget 2011:Панельная дискуссия «Стратегия eTarget 2011: Круглый стол Могут ли «плохие» входящие

487

Geers

6 мая 2012, 22:19

#7

Так вам надо выплывающие подсказки для ссылок?

146

sir Nicholas

6 мая 2012, 23:40

#8

Geers:
Так вам надо выплывающие подсказки для ссылок?

Дa... :)

В стандартном варианте подсказки выглядят убого и нечитабельно. Хочется сие безобразие привести в порядок. По-другому нельзя, подсказки играют важную роль на сайте, они кратко описывают товар.

15

sigor

6 мая 2012, 23:43

#9

Ищите tooltips http://www.google.ru/search?hl=uk&as_q=tooltips&as_epq=&as_oq=&as_eq=&as_nlo=&as_nhi=&lr=lang_ru&cr=&as_qdr=all&as_sitesearch=&as_occt=any&safe=images&as_filetype=&as_rights=

А одним css это реализовать нельзя?

Можно но не будет гуд.. Как запасной вариант на css:

<html>

<head>

<title>CSS-tooltips</title>

<style type="text/css">

a.tooltip{position:relative}

a.tooltip span{display:none;}

a.tooltip:hover span {

display:block;

position:absolute;

top:20px;

left:20px;

padding: 6px;

border:3px solid #000;

background-color:#777;

color:#fff;}

</style>

</head>

<body>

<a href="#" class="tooltip">Ссылка <span>Tooltip для ссылки</span> 1</a>

<a class="tooltip"  href="#">Ссылка <span>Tooltip для ссылки</span> 2</a>

<a class="tooltip" href="#">Ссылка <span>Tooltip для ссылки </span> 3</a>

</body>

</html>

146

sir Nicholas

6 мая 2012, 23:57

#10

sigor:

Можно но не будет гуд.. Как запасной вариант на css:

О, то что нужно. А в чем отразится, или где ждать подвоха?

В 2023 году Google заблокировал более 170 млн фальшивых отзывов на Картах

Как удалить плохие SEO-ссылки и очистить ссылочную массу сайта