Close

Not a member yet? Register now and get started.

lock and key

Sign in to your account.

Account Login

Forgot your password?

Textos  //  Ejemplos de opciones de formato

Inicio » caracteristicas » Estilo de los Textos

Titulos

Muestras de las distintas etiquetas: <h1>, <h2>, <h3>, <h4>, <h5>, <h6>

Este es un elemento de la etiqueta 1

Este es un elemento de la etiqueta 2

Este es un elemento de la etiqueta 3

Este es un elemento de la etiqueta 4

Este es un elemento de la etiqueta 5
Este es un elemento de la etiqueta 6

Titulares / Títulos de página

Se puede poner en negrita cualquier texto utilizando las etiquetas desde H1-H6 class="headline". Se puede destacar cualquier texto utilizando la etiqueta <strong>.

Este titular tiene un highlight en ella.

<h1 class="headline">Este titular tiene un <strong>highlight</strong> en ella.</h1>

Subtitulos

Añadir un subtítulo para cualquier H1-H6 mediante la etiqueta<span>.

Denominación de la línea de texto Este es un subtítulo

<h1>Denominación de la línea de texto<span>Este es un subtítulo</span></h1>

Lista de estilos

Las listas con viñetas

Los siguientes estilos están disponibles para hacer listas. Agregue el nombre de la clase asociada con la etiqueta UL para utilizar su lista para con el estilo deseado.

  • Marca de verificación
  • <ul class="bullet-check">
  • Negro
  • <ul class="bullet-black">
  • Gris ( es por defecto si no hay class definidas)
  • <ul class="bullet-gray">
  • Plateado
  • <ul class="bullet-silver">
  • Azul
  • <ul class="bullet-blue">
  • Green
  • <ul class="bullet-green">
  • naranja
  • <ul class="bullet-orange">
  • Rojo
  • <ul class="bullet-red">
  • Circulo Negro
  • <ul class="bullet-disc-black">
  • Circulo gris
  • <ul class="bullet-disc-gray">
  • Circulo plateado
  • <ul class="bullet-disc-silver">
  • Disc Blue
  • <ul class="bullet-disc-blue">
  • Disc Green
  • <ul class="bullet-disc-green">
  • Disc Orange
  • <ul class="bullet-disc-orange">
  • Disc Red
  • <ul class="bullet-disc-red">

Listas numeradas

Elija entre las siguientes estilos de lista numerada.

  1. Numero del item <ol class="number-pad">
  2. Numero del item
  3. Numero del item
  4. Numero del item
  5. Numero del item
  1. Numero del item (defalut, no class)
  2. Numero del item
  3. Numero del item
  4. Numero del item
  5. Numero del item

Listas personalizadas

Una lista personalizada de estilo para mostrar vistas previas de las noticias o entradas de blog.
<ul class="post-list">.

El articulo puede incluir los siguientes elementos HTML: IMG, A, P. A continuación se muestra una implementación de ejemplo del estilo.

<ul class="post-list">
<li>
	<img src="image.jpg" />
	<a href="#">Title</a>
	<p>Descripción del texto de esta entrada.</p>
</li>
<li>
	<img src="image.jpg" />
	<a href="#">Title</a>
	<p>Descripción del texto de esta entrada.</p>
</li>
<li>
	<img src="image.jpg" />
	<a href="#">Title</a>
	<p>Descripción del texto de esta entrada.</p>
</li>
</ul>

Bloque entrecomillado

Este es el estilo blockquote aplicado a este tema <blockquote> tags. Cada piel tiene un color personalizado para el estilo blockquote. También puede crear sus propios estilos personalizados para adaptarse a cualquier piel usando el siguiente código en su hoja de estilo:
blockquote {
	border-color: [your color];
}

Otros Textos

El párrafo de texto de ejemplo:

Lorem ipsum dolor sit amet, consectetur adipiscing elit. In pretium, leo ac hendrerit vulputate, libero libero congue ipsum, nec consectetur nunc arcu in tortor. Phasellus eu cursus nunc. Duis eros nulla, mollis eu molestie id, commodo gravida massa. Nullam mollis, nisl nec sodales hendrerit, diam nunc auctor arcu, eget suscipit lectus metus nec lacus.

Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Suspendisse nibh tortor, aliquet vel pellentesque ac, interdum non mauris. Donec est eros, fringilla vitae commodo non, pretium vel tortor. Quisque sed elit mi. Sed tortor nunc, egestas eu suscipit sed, faucibus a nisl. Praesent eros orci, viverra vitae vestibulum quis, luctus feugiat ipsum.

Nullam tristique nunc quis ante dapibus vel tincidunt turpis ornare. Nullam ante arcu, viverra ac rhoncus id, pretium eget magna. Aliquam quis massa urna, accumsan pellentesque sapien.


Abreviaturas, acrónimo, citar, borrar, insertar ...

abbr <abbr>
a.c.r.o.n.y.m <acronym>
This is cited. <cite>
Deleted text <del>
Inserted text <ins>
This is a definition. <dfn>
With emphysis <em>
Strong (bold) <strong>
Code text sample <code>


Textos predefinidos:

Este es texto predefinido con espacios t tabs.

body {
	margin: 0;
	padding: 0;
	background: none;
	font-style: normal;
	color: #000;
}


Tabla de diseño:

 
Titulo de columna

Link de la Columna
Titulo de columna

Link de la Columna
Titulo de columna

Link de la Columna
Titulo de columna

Link de la Columna
Item value / option value / option value / option value / option
Item value / option value / option value / option value / option
Item value / option value / option value / option value / option
Item value / option value / option value / option value / option
Item