Pasar al contenido principal
Landing Maker by Drupaladicto Full Demo

Enlace (Componente simple)

El componente ENLACE, nos permite añadir un enlace del tipo texto, manteniendo el aspecto en lugar de tener forma de botón.

Drupal Landing Maker by Drupaladicto | www.landingmaker.es

Cuando accedemos a la edición del componente ENLACE, veremos que está dividido en dos zonas principales.

En la parte superior están los valores específicos del enlace, que corresponden con el enlace al que apuntará y el texto que se muestra.

En la parte inferior, encontraremos el resto de configuraciones, divididas en varias pestañas para facilitar su implementación.

Drupal Landing Maker by Drupaladicto | www.landingmaker.es

En la primera pestaña, con el nombre LINK o ENLACE, encontraremos varias pestañas que agrupan las diferentes opciones para facilitar su implementación, éstas son:

  • Tipografía y tamaño del texto (Font Family and Font Size)
  • Color y negrita (Color and Bold)
  • Configuraciones adicionales (Extras)
Drupal Landing Maker by Drupaladicto | www.landingmaker.es

Dentro del grupo TIPOGRAFÍA Y TAMAÑO DEL TEXTO, encontraremos las siguientes opciones:

  • Un selector para escoger la tipografía que aplicaremos al texto del enlace.
  • Un selector para elegir la unidad del tamaño que tendrá el texto. (Font Size Unit)
  • Un campo numérico para especificar el tamaño del texto aplicando la medida del campo anterior. (Font Size)
Drupal Landing Maker by Drupaladicto | www.landingmaker.es

En el siguiente grupo de configuraciones, dentro de la pestaña COLOR Y NEGRITA, encontraremos estas opciones: 

  • Un selector de color, que nos permite elegir el color para el texto del enlace.
  • Una casilla o checkbox que convierte el texto en Negrita.
Drupal Landing Maker by Drupaladicto | www.landingmaker.es

El tercer grupo de configuraciones dentro de la pestaña ENLACE, con el nombre EXTRAS, nos ofrece las siguientes opciones:

  • Un selector para Alinear el texto.
  • Una casilla o checkbox que permite abrir en una nueva ventana el detino al que apunta el enlace.
Drupal Landing Maker by Drupaladicto | www.landingmaker.es

Si nos movemos a la pestaña LÍNEA DECORATIVA, podremos elegir entre varias alternativas de personalización, como son:

  • Una casilla que activa la línea decorativa.
  • Un selector con los diferentes estilos de línea decorativa para elegir.
  • Un selector que nos permite escoger el color de la línea decorativa.
Drupal Landing Maker by Drupaladicto | www.landingmaker.es

La próxima pestaña corresponde con las configuraciones del bloque, con el nombre BLOCK, que nos ofrece varias opciones específicas del bloque que contiene en enlace, para facilitar su implementación, las agrupa en varias pestañas, que son:

  • Márgenes del bloque (Margin Block)
  • Padding o Relleno del bloque (Padding Block)
  • Color, altura y efecto sombra (Color, Height and Shadow)
Drupal Landing Maker by Drupaladicto | www.landingmaker.es

Si desplegamos la pestaña MARGEN DEL BLOQUE, encontraremos las siguientes opciones:

  • Un selector, para escoger la unidad de medida que aplicaremos a los márgenes del bloque.
  • Un campo numérico que podremos aplicar al margen superior.
  • Un campo numérico correspondiente al margen derecho.
  • Un campo numérico que podremos aplicar al margen inferior.
  • Un campo numérico que corresponde con el margen izquiedo.
Drupal Landing Maker by Drupaladicto | www.landingmaker.es

Por su parte, en la pestaña PADDING DEL BLOQUE, tendremos campos parecidos, pero aplicados al relleno o padding del bloque, éstos son:

  • Un selector para elegir la unidad de medida que aplicaremos al padding del bloque.
  • Un campo numérico para el padding alrededor de todo el bloque.
  • Un campo numérico para el padding superior del bloque.
  • Un campo numérico equivalente al padding derecho del bloque.
  • Un campo numérico que permite añadir el padding inferior del bloque.
  • Un campo numérico para el padding del lado izquiero del bloque.
Drupal Landing Maker by Drupaladicto | www.landingmaker.es

En la pestaña COLOR, ALTURA Y SOMBRA, podremos añadir, tal y como indica su nombre, estas tres características, disponibles de la siguiente forma:

  • Un selector para escoger que color tendrá el fondo del bloque.
  • Un selector que nos permite elegir la altura fija en ordenadores, para el bloque.
  • Un selector con el que dispondremos de varios efectos de sombra que se podrán aplicar al bloque.
Drupal Landing Maker by Drupaladicto | www.landingmaker.es

Al igual que en otros componentes, tenemos la opción de añadir personalizaciones específicas para dispositivos móviles, incluidas dentro de la pestaña MOBILE y divididas en varios grupos, dentro de las siguientes pestañas:

  • ALTURA Y ALINEACIÓN (Height and alignment)
  • MARGEN
  • PADDING O RELLENO
Drupal Landing Maker by Drupaladicto | www.landingmaker.es

Si desplegamos ALTURA Y ALINEACIÓN, dentro de MOBILE, encontraremos estas opciones:

  • Un campo numérico para añadir la altura fija en dispositivos móviles.
  • Un selector con varias opciones de alineación para el texto en móviles.
Drupal Landing Maker by Drupaladicto | www.landingmaker.es

Siguiendo con las opciones específicas para dispositivos móviles, si desplegamos la pestaña MARGEN, tendremos:

  • Un campo numérico para establecer el margen superior en móviles.
  • Un campo numérico en el podremos definir el margen inferior en móviles.
Drupal Landing Maker by Drupaladicto | www.landingmaker.es

El tercer grupo de opciones dentro de mobile corresponde a la pestaña PADDING y nos ofrece:

  • Un campo numérico para el padding alrededor de todo el bloque en móviles.
  • Un campo numérico para el padding superior del bloque en móviles.
  • Un campo numérico para el padding derecho del bloque en móviles.
  • Un campo numérico para el padding inferior del bloque en móviles.
  • Un campo numérico para el padding izquierdo del bloque en móviles.
Drupal Landing Maker by Drupaladicto | www.landingmaker.es

La última de las pestañas de configuración disponibles para el componente ENLACE ÚNICO es ANIMATION, en la que tendremos:

  • Un selector para escoger entre varios efectos de animación CSS que podremos aplicar al enlace.

 

Drupal Landing Maker by Drupaladicto | www.landingmaker.es