You are not logged in.

Reglas del Juego Reglas del Foro Solicitudes a MOD Solicitudes a GO Ikariam El Juego Guias y FAQs Ayuda y Preguntas
~~~~~~~~~

Dear visitor, welcome to Ikariam.es - Foro. If this is your first visit here, please read the Help. It explains in detail how this page works. To use all features of this page, you should consider registering. Please use the registration form, to register here or read more information about the registration process. If you are already registered, please login here.

-Athenea-

Unregistered

1

Saturday, July 5th 2008, 4:11pm

[Guía] BBcode para foro y alianza

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][B]url de la imágen[/B][./img] --->Para subir una imagen al foro y que aparezca la misma.

[color=nombre del color en inglés][B]texto[/B][./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 ---> [URL=http://heimhardt.com/htdocs/htmlhexcodes.html]Lista de colores[/URL]

[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 [B]<table></table>[/B], 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>



[b]Aviso: Estos códigos una vez los "guardemos" en la página de la alianza cambiarán, ya que los citados son [u]BBCode[/u] y los de la alianza pasarán a ser[u] XHTML[/u] [/b]
Una vez que tengamos los códigos en [u]XHTML[/u] 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][B]texto[/B][./quote] ---> Sirve para citar un determinado texto.

[hr][/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á.


[COLOR=sienna][SIZE=16][FONT=comic sans ms]3.- Cuentavisitas[/FONT][/SIZE][/COLOR]

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 [url=www.andyhoppe.com]www.andyhoppe.com[/url] .

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="[color=red]http://www.andyhoppe.com/count/?id=xxxxxxxxxxx[/color]" border="0" alt="Counter"></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.

---------------------------------------------------------------------------
Esta guía ha sido posible gracias a las aportaciones de los siguientes usuarios: [B]Moderator, peg4sus, marcos y Nostradamus[/B]; así como alguna que otra aportación propia.
Para dudas y ampliación de la guía, poneros en contacto conmigo vía mp, IRC o mail. Gracias ;)[/img]

Moderator

Unregistered

2

Tuesday, September 9th 2008, 12:33am

Decoración de alianzas para novatos


Bueno como veo que muchos o liais al poner los códigos para la alianza, os los voy a poner de manera sencilla.

Lo voi a poner de la siguiente manera, primero los códigos tal cual y luego los ejemplos de como quedarían respectivamente.

Códigos:

Esto se puede copiar y pegar en la alianza, solo habría que cambiar lo de "TEXTO" por lo que se quiera poner

Source code

1
2
3
4
5
6
7
8
9
10
11
12
13
[font=estilo de texto]TEXTO[/font] => Estilo de fuente (ej: arial, tahoma...)
[U]TEXTO[/U] => Texto subrayado
[size=número del tamaño]TEXTO[/size] => Tamaño
[color=nombre del color en inglés]TEXTO[/color] => Color
TEXTO => A la izquierda
[align=right]TEXTO[/align] => A la derecha
[align=center]TEXTO[/align] => Centrado
[b]TEXTO[/b] => Negrita
[i]TEXTO[/i] => Italica
[EMAIL=email@mail.xx]TEXTO[/EMAIL] => Para poner link de eMail
[IMG]URL DE LA IMÁGEN[/IMG] => Una imagen
[URL=URL DEL ENLACE]TEXTO[/URL] => Una URL
[background image=URL DE LA IMÁGEN]TEXTO[/background] ==> imagen de fondo (SIN COMPROBAR)


Quedarían asi respectivamente (faltan algunos que no se pueden poner)


Quoted

TIPO DE LETRA
SUBRAYADO
TAMAÑO
COLOR
A LA IZQUIERDA
A LA DERECHA

CENTRADO

NEGRITA
CURSIVA

Contador de visitas

Lo intentaré poner de la forma más fácil posible.

Creamos un contador en cualquier página que sea gratuita. Desde aquí os recomendamos http://www.andyhoppe.com/

Bueno cuando nos metamos debemos seguir estos pasos:

Primero para empezar a crear nuestro contador pulsamos en-->


Posteriormente no pedirán que elijamos el estilo de nuestro contador, lo elejimos y pulsamos en-->



Luego elejimos donde estarán los números centrados/izquierda/derecha. Una vez elejimos pulsamos en:



Posteriormente dbeemos introducir el valor numérico por el que empezará el contador. Más abajo de esta opción nos piden un passwor, no os preocupeis sirve para que se os pueda enviar de nuevo le código si lo perdeis. Debajo debeis meter una dirección de correo a la cual se le enviará un mensaje con la copia de los datos.
Después pulsamos en-->



Una vez completado esto nos aparecerá el código, que es lo importante. El código siempre será de este estilo:




De todo el código solo nos importa lo siguiente:

<a href="http://www.andyhoppe.com/" title="Counter"><img src="http://www.andyhoppe.com/count/?id=1220914263" style="border.none"" alt="Counter"/></a>

De el código copiamos la parte que resalte en rojo, esta parte es la que ponemos en la alianza con el código de la imágen es decir:

[img]LO RESALTADO EN AZUL[/img]

Con el ejemplo nos quedaría así:

Source code

1
2
3
[img]
http://www.andyhoppe.com/count/?id=1220914263
[/img]


Bueno esto es lo básico para crear una alianza alguna duda preguntar.

SAludos, espero que les sirva. Agradecimientos Danix

PD: perdón a la URL del contador peor es necesaria y no tiene ningún contenido prohibido

This post has been edited 2 times, last edit by "Moderator" (Sep 9th 2008, 12:35am)


Yerba

Ciudadano

  • "Yerba" has been banned

Posts: 984

Date of registration: Mar 20th 2008

Location: En la parra

Servers: Ninguno

  • Send private message

3

Tuesday, September 9th 2008, 6:19pm

Uno tu post a la guía Moderator, muchas gracias por el aporte, si necesitas editar, avísame ;)