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
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