[SOLUCIONADO] Cambiar diseño de "title"

[ivo5860]

Hola,

Lo que quiero hacer es cambiar el diseño con el cual se muestra el titulo de un link les dejo una imagen para que se orienten mejor :
¿ Como es el codigo html o css ?
... Espero que ayuden pronto , desde ya muchas gracias :3

Pagina web : http://chivacoz.pusku.com/

[Zeromm]

busca en google por "tooltip". No se llama "title". El "title" es el texto que pones en un html y que aparece en la pestaña del navegador al abrir tu web, y eso no se puede cambiar de estilo.

[pzin]

Con CSS podrías utilizar un pseudo-elemento y la función attr() para tomar el valor de title. Algo así:

Código HTML:

<a href="#" title="arriba">Abajo</a>
 

Código CSS:

a[title]:hover {
  position: relative;
}
 
a[title]:hover:after {
  position: absolute;
  left: 50%;
  top: 100%;
  padding: 4px;
  background: grey;
  white-space: nowrap;
  z-index: 99;
  transform: translateX(-50%);
  content: attr(title);
}
 

Por ejemplo:

[ivo5860]

Iniciado por Zeromm

busca en google por "tooltip". No se llama "title". El "title" es el texto que pones en un html y que aparece en la pestaña del navegador al abrir tu web, y eso no se puede cambiar de estilo.

Si ya lo sé a lo que me refiero es a esto :

Código HTML:

<img src="imagen.jpg" title="ESTO ES UNA IMAGEN" /> 

[ivo5860]

Iniciado por pzin

Con CSS podrías utilizar un pseudo-elemento y la función attr() para tomar el valor de title. Algo así:

Código HTML:

<a href="#" title="arriba">Abajo</a>
 

Código CSS:

a[title]:hover {
  position: relative;
}
 
a[title]:hover:after {
  position: absolute;
  left: 50%;
  top: 100%;
  padding: 4px;
  background: grey;
  white-space: nowrap;
  z-index: 99;
  transform: translateX(-50%);
  content: attr(title);
}
 

Por ejemplo:

Gracias por la ayuda !