Guía de estilo

Esta es una breve guía de estilo que ejemplifica las principales posibilidades de edición de texto desde el editor de tu web Conecta.

Será útil principalmente para estructurar contenidos, o lo que es lo mismo, para organizarlos en bloques jerárquicos que faciliten su comprensión.

Estructurar un contenido en un medio tan saturado como es internet, es un requisito indispensable si aspiramos a generar contenido atractivo y relevante.

(Encabezado 1) Lorem ipsum dolor sit amet

Vivamus molestie, metus vitae iaculis tempus, quam ipsum imperdiet erat, lorem Ipsum sem enim ut nibh. Quisque mattis diam in enim tincidunt, sit amet efficitur elit venenatis. Integer turpis eros, porta eget orci et, pellentesque porttitor nunc. Pellentesque sapien justo, vestibulum vitae sodales at, molestie vitae justo.

Proin placerat ex vel lacus posuere, lorem Ipsum sem enim ut nibh, vitae faucibus diam tincidunt. Quisque vitae euismod nisl. Pellentesque ultrices tincidunt ligula sed cursus. In congue nec justo nec auctor. Maecenas nec luctus risus. Nam justo arcu, lobortis ut aliquam in, pellentesque vel tellus. Curabitur cursus enim vitae suscipit varius. Sed porta convallis nibh non rhoncus.

(Encabezado 2) Donec nunc nibh, scelerisque eu lacus

Mauris sit amet dignissim sem, ut mattis lorem. Duis fermentum nisl nisl, ac suscipit mauris sagittis at. Vivamus molestie, metus vitae iaculis tempus, quam ipsum imperdiet erat, in dignissim sem enim ut nibh. Quisque mattis diam in enim tincidunt, sit amet efficitur elit venenatis. Integer turpis eros, porta eget orci et, pellentesque porttitor nunc. Pellentesque sapien justo, vestibulum vitae sodales at, molestie vitae justo. Proin placerat ex vel lacus posuere, vitae faucibus diam tincidunt. Quisque vitae euismod nisl. Pellentesque ultrices tincidunt ligula sed cursus. In congue nec justo nec auctor.

Sed ultricies lectus sit amet congue ullamcorper. Aliquam lobortis commodo dui ac consectetur. Suspendisse et nulla purus. Mauris ut massa et diam imperdiet accumsan et nec ipsum. Cras suscipit pharetra sapien nec gravida. Aenean luctus lectus a rhoncus tempus. Donec gravida lectus vel dui vestibulum, et egestas urna scelerisque. Curabitur suscipit tellus sed ex rutrum molestie. Maecenas elementum lacus mattis lectus ornare, vel hendrerit velit pulvinar.

Maecenas nec luctus risus. Nam justo arcu, lobortis ut aliquam in, pellentesque vel tellus. Curabitur cursus enim vitae suscipit varius. Sed porta convallis nibh non rhoncus.

(Encabezado 3) Nullam sit amet maximus purus

Nulla imperdiet dolor id ante feugiat, porttitor convallis nunc rhoncus. Pellentesque varius, mauris eget consectetur condimentum, massa leo imperdiet ligula, eu sollicitudin massa nunc eu ante. Vivamus volutpat mi et lacus aliquet congue. Sed ultricies lectus sit amet congue ullamcorper. Aliquam lobortis commodo dui ac consectetur. Suspendisse et nulla purus. Mauris ut massa et diam imperdiet accumsan et nec ipsum. Cras suscipit pharetra sapien nec gravida. Aenean luctus lectus a rhoncus tempus.

(Encabezado 4) Curabitur venenatis arcu a urna porta suscipit in ut nisi

Nulla imperdiet dolor id ante feugiat, porttitor convallis nunc rhoncus. Pellentesque varius, mauris eget consectetur condimentum, massa leo imperdiet ligula, eu sollicitudin massa nunc eu ante. Vivamus volutpat mi et lacus aliquet congue. Sed ultricies lectus sit amet congue ullamcorper. Aliquam lobortis commodo dui ac consectetur. Suspendisse et nulla purus. Mauris ut massa et diam imperdiet accumsan et nec ipsum. Cras suscipit pharetra sapien nec gravida. Aenean luctus lectus a rhoncus tempus.

La profundidad de la pérdida de la conciencia y la duración de la misma son dos marcadores principales para establecer la severidad del daño cerebral.

Cras non sapien eget diam pellentesque ullamcorper vitae non massa. Nulla imperdiet dolor id ante feugiat, porttitor convallis nunc rhoncus. Pellentesque varius, mauris eget consectetur condimentum, massa leo imperdiet ligula, eu sollicitudin massa nunc eu ante. Vivamus volutpat mi et lacus aliquet congue.

Cabecera	Cabecera	Cabecera	Cabecera	Cabecera
Ejemplo	Ejemplo	Ejemplo	Ejemplo	Ejemplo
Ejemplo	Ejemplo
Ejemplo

Sed ultricies lectus sit amet congue ullamcorper. Aliquam lobortis commodo dui ac consectetur. Suspendisse et nulla purus. Mauris ut massa et diam imperdiet accumsan et nec ipsum. Cras suscipit pharetra sapien nec gravida. Aenean luctus lectus a rhoncus tempus. Donec gravida lectus vel dui vestibulum, et egestas urna scelerisque. Curabitur suscipit tellus sed ex rutrum molestie. Maecenas elementum lacus mattis lectus ornare, vel hendrerit velit pulvinar.

(Encabezado 5) Vestibulum sodales nisi et tellus molestie malesuada

Donec gravida lectus vel dui vestibulum, et egestas urna scelerisque. Curabitur suscipit tellus sed ex rutrum molestie. Maecenas elementum lacus mattis lectus ornare, vel hendrerit velit pulvinar.

• Lorem ipsum dolor sit amet, consectetur adipiscing elit.
• Etiam non metus cursus, viverra massa eget, molestie dui.
• Vestibulum quis enim non magna vulputate aliquam eget sit amet orci.
• Vestibulum et erat et ex scelerisque consectetur.

(Encabezado 6) In rutrum lacinia felis, a aliquet metus suscipit et

Donec placerat tellus ligula, ut varius sapien tempus sed. Cras non sapien eget diam pellentesque ullamcorper vitae non massa. Nulla imperdiet dolor id ante feugiat, porttitor convallis nunc rhoncus. Pellentesque varius, mauris eget consectetur condimentum, massa leo imperdiet ligula, eu sollicitudin massa nunc eu ante. Vivamus volutpat mi et lacus aliquet congue. Sed ultricies lectus sit amet congue ullamcorper. Aliquam lobortis commodo dui ac consectetur. Suspendisse et nulla purus.

1. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
2. Etiam non metus cursus, viverra massa eget, molestie dui.
3. Vestibulum quis enim non magna vulputate aliquam eget sit amet orci.
4. Vestibulum et erat et ex scelerisque consectetur.

Mauris ut massa et diam imperdiet accumsan et nec ipsum. Cras suscipit pharetra sapien nec gravida. Aenean luctus lectus a rhoncus tempus. Donec gravida lectus vel dui vestibulum, et egestas urna scelerisque. Curabitur suscipit tellus sed ex rutrum molestie. Maecenas elementum lacus mattis lectus ornare, vel hendrerit velit pulvinar.

ESTILO PERSONALIZADO

Puedes disponer del siguiente estilo personalizado, es decir, tener la posibilidad de enriquecer la composición de tu contenido, mediante el generador de contenedores (etiquetas div) asignándole las siguientes clases, creadas especialmente para tu entidad.

Esto lo puedes hacer desde el editor de texto en el siguiente botón, creando primero el contenedor:

Y asignandole después la clase (deberás indicar literalmente su nombre):

Marcos de texto

clase: postit

clase: marco1

clase: marco1grande

clase: marco2

clase: marco2grande

clase: marco3

clase: marco3grande

Galerias de imágenes

Puedes disponer del siguiente estilo personalizado para la ordenación de imágenes, creando un contenedor para cada una de las imágenes de una secuencia, y asignandole después una de las siguientes clases:

clase: galeria2c (2 columnas)

Tamaño de referencia original para las imágenes: 720 x 412 píxeles

Ejemplo tomado de la Asociación Agarimo:

clase: galeria3c (3 columnas)

Tamaño de referencia original para las imágenes: 360 x 206 píxeles

Ejemplo tomado de la web de Aceesca:

Otros

Si creas un contenedor vacio y le asignas esta clase, dispondrás de un separador de contenido.

clase: separador

      Imprimir