#activar ~ .desplegable {display: none;overflow: hidden;} #activar:checked ~ .desplegable {display: block;} -->
Como enviar un mensaje de WhatsApp sin guardar el número
Descubrir contraseñas ocultas
Plantilla MovieKhor
Inspiro 2.0 Plantilla blogger
Plantilla Abigail
Gadget de entradas populares en dos columnas
Plantilla New Pro Blogger Template
Revista Pro template blogger
Galeria imágenes CSS
Crear un marcador de código para nuestro blog.
Cajas con animaciones usando jQuery
Más Tooptip

Tooltip


E Tooltip es el cuadradito que aparece cuando ponemos el cursor encima de un enlace.
Este cuadradito vale para explicarnos algo relacionado con el enlace .

 

CSS


<style>
.tooltip {
  position: relative;
  display: inline-block;
  border-bottom: 1px dotted black;
}

.tooltip .tooltiptext {
  visibility: hidden;
  width: 320px;
  background-color: black;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;
  
  /* Position the tooltip */
  position: absolute;
  z-index: 1;
  top: -5px;
  left: 105%;
}

.tooltip:hover .tooltiptext {
  visibility: visible;
}
</style>




HTML


<div class="tooltip">Hover over me
  <span class="tooltiptext">Tooltip text</span>
</div>

html






Nota:
Antes de realizar cualquier cambio en nuestro blog, tendremos que realizar una copia de seguridad del mismo por si algo no sale bien.

Puedes ver en este post como lo hacemos paso a paso







Publicar un comentario

0 Comentarios