Skip to main content
Drupal Landing Maker by Drupaladicto | www.landingmaker.es

TARJETA BÁSICA (Componente Mixto)

El COMPONENTE TARJETA BÁSICA, es un componente mixto, porque ofrece la posibilidad de añadir otros componentes con este propósito, entre los que están:

Drupal Landing Maker by Drupaladicto | www.landingmaker.es

La principal diferencia del COMPONENTE TARJETA BÁSICA, es que ofrece la posibilidad de elegir entre tres modalidades de presentación utilizando los mismos contenidos.

Para ello sólo será necesario elegir el tipo de presentación desde el selector que tenemos en la parte superior, Los tres tipos de presentación son:

  • Resumen
  • Tarjeta con Fondo
  • Tarjeta horizontal
Drupal Landing Maker by Drupaladicto | www.landingmaker.es
Drupal Landing Maker by Drupaladicto | www.landingmaker.es

Una vez elegida la presentación para nuestra tarjeta, podremos continuar añadiendo y editando el resto componentes o agregar las configuraciones adicionales que encontraremos separadas sus cuatro petañas, que son:

  • Campos principales (MAIN FIELDS)
  • Configuraciones adicionales (EXTRAS)
  • Configuraciones dispositivos móviles (MOBILE)
  • Efectos de animación 
Drupal Landing Maker by Drupaladicto | www.landingmaker.es

Al deplegar la primera de las pestañas llamada COMPONENTES PRINCIPALES o MAIN FIELDS, tenemos la posiblidad de añadir uno o varios de componentes que podremos mostrar dentro de nuestra tarjeta.

Si hacemos clic sobre cualquiera de las opciones, veremos las configuraciones para cada uno de ellos. Todos tienen su propio videotutorial disponibles en este mismo manual de usuarios.

Los componentes que podremos añadir desde la pestaña COMPONENTES PRINCIPALES, dentro del COMPONENTES TARJETA BÁSICA son:

Drupal Landing Maker by Drupaladicto | www.landingmaker.es

La siguiente de las pestañas, con el nombre EXTRAS, agrupa varias configuraciones adicionales que podremos aplicar al COMPONENTE TARJETA BÁSICA, entre las que encontramos:

  • Color de fondo
  • Márgenes
  • Relleno o Padding
  • Bordes
Drupal Landing Maker by Drupaladicto | www.landingmaker.es

Si desplegamos el primer grupo de configuraciones dentro de la pestaña EXTRAS, que tiene el nombre EXTRA SETTINGS, tenemos las siguientes opciones:

  • Altura fija en ordenadores (Fixed height PC)
  • Girar
  • Color de fondo de la tarjeta
  • Margen Superior
  • Margen Inferior
  • Añadir efecto sombra
Drupal Landing Maker by Drupaladicto | www.landingmaker.es

El otro grupo de configuraciónes, dentro de EXTRAS, corresponde a las opciones para el Padding o Relleno de la tarjeta. Desde aquí podremos definir:

  • Padding o relleno Global
  • Padding o relleno Superior
  • Padding o relleno Derecho
  • Padding o relleno Inferior
  • Padding o relleno Izquierdo

 

Drupal Landing Maker by Drupaladicto | www.landingmaker.es

El último grupo de opciones dentro de la pestaña EXTRAS, nos permite configurar los bordes de la tarjeta. Para facilitar su implementación, éstas están agrupadas en tres pestañas adicionales, que son:

  • Color, ancho y estilo del borde (Color, width, Style)
  • Tipo de borde (Border Type)
  • Radio del borde
Drupal Landing Maker by Drupaladicto | www.landingmaker.es

Si desplegamos la primera de las pestañas dentro de las configuraciones de borde, tendremos :

  • Un selector para el color que se aplicará al borde
  • Un selector para la unidad de medida que aplicaremos al grosor del borde
  • Un selector que nos permite escoger entre varios tipos de borde
Drupal Landing Maker by Drupaladicto | www.landingmaker.es

Dentro de la pestaña para el tipo de borde podremos añadir el número correspondiente con la unidad de medida que hemos elegido en la anterior pestaña y que se aplicará en :

  • Borde Global
  • Borde Superior
  • Borde Derecho
  • Borde Inferior
  • Borde Izquiedo
Drupal Landing Maker by Drupaladicto | www.landingmaker.es

Dentro de la última de las pestañas para configurar el borde podremos elegir la curvatura o radio que se aplicará en las distinas areas de la tarjeta , que son :

  • Curvatura del Borde global
  • Curvatura del borde superior izquierda
  • Curvatura del borde Arriba a la derecha
  • Curvatura del borde inferior derecha
  • Curvatura del borde inferior izquierda
Drupal Landing Maker by Drupaladicto | www.landingmaker.es

Siguiendo con el resto de pestañas que configuran la tarjeta, tenemos la que se llama MOBILE, que nos permite definir una altura específica para los dispostivos móviles.

Drupal Landing Maker by Drupaladicto | www.landingmaker.es

La última de las pestañas para configurar el COMPONENTE TARJETA BÁSICA, con el nombre ANIMATIONS, nos permite añadir efectos de animación o movimiento a elegir.

Drupal Landing Maker by Drupaladicto | www.landingmaker.es