Tutorial y otros datos

Imprimir esta nota

Algunas imágenes que pueden ser útiles:

wp-includesimagescrystalarchive.png

wp-includesimagescrystalinteractive.png

wp-includesimagescrystalvideo.png

wp-includesimagescrystalaudio.png

wp-includesimagescrystalpdf.gif

wp-includesimagescrystaldocument.png

wp-includesimagescrystalflash.gif

wp-includesimagescrystaltext.png

wp-includesimagescrystalmp3.jpg

wp-includesimagescrystalcode.png

-------------------------

Insertar una imagen sola

Código asociado (sacar los espacios al frente y al final):

[ rokbox title="título" size="561 350"
thumb="http://direccion_thumb"]

http://direccion_imagen

[/rokbox ]

Agregar album="demo" para que sean de la misma serie varias fotos, y poder verlas consecutivas.

-------------------------

Insertar una imágen en un link de texto

Esta es una imagen linkeada

Código asociado (sacar los espacios al frente y al final):
[ rokbox size="561 350" title="el titulo de la foto"
text="Esta es una imagen linkeada"]

http://direccion_imagen

[/rokbox ]

-------------------------

Linkear un audio MP3

Código asociado (sacar los espacios al frente y al final):

[ rokbox title="Titulo del audio"
thumb="http://direccion_imagen_thumb" size="250 15"]

http://direccion_mp3

[/rokbox ]

-------------------------

Agregar un video de YOUTUBE o METACAFE en un link

Link a video en calidad normal

Código asociado (sacar los espacios al frente y al final):

[ rokbox title="Titulo del video" text="Link a video en calidad normal"
 size="425 373" ]

http://direccion_video_youtube

[/rokbox ]
(el link del video es el del URL de youtube)

-------------------------
Cargar una página entera externa en un link o miniatura (thumb)

Código asociado (sacar los espacios al frente y al final):

[ rokbox title="Titulo a poner acá"
thumb="http://direccion_thumb_imagen" size="700 450"]

http://direccion_sitio

[/rokbox ]

-------------------------
Cargar un archivo PDF

Código asociado (sacar los espacios al frente y al final):

[ rokbox size="fullscreen" title="Archivo PDF"
thumb="http://direccion_imagen_thumb"]

http://direccion_archivo_pdf

[/rokbox ]

————————-

Texto con <span class=”attention”>

Este texto está entre códigos SPAN, con CLASS=”attention”. Eso hace que tenga el color definido. No es dificil hacerlo, pero hay que agregar los códigos en la solapa HTML, justo antes y despues del texto. Antes va
< span class=”attention” > y despues < /span>.

————————-

Texto con <span class=”actividades”>

Este texto está entre códigos SPAN, con. Eso hace que tenga el color definido. No es dificil hacerlo, pero hay que agregar los códigos en la solapa HTML, justo antes y despues del texto. Antes va
< span class=”actividades” > y despues < /span>.

Otra forma, en el editor, es agregar los corchetes de codigo para actividades:
[ actividad]
El texto dentro de estos corchetes esta con otro color de fondo.
[ /actividad]
————————-
Div con id especiales para anchos determinados.

Si queremos que el texto aparezca en anchos variables, podemos encerrarlos en un div. Esto funciona para el 20, 25, 33 y 50%. Por ejemplo, este texto esta al 50%, y las dos cajas siguientes al 33 y 25.

Caja de ancho 33%, todo el texto entre estos DIV estara en este ancho.

Cajas al 25%, atención, si usa otro numero que no sea 20, 25, 33 o 50, el div será ignorado.

El código entonces para un 33%, sería
< div class=”dp33″>
El texto que quiero que quede al 33% (ojo, no poner los espacios despues de la apertura de símbolos)
< /div>

Si despues de poner un par de cajas el texto que sigue no queda abajo, se puede agregar <div class=”clear”></div>

————————-

Tamaños de etiquetas H

Los títulos se ponen con las etiquetas H, que corresponden a Titulo1, titulo2, etc.