Cómo funciona
Carga una imagen y arrastra para dibujar un área de enlace. Las posiciones se guardan en porcentaje, así que las zonas siguen alineadas al cambiar el tamaño. Ajusta el tamaño con los tiradores, rellena URL, alt y título, y copia el HTML/CSS o guarda el CSS en un archivo.
Consejos
- Usa una imagen clara con zonas de clic bien definidas; las zonas son rectángulos.
- Pon alt para lectores de pantalla y title para la ayuda al pasar el ratón.
- Comprueba el resultado en PC y móvil antes de publicar.
- Estilos inline para pegar rápido; modo clase si el CSS del sitio puede sobrescribirlos.
Preguntas frecuentes
¿Se sube la imagen?
No. La imagen y los cambios se quedan en tu navegador. No se envía nada a beancuit ni a nadie más.
¿Qué imágenes funcionan?
Banners, imágenes de producto y guías con zonas clicables claras. Las posiciones usan porcentajes, así que las zonas siguen alineadas al redimensionar.
¿Cómo uso el código generado?
Copia el HTML y el CSS en tu sitio, o elige HTML / CSS separado y guarda el CSS en su propio archivo.
¿Estilos inline o clases?
Inline es lo más rápido de pegar. El modo clase usa una clase padre aleatoria para reducir conflictos con el CSS de tu sitio.
Etiquetas relacionadas
#Desarrolladores35#Color y diseño20#Imágenes y archivos17#Seguridad12#Texto14#Fotos12#Trabajo29#Conversores y unidades15#Generadores y aleatorio8