#activar ~ .desplegable {display: none;overflow: hidden;} #activar:checked ~ .desplegable {display: block;} -->
Slider de imágenes con jQuery
Cambia el enlace de Leer Más en blogger
Modo de arranque rápido en Windows 10
Generador de Tooltip
Teclado Windows 10
Menu vertical jGlideMenu
 Poner un botón "Ir arriba" con jQuery
Eliminar fondo de una imagen rapidamente
Tener dos cuentas de WhatsApp en un solo movil
Formato Condicional para Excel- Resaltar fines de semana
Generadores de logos Online
SIDEBAR O BARRA LATERAL FLOTANTE Y DESPLEGABLE PARA TU BLOG

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