Categorías de Micro-Temas

Micro-temas de marca

Las siguientes categorías de micro-temas incluyen opciones que se codificaron en el tema de tu marca y que se adaptan a los estándares de la misma. Se pueden agregar micro-temas de marca adicionales a cada una de las siguientes categorías según sea necesario a lo largo del tiempo.

Accordion

Esta categoría incluye opciones de estilo alternativas que se pueden aplicar a cualquier componente de acordeón publicado en tu página.

Backgrounds

Se puede aplicar a cualquier contenedor, columna, fila o cuadrícula. Cuando se utilizan, estos micro-temas cambiarán el color en el fondo del elemento al que se aplica.

Bullet List

Estos micro-temas se pueden aplicar al texto y se utilizan para modificar el tipo de "Bullet point" que se utilizan dentro de una lista.

Buttons

Se pueden aplicar micro-temas de botones a enlaces de texto para convertirlos en botones. Los micro-temas de botones vienen en diferentes formas, tamaños y colores y también incluyen diferentes señales de clic para cada tipo de botón.

Color

Estos micro-temas se pueden aplicar al texto y controlar el color del texto al que se aplican.

Fonts

Los micro-temas de fuentes se pueden aplicar al texto y cambiar la fuente utilizada por ese texto.

Link

Estos micro-temas se pueden utilizar para controlar el estilo de cualquier enlace de texto publicado en tu página.

Logo

Los micro-temas de logotipos se pueden aplicar a cualquier contenedor para mostrar uno de los logotipos codificados en tu tema dentro de ese contenedor.

Pods

Los pods contienen CSS que afecta el estilo de varios elementos a la vez. De forma predeterminada, agregarán "padding" a todos los lados, cambiarán el color de fondo, el color del texto, el color del enlace y los colores de los botones.

Regions

Las regiones son similares a los pods; controlarán el "padding" superior e inferior, el color de fondo, los colores del texto, los colores de los enlaces y los colores de los botones.

NOTA: Las regiones están diseñadas para aplicarse a secciones completas de una página, mientras que los pods se pueden aplicar a contenedores / columnas dentro de una región para anular el estilo de la región.

Tabs

Esta categoría incluye opciones de estilo alternativas que se pueden aplicar a cualquier componente de contenido con pestañas publicado en tu página.

Micro-temas del sistema

Las siguientes categorías de micro-temas incluyen opciones que están disponibles en todas los consoles y no son específicas para estándares de marca específicos.

Alignment

Incluye opciones de alineación izquierda, derecha y central. Estos micro-temas se pueden aplicar directamente al texto o a un contenedor completo. Cuando se aplica a un contenedor, todo dentro del contenedor se alineará a la izquierda, a la derecha o al centro.

Drop Down

Incluye diferentes opciones de estilo que se pueden aplicar a menús desplegables dentro de un elemento de estilo libre.

Choice Group

Incluye diferentes opciones de estilo que se pueden aplicar a un grupo de elección dentro de un elemento de estilo libre.

Choice

Incluye diferentes opciones de estilo que se pueden aplicar a una elección individual dentro de un elemento de estilo libre.

Flow

Los micro-temas de Flow se pueden utilizar para ajustar el estilo y el color de la navegación, la alineación de la navegación de Flow, así como el efecto de transición que se utiliza al pasar de un paso de Flow a otro.

Form

Los micro-temas de esta categoría se pueden usar para controlar el estilo de los campos de tu formulario, lo que sucede dentro del formulario al validar los campos, la ubicación de las etiquetas de, la alineación del botón de envío y el estilo de tus campos obligatorios. Puedes aplicar más micro-temas de formularios múltiples a cualquier formulario de estilo libre que publiques dentro de una página de ion.

Form Field

Los micro-temas dentro de esta categoría se pueden aplicar a un contenedor de campo de formulario y se pueden usar para cambiar el estilo del campo.

Full-Page Slider

Estos micro-temas se pueden utilizar para ajustar el estilo / color de la navegación utilizada dentro de un componente de control deslizante de página completa.

Grid Layout

La categoría Grid Layout incluye micro-temas que se pueden usar para realizar ajustes en columnas y filas dentro de una cuadrícula determinada. Estos micro-temas se pueden aplicar a toda la cuadrícula o específicamente a una columna o fila. Las opciones de esta categoría incluyen:

• Nested responsive grid: hace que la cuadrícula receptiva se expanda o contraiga para llenar el espacio disponible dentro de un contenedor determinado.
• Gutterless columns: elimina las canaletas entre las columnas para que no haya más relleno entre ellas.
• Row padding: agrega varias cantidades de relleno a la parte superior e inferior de una fila determinada.

Images

Esta categoría contiene opciones que se pueden aplicar a una imagen para alinearla a la izquierda, a la derecha o al centro de un contenedor determinado.

Reveal

Estos micro-temas se pueden utilizar para aplicar efectos de transición y ajustar el estilo de superposición.

Slider

Incluye diferentes opciones de estilo que se pueden aplicar a un control deslizante dentro de un elemento de estilo libre.

Styling

Esta categoría incluye estilos predefinidos que se pueden aplicar a prácticamente cualquier contenido. Estas opciones incluyen la opción circle/oval (que enmarca tu contenido dentro de un círculo / óvalo), una sombra paralela clara, una sombra paralela plana, esquinas redondeadas y un borde gris oscuro.

Text

Esta categoría contiene micro-temas que se pueden usar para diseñar texto como un pie de foto o letra pequeña. El texto de la leyenda normalmente se usaría debajo de una foto como una descripción corta y la letra pequeña normalmente se usaría para crédito de autor.

Textbox

Incluye diferentes opciones de estilo que se pueden aplicar a un cuadro de texto dentro de un elemento de estilo libre.

Utilities

Esta categoría incluye micro-temas que se utilizan para realizar ajustes funcionales al contenido. Los micro-temas de esta categoría se pueden aplicar a la mayoría del contenido publicado en tu página e incluyen:

• Animation Wrapper - se puede agregar a un contenedor que contiene un componente Reveal para corregir un problema con las transformaciones CSS en el navegador Safari que impacta negativamente en la capacidad del componente Reveal para usar el micro-tema "flip card".
• Direction: Right to Left - cambia la dirección del texto para ir de derecha a izquierda.
• Dynamic Visibility - cuando se aplica a un elemento, no mostrará ese elemento en la página en vivo, pero se mostrará al editar; generalmente se combina con un código personalizado para activar y desactivar el contenido.
• Hide in IE8 and Lower - oculta contenido en Internet Explorer 8 y versiones anteriores.
• Hide when Printing - se puede aplicar a cualquier elemento para ocultar ese elemento cuando el encuestado intenta imprimir la página.
• Insert Page Break when Printing - se puede aplicar a cualquier contenido para establecer un punto de ruptura por encima de ese elemento al imprimir, de modo que todo lo que esté debajo de ese punto de ruptura se muestre en una nueva página.
• Show only in IE8 and Lower - muestra contenido en Internet Explorer 8 y versiones anteriores.
• Show Only when Printing - se puede aplicar a cualquier elemento para mostrar solo ese elemento cuando el encuestado intenta imprimir la página.
• Scroll Awareness (once) - se puede aplicar a un elemento para activar una animación personalizada la primera vez que alguien se desplaza a ese elemento.
• Scroll Awareness (always) - se puede aplicar a un elemento para activar una animación personalizada cada vez que alguien se desplaza hasta ese elemento.
• Top Most Layer - mueve el contenido a la parte superior de la capa en la que se publica; se utiliza para mover contenido al frente de otros elementos publicados en un contenedor determinado.