Las tarjetas en secciones dinámicas mejoran el atractivo visual de su contenido al agregar un color de fondo a los elementos debajo de la sección.
Esto ayuda a crear secciones limpias y organizadas, haciendo que su sitio web sea más atractivo visualmente y más fácil de navegar.
En este artículo
La tarjeta completa / Tarjeta de texto
- Cuando enciendes el Tarjeta completa/texto sobre sus secciones Dinámicas, los elementos de la lista tendrán un contorno y un fondo con el color de la tarjeta.
Ver también: Colores y espaciado del sitio web.
Tarjeta completa
- Cuando se selecciona la opción de tarjeta completa, el color de la tarjeta y otras propiedades que especificó se aplican a toda la tarjeta, es decir, la imagen y el texto debajo de ella.
Echa un vistazo:
Tarjeta de texto
- Cuando se selecciona la opción de tarjeta de texto, el color de la tarjeta y otras propiedades que especificó se aplican solo al texto (debajo de la imagen).
Echa un vistazo:
Tarjetas de estilo
Las opciones de estilo de tarjeta están disponibles en la DE ESTILO RESORT pestaña de la sección (cajón derecho). Las opciones de estilo son las siguientes:
Tarjetas
- Mostrar como tarjetas: Elija mostrar los elementos de la lista como Tarjetas completas/de textoEsta opción puede variar según el diseño seleccionado para la sección. Más información.
- Espaciado entre tarjetas: Elija tener un espaciado de tarjeta común o diferente para cada lado de los elementos de la lista y establezca un número (en px) para el espacio entre tarjetas de las imágenes de elementos de la lista.
En caso de que haya elegido esquinas divididas, puede establecer diferentes espacio entre tarjetas para cada lado de la tarjeta. - Radio de la esquina de la tarjeta: Especifica el radio de la esquina de la tarjeta para la tarjeta del elemento de la lista en px.
- Hacer que las alturas de las tarjetas sean iguales: Elija si la altura de las tarjetas debe ser uniforme en todos los elementos o ajustarse según el contenido de cada elemento.
Si ha seleccionado un diseño en el que el texto se muestra sobre la imagen, aparecerá la siguiente opción:
- Mostrar tarjetas: este botón determina si se muestra o no la tarjeta. Están disponibles las siguientes opciones:
- DESC: Apaga la tarjeta por completo, dejando solo la imagen y el texto visibles en la sección.
- Imagen de arriba: Muestra la tarjeta sobre la imagen. Este diseño funciona bien para diseños en los que desea que el texto sea el centro de atención antes que la imagen.
- Debajo de la imagen: Muestra la tarjeta debajo de la imagen. Esto es ideal para diseños en los que la imagen es el foco principal, seguida del contenido descriptivo. Si no se carga ninguna imagen para un artículo, la tarjeta se mostrará para ese artículo de manera predeterminada.
Colores de la tarjeta
- Elija el tarjeta color ser ninguno o predeterminado o personalizado. Si se elige la opción predeterminada, el color de la tarjeta establecido en el Sección de diseño Se usa aquí.
- Si ha elegido la opción personalizada, especifique el color base y
- Color de texto de la tarjeta
- Elija habilitar el efecto de desplazamiento para la tarjeta.
- Especifica el color de base para la vista flotante de la tarjeta.
- Especifica el el color del texto para la vista flotante de la tarjeta.
borde de la tarjeta
- Posición – Elija tener un borde de tarjeta común o diferente para cada lado de los elementos de la lista y establezca un número (en px) para el borde de la tarjeta.
En caso de que haya elegido esquinas divididas, puede establecer diferentes bordes de la tarjeta para cada lado de la tarjeta. - Elija el DE ESTILO RESORT del borde de la tarjeta.
- Elija Predeterminado color del borde de la tarjeta o Personalizado de color.
- If Personalizado Si se selecciona la opción, especifique el color.
