Guia BBcode!

Admin Mensajes : 991 Edad: : 33

Extraido de "http://board.ikariam.es/index.php?page=Thread&postID=547045"

1.- ¿Qué es el BBcode?

BCode proveniente del inglés Bulletin Board Code es un pequeño lenguaje usado en los foros para cambiar y editar la forma en que un mensaje (post) es mostrado. BBCode es una colección de marcadores de formato que se usan para cambiar la apariencia del texto en un foro. BBCode está basado en el mismo principio que HTML, y es muy similar a éste.

Este código de maquetación de textos e imágenes mediante etiquetas fue creado por PhpBB para sus propios foros y finalmente se ha difundido en la gran mayoría de los foros web.

2.- Principales códigos

[font]texto[./font] --->Para cambiar el tipo de fuente (Arial,Comic Sans MS,Verdana,etc)

[.size=10]texto[./size] ---> Sirve para cambiar el tamaño de la font o fuente. El tamaño que he elegido en este caso es el 10, pero se puede elegir cualquiera.

texto[./center] --->Centrar el texto o las imágenes

[left]texto[./left] ---> Alinear texto o imágenes a la izquierda

[right]texto[./right] ---> Alinear texto o imágenes a la derecha

[.B]texto[./B] ---> Negrita

texto[./i] --->Cursiva

[.u]texto[./u] --->Subrayado

Dirección web --->Al clickear te remite a la página deseada.

[.url=Dirección web]Título[./url] --->Igual que el anterior, pero en vez de salir la dirección sale el título que hayas elegido.

[img]url de la imágen[./img] --->Para subir una imagen al foro y que aparezca la misma.

[color=nombre del color en inglés]texto[./color] --->Para cambiar o poner en color un texto determinado.

Aquí teneis una lista de colores que pueden utilizarse para cambiar el color de las fuentes en BBcode ---> Lista de colores

[fc]#FFFFFF style="background-image: url('Dirección de la imagen'); background-position: top center; background-repeat: no-repeat; display: block; font-weight: normal; padding-top: 5px; padding-left: 1%; padding-right: 1%; padding-bottom: 5px;"[/fc] ---> Sirve parautilizar imágen de fondo. Aquí podrás escribir un texto que utilizará el fondo que tu deseas. El solo se adapta al fondo, eso sí deberás calcular bien el tamaño de la imagen para que no quede media imagen. Porque solo pone de fondo lo que necesita. Es decir que si tu escribes 2 lineas solo saldrá de la imagen lo necesario para esas dos líneas, que si es una imagen de 800 x 600 solo habrá 200 x 50 por ejemplo.

fc]#FFFFFF style="text-decoration: blink;"[/fc]blinking text here[/f] ---> Código para mensaje parpadeante.

Se puede tambien generar una tabla utilizando el código <table></table>, siendo una herramienta util para organizar mejor la pagina.

Ejemplo de utilización:

<table border="1" summary="Ejemplo de tabla simple.">
<tr>
<td>Celda 1</td>
<td>Celda 2</td>
<td>Celda 3</td>
</tr>
<tr>
<td>Celda 4</td>
<td>Celda 5</td>
<td>Celda 6</td>
</tr>
</table>

Aviso: Estos códigos una vez los "guardemos" en la página de la alianza cambiarán, ya que los citados son BBCode y los de la alianza pasarán a ser XHTML
Una vez que tengamos los códigos en XHTML si volvemos a "guardar" se estropearán y no nos valdrá de nada el trabajo.
Por lo tanto siempre que escribamos códigos debemos ponerlos en BBCode (los citados) y no en XHTML.

Otros códigos que nos sirven para el foro son:
[quote]texto[./quote] ---> Sirve para citar un determinado texto.

[/hr] ---> Sirve para que aparezca una línea horizontal que se puede utilizar de separador. Aunque en este foro no está implementado.

P.D. Todos los códigos llevan puntos para que puedan aparecer como tal, por lo que a la hora de utilizarlos no debeis poner puntos, pues si no no os saldrá.

3.- Cuentavisitas

Creamos un contador en alguna página de las que te lo hacen gratis. Es suficiente con escribir en google "contador de visitas gratis" para que salgan a cientos. El más sencillo y cómodo es www.andyhoppe.com .

Dentro de la página dicha elegimos el tipo de contador, número por el que comienza......

Una vez creado nos propocionan un código como este:

<a href="http://www.andyhoppe.com/" target="_blank" title="Counter"><img src="http://www.andyhoppe.com/count/?id=xxxxxxxxxxx" border="0" alt="Counter" rencor

/a>

De el codigo que nos proporcionan debemos copiar lo que resalté en rojo.

Una vez echo esto colocamos la parte copiada con el código de las imágenes para que quede así:

[img]http://www.andyhoppe.com/count/?id=xxxxxxxxxxx[/img*] (sin el asterisco)

Luego guardamos y listo ya tenemos contador.

Espero que esto les sirva a la hora de Postear!! Un saludo!!