Base » Contenidos Avanzados

Contenidos Avanzados

Visita También:

TUTORIALES PARA CONTENIDOS AVANZADOS
ORGANIZRA CONTENIDOS EN TABLAS

Una tabla es una estructura conformada por Filas y Columnas. A continuación se muestra cómo crear una tabla sencilla de 2 columnas y 3 filas:

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



Las tablas pueden tener color de fondo para decorar su contenido:

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




Se pueden aplicar diferentes Bordes a la tabla:

Tabla con borde

Se escribe así: 

(:table border=3 bordercolor='green'
width=400px bgcolor=lightgreen:)
(: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




Aplicar color de Fondo a ciertas celdas:

Celdas con color

Se escribe así: 

(:table border=1 width=400px :)
(:cellnr style='background-color:gold;':)
TITULO 1

(:cell style='background-color:gold;':)
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




(Editar Sección ↓)

ORGANIZAR CONTENIDOS EN 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
(Editar Sección ↓)


Listas con Viñetas

Las viñetas son un caracter que se antepone delante de un párrafo. Para agregar viñetas solo se debe anteponer el signo "*" (asterisco).

Ejemplo:

Se escribe así:

Lista de viñetas sencilla 

* Argentina
* Bolivia
* Colombia
* Chile

Para que se vea así:

  • Argentina
  • Bolivia
  • Colombia
  • Chile

Lista de Viñetas multinivel 

* Argentina
** Buenos Aires
** Salta
* Bolivia
** Santa Cruz
** La Paz
* Colombia
** Cali
** Medellin
* Chile
** Santiago
** Arica
  • Argentina
    • Buenos Aires
    • Salta
  • Bolivia
    • Santa Cruz
    • La Paz
  • Colombia
    • Cali
    • Medellin
  • Chile
    • Santiago
    • Arica



(Editar Sección ↓)


Listas Numeradas

Son llamadas también Listas Ordenadas. Para numerar los párrafos se debe anteponer el signo "#" (numeral).

Ejemplo:

Se escribe así:

Lista numérica sencilla 

# Argentina
# Bolivia
# Colombia
# Chile

Para que se vea así:

  1. Argentina
  2. Bolivia
  3. Colombia
  4. Chile

Lista numerada multinivel 

# Argentina
## Buenos Aires
## Salta
# Bolivia
## Santa Cruz
## La Paz
# Colombia
## Cali
## Medellin
# Chile
## Santiago
## Arica
  1. Argentina
    1. Buenos Aires
    2. Salta
  2. Bolivia
    1. Santa Cruz
    2. La Paz
  3. Colombia
    1. Cali
    2. Medellin
  4. Chile
    1. Santiago
    2. Arica



(Editar Sección ↓)


Estilos para Listas Numeradas

En Pm Wiki las listas tienen un estilo de numeración basada en los números enteros naturales. Se puede aplicar otros estilos a la numeración como ser:

Estilo de Números Romanos y Alfabéticos:

Se escribe así: 

# %ROMAN% Matemáticas
## %ALPHA% Algebra
## %ALPHA% Geometría
## %ALPHA% Trigonometría
# Química
## %ALPHA% Metales
## %ALPHA% Elementos
# Física

Para que se vea así:

  1. Matemáticas
    1. Algebra
    2. Geometría
    3. Trigonometría
  2. Química
    1. Metales
    2. Elementos
  3. Física



Si se requiere que la numeración inice desde otro número pudes seguir estos pasos:

Se escribe así: 

# %item value=15% Animales Carnívoros
## León
## Tigre
## Pantera
# Animales Domésticos
## Perro
## Gato
# Animales Hervívoros

Para que se vea así:

  1. Animales Carnívoros
    1. León
    2. Tigre
    3. Pantera
  2. Animales Domésticos
    1. Perro
    2. Gato
  3. Animales Hervívoros


(Editar Sección ↓)


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