Documentación sobre las herramientas del sitio

Columnas fijas en la barra lateral.

A continuación se explica cómo fijar dos columnas a la izquierda y a la derecha

• 1- Haz clic con el botón derecho del ratón en tu página y selecciona la opción «Inspeccionar».

Comprueba la estructura de la página para ver dónde están las columnas.

En la imagen de abajo hay tres columnas: izquierda, central y derecha.

• 2- Busca los nombres de las columnas que quieres fijar. Es importante seleccionar el primer div de la columna.

En la imagen siguiente, estamos revisando el código de la columna de la izquierda, que es «mx-leftcol». En este caso, se trata de un div con id, por lo que el código debería ser «#mx-leftcol».

 

En la siguiente imagen estamos comprobando el código de la columna derecha, que es «mx-rightcol». De nuevo, se trata de un elemento «div» con un identificador, por lo que debería ser el código «#mx-rightcol»

 

• 3- En la configuración del módulo, ve a la pestaña «Herramientas del sitio» y, en «Tipo», selecciona «Barra lateral fija». En «Nombre de div o clase», añade los nombres. Así pues, para los códigos de nuestro ejemplo, deberían ser #mx-leftcol y #mx-rightcol. Documentación de la barra lateral fija. Como hay más de una columna, deben separarse con una coma (,).

 

En nuestro ejemplo había dos div con id, pero es posible que tengas una clase en lugar de un id.

Consulta la imagen siguiente

En este caso se trata de una clase. Para ello, el código debería ser .right2

 

Revelación al desplazarse

• 1- En tu sitio web, haz clic con el botón derecho y selecciona la opción «Inspeccionar».

Comprueba la estructura de la página en la parte donde quieras que se active «Revelar al desplazarse». En la demostración de nuestro módulo tenemos una imagen que tiene la clase «scrollr». Mira la imagen de abajo.

Como se trata de una clase, el código debería ser .scrollr

• 3- En la configuración del módulo, ve a la pestaña «Herramientas del sitio» y, en «Tipo», selecciona «Scrollreveal». En «Nombre de div o clase», añade el código.

Así pues, para el código que aparece en la demostración del módulo, debería ser .scrollr.

Consulta la imagen siguiente.

Como efecto, selecciona el que prefieras. Si el efecto seleccionado es «Animated Masker», asegúrate de que en «Masker» esté seleccionada una de las opciones. En los demás efectos, deja «Masker» sin seleccionar.

Utiliza el botón «Añadir» para añadir tantos elementos como desees. Para todos ellos, simplemente comprueba el código en la interfaz y añádelo en la configuración del módulo.

Si se trata de un div, pon #; si es una clase, pon .