contenido prueba


Titulos


A través de la asignación de una clase se pude generar una gráfica de TITULO a un texto o frase del sitio, sólo debe seleccionar el texto, elegir la clase de título y aplicar. El código html que se genera es el siguiente: <span class="titulo1">T&iacute;tulo demo h1</span>


 Título demo h1

Título demo h1

Título demo h1

Título demo h1

Título demo h1

Título demo h1

 
Listas


A través de la asignación de una clase se pude generar una gráfica personalizada a las diferentes listas del sitio, sólo debe seleccionar la lista, elegir la clase de lista que mas se ajuste a sus necesidades y aplicar. El código html que se genera es el siguiente: <ul class="lista-gris"><li>Lista Amarillo 1 </li></ul>

  • Lista Amarillo 1
  • Lista Amarillo 2
  • Lista Azul 1
  • Lista Azul 2
  • Lista Azul 1
  • Lista Azul 2
  • Lista Azul 1
  • Lista Azul 2
  • Lista Rojo 1
  • Lista Rojo 2
  • Lista Amarillo
  • Lista Amarillo
   
  • Lista triangulo
  • Lista triangulo
  • Lista triangulo
  • Lista triangulo
  • Lista triangulo
  • Lista triangulo
  • Lista triangulo
  • Lista triangulo
  • Lista triangulo
  • Lista triangulo
  • Lista triangulo
  • Lista triangulo
   
  • Lista triangulo
  • Lista triangulo
  • Lista triangulo
  • Lista triangulo
  • Lista triangulo
  • Lista triangulo
  • Lista triangulo
  • Lista triangulo
  • Lista triangulo
  • Lista triangulo
  • Lista triangulo
  • Lista triangulo
   
  • Lista triangulo
  • Lista triangulo
  • Lista triangulo
  • Lista triangulo
  • Lista triangulo
  • Lista triangulo
  • Lista triangulo
  • Lista triangulo
  • Lista triangulo
  • Lista triangulo
  • Lista triangulo
  • Lista triangulo
   
  • Lista triangulo
  • Lista triangulo
  • Lista triangulo
  • Lista triangulo
  • Lista triangulo
  • Lista triangulo
  • Lista triangulo
  • Lista triangulo
  • Lista triangulo
  • Lista triangulo
  • Lista triangulo
  • Lista triangulo
   
 
Iconos Textos


A través de la asignación de una clase se pude generar una gráfica personalizada a las diferentes textos del sitio, sólo debe seleccionar el texto, elegir la clase designada a los textos con iconos y aplicar. El código html que se genera es el siguiente: <span class="ico-contacto">Icono contacto</span>


 Icono calendario
 Icono comentario
 Icono descarga
 Icono documento
 Icono teléfono  Icono Información  Icono contacto  Icono usuario
 
Estilo de Tablas


A través de la asignación de una clase se pude generar una gráfica personalizada a las diferentes tablas del sitio, sólo debe seleccionar la tabla, elegir la clase designada a la tabla y aplicar.
Para lograr una personalización de tablas más elaborada se debe utilizar las herramienta de edición de tablas que otorga el sistema (OP)


 
 cscsc dsdds  sdd   dsds
 dsdds  dsd  sdsd  dsdsd
 ddsd  sdds  sdds  sdsd
 dsdds  dsdsd  dsd  dsdd
 
 fgggrrg grergr  regreg  grreg 
 grer  ggrg  ger  grre
 greg  gr  grgrgr  gre
 grer  grere  rgrg  
 

Estilo Comentarios Comillas



A través de la asignación de una clase se pude generar una gráfica personalizada a las diferentes textos-comentarios del sitio, sólo debe seleccionar el texto, elegir la clase designada y aplicar. El código html que se genera es el siguiente: <ul class="comillas"><li>Comentarios </li></ul>


  • Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque non rutrum quam. Nulla facilisi. Nullam lacus odio, feugiat at luctus a, fringilla tempor enim. Suspendisse potenti. Aenean eget tincidunt libero. Quisque sed elit vitae eros scelerisque iaculis vitae et sapien. Sed sit amet sagittis diam.
 
 
 
 

Estilo Comentarios Comillas



 
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc sapien leo, posuere sit amet mattis in, rhoncus ut arcu. Donec tincidunt orci a nunc vulputate id interdum orci pellentesque. Nulla facilisi.

Ut porttitor tincidunt purus vel ultrices. Vestibulum vitae rutrum nulla. Duis elit elit, egestas sit amet volutpat et, dictum eu odio. Aliquam tortor orci, accumsan tempus imperdiet ac, molestie nec enim. In mauris purus, feugiat quis laoreet nec, cursus a leo. Curabitur tortor turpis, tempor vel consequat id, suscipit tempus felis. Integer sed est orci. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Nulla egestas accumsan pulvinar.

Aliquam erat volutpat. Nulla aliquet nibh nec ante pulvinar vehicula. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.

Donec vel odio nec lectus mollis condimentum in nec dui. Sed lectus tortor, ornare at bibendum vel, tincidunt ac sapien. Mauris nulla diam, vulputate quis bibendum a, tempor quis nunc. Proin posuere ornare rutrum. Maecenas tristique arcu in quam convallis consequat commodo elit ullamcorper. Morbi elementum faucibus ante sit amet faucibus. Vivamus nec enim magna. Phasellus commodo aliquet augue, vitae placerat neque faucibus quis.


Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc sapien leo, posuere sit amet mattis in, rhoncus ut arcu. Donec tincidunt orci a nunc vulputate id interdum orci pellentesque. Nulla facilisi. Ut porttitor tincidunt purus vel ultrices. Vestibulum vitae rutrum nulla. Duis elit elit, egestas sit amet volutpat et, dictum eu odio. Aliquam tortor orci, accumsan tempus imperdiet ac, molestie nec enim. In mauris purus, feugiat quis laoreet nec, cursus a leo.

 Curabitur tortor turpis, tempor vel consequat id, suscipit tempus felis. Integer sed est orci. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Nulla egestas accumsan pulvinar. Aliquam erat volutpat. Nulla aliquet nibh nec ante pulvinar vehicula.

Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Donec vel odio nec lectus mollis condimentum in nec dui. Sed lectus tortor, ornare at bibendum vel, tincidunt ac sapien. Mauris nulla diam, vulputate quis bibendum a, tempor quis nunc.

Proin posuere ornare rutrum. Maecenas tristique arcu in quam convallis consequat commodo elit ullamcorper. Morbi elementum faucibus ante sit amet faucibus. Vivamus nec enim magna. Phasellus commodo aliquet augue, vitae placerat neque faucibus quis.