Guía / Artículo

Cómo añadir información sobre las herramientas de hover en el flujo web

Maciej
30 de octubre de 2020
Cómo añadir información sobre las herramientas de hover en el flujo web

Preparé una extensión fácil de usar para Webflow, que permite añadir un simple tooltip genérico a cualquier elemento sin salir de la interfaz del diseñador.

Lea más aquí: http://tooltipster-for-webflow.webflow.io/

Paso 1: Código personalizado

Pegue el siguiente código en la sección "Código personalizado" dentro de los ajustes del sitio Webflow:Al final de la etiqueta



Antes de la etiqueta:


Su sección de código personalizado debería verse así:

Paso 2: Atributos personalizados

Añadir información sobre herramientas en Webflow Designer mediante el uso de atributos personalizados

  • Añadir un atributo tooltipster="top".
  • Añade el atributo title="Your tooltip text" con tu contenido

Puede utilizar otras direcciones: arriba, derecha, abajo, izquierda

Añade tooltips con un retardo añadiendo un sufijo al atributo - por ejemplo tooltipster="top-delay".

No olvide publicar su sitio web.



.tooltipster-sidetip .tooltipster-content {  
color: #000000;  
line-height: 18px;  
padding: 6px 14px;}

Maciej
30 de octubre de 2020

Recibe los recursos de la web directamente en tu buzón.

Inscríbete para recibir información semanal e inspiración en tu bandeja de entrada.

OTRAS GUÍAS Y LECCIONES

Impulsa más tu sitio web de flujo de datos.