Base » Galería De Estilos

Galería De Estilos

Visita También:

GALERIA DE EJEMPLOS DE ESTILOS Y FORMATOS
Ejemplos de formatos para Textos y Secciones

En esta página encontrarás una serie de ejemplos de formatos que puedes utilizar dentro de los contenidos de tus páginas.

FORMATOS DE TEXTO EN BLOQUE
Puedes aplicar formatos de colores y resaltados a los párrafos de tu texto:

Se escribe así:

Para que se vea así:

Color en un bloque de texto

>>blue<<

Todo el texto de este bloque 
está en color azul.
Aunque tenga varios 
párrafos igual seguirá 
con el color azul.

>><<

Todo el texto de este bloque está en color azul.

Aunque tenga varios párrafos igual seguirá con el color azul.

Negrilla en un bloque de texto

>>bold<<

Todo el texto de este bloque 
está en color Negrillas.
Aunque tenga varios 
párrafos igual seguirá 
con Negrillas.

>><<

Todo el texto de este bloque está en color Negrillas.

Aunque tenga varios párrafos igual seguirá con Negrillas.

Cursiva y color de fondo

>>italic bgcolor=#ffffcc<<

Todo el texto de este bloque 
está en cursiva y con un
color de fondo.
Aunque tenga varios 
párrafos seguirá igual 
con el mismo formato.

>><<

Todo el texto de este bloque está en cursiva y con un color de fondo.

Aunque tenga varios párrafos seguirá igual con el mismo formato.

Centrados y otro color

>>center color:#cc0000 bgcolor=#b7fff0<< [+'''¡ESTE ES UN TITULO!'''+]\\ '''Esta es una frase debajo del título''' >><<

¡ESTE ES UN TITULO!
Esta es una frase debajo del título

EJEMPLOS DE RECUADROS
Para enmarcar algunas frases y utilizar bordes y recuadros:

Se escribe así:

Para que se vea así:

Crear un texto en un Frame (marco)

>>frame<<

Este texto se encuentra
en un marco.
Aunque tenga varios 
párrafos igual seguirá 
dentro del marco.

>><<

Este texto se encuentra en un marco.

Aunque tenga varios párrafos igual seguirá dentro del marco.

Texto en Frame centrado

>>cframe width:'400px'<< %gray%[-'''Texto para Citas'''-]

Este texto está en marco centrado
con un ancho de 400 pixeles

>><<

Texto para Citas

Este texto está en marco centrado con un ancho de 400 pixeles

Texto en un DIV (capa)

(:div style='border:1px solid blue; background-color:#ffffcc':)

Este texto esta en un DIV.
Puedes aplicarle colores de 
fondo y estilos de borde.

(:divend:)

Este texto esta en un DIV.
Puedes aplicarle colores de
fondo y estilos de borde.

Ejemplos de texto en DIV

(:div style='background-color:#ffddaa; border:2px solid orange;width:300px; padding:10px; margin-left:300px;':)

Este DIV tiene borde de 2 pixeles
de grosor color naranja con margen izquierdo
de 50 pixeles y margen interno de 10 px y
un ancho del cuadro de 300 pixeles. 

%center%Attach:escolares-small.gif

(:divend:)

Este DIV tiene borde de 2 pixeles
de grosor color naranja con margen izquierdo
de 50 pixeles y margen interno de 10 px y
un ancho del cuadro de 300 pixeles.

Mas ejemplos de DIV

(:div style='font-style:italic; border:4px dotted green; padding:20px; background-color:#c0ffb7 :)

Este texto esta en un DIV con borde punteado 
de 4 pixeles y con un margen interno de 20 px,

Se puede incluir

'''texto formateado'''

* Lista
-> Sangria

(:divend:)

Este texto esta en un DIV con borde punteado
de 4 pixeles y con un margen interno de 20 px,

Se puede incluir

texto formateado

  • Lista
Sangria

ORGANIZRA CONTENIDOS EN TABLAS
Para organizar los contenidos en Filas y Columnas:

Tabla sencilla

Se escribe así:

(:table border=1 width=300px:)
(:cellnr:)
Fila 1 - Columna 1

(:cell:)
Fila 1 - Columna 2

(:cellnr:)
Fila 2 - Columna 1

(:cell:)
Fila 2 - Columna 2

(:cellnr:)
Fila 3 - Columna 1

(:cell:)
Fila 3 - Columna 2

(:tableend:)

Para que se vea así:

Fila 1 - Columna 1

Fila 1 - Columna 2

Fila 2 - Columna 1

Fila 2 - Columna 2

Fila 3 - Columna 1

Fila 3 - Columna 2



Tabla con color de fondo

Se escribe así:

(:table border=1 width=400px bgcolor=lightblue:)
(:cellnr:)
TITULO 1

(:cell:)
TITULO 2

(:cellnr:)
Texto en primer columna

(:cell:)
Texto en segunda columna

(:cellnr:)
Texto en tercer fila

(:cell:)
Texto en tercer fila

(:tableend:)

Para que se vea así:

TITULO 1

TITULO 2

Texto en primer columna

Texto en segunda columna

Texto en segunda fila

Texto en segunda fila



LOS COLORES

Colores Fuertes

%black% Azul

%navy% Azul Marino

%green% Verde

%black% Negro

%gray% Plomo

%maroon% Marron

%purple% Púrpura

%orange% Naranja

%bluegrass% Agua Marina

%red% Rojo

%magenta% Magenta

%pink% Rosa

%olive% Olivo

%fuchsia% Fucsia

Colores Suaves

%lightblue% Celeste

%lightgreen% Verde Claro

springgreen% Verde fluorecente

%yellow% Amarillo

%silver% Plateado

%lightgrey% Gris

%grey% Gris Claro

%lime% Verde Lima

%lightpurple% Púrpura claro

%lightred% Rojo claro

%gold% Dorado

%aqua% Aqua - Turquesa

%slategrey% Musgo

%white% Blanco






| Acerca del Proyecto Pizarra | Condiciones de Uso | Usa el Software PmWiki | Cambios Recientes |  
RedPizarra es un proyecto sin animo de lucro realizado por la Asociación Civil PIZARRA
Contenido publicado en forma universal, gratuita, libre y copyleft bajo la FDL - Licencia para documentación libre sin partes invariantes. http://www.gnu.org/copyleft/fdl.html
A los efectos organizativos todo aportante cede sus derechos de autor a la Asociación Civil Pizarra.
Santa Cruz - Bolivia