FAQ: BBCode

¿Dudas?, ¿sugerencias?, ¿normas?, este es el lugar. Intentaremos responderte lo antes posible, eficacia Shinra.

Moderador: Minerva

Avatar de Usuario
Loir
As del Blitzbol
As del Blitzbol
Mensajes: 4542
Registrado: 19 Abr 2010, 23:32
Skype: Loiraxam
Ubicación: El cabaret voltaire

FAQ: BBCode

Mensaje por Loir » 06 Dic 2011, 22:43

Imagen


¿Que es el BBCode?

El BBCode es una aplicación que nos permite personalizar nuestros mensajes de texto, no permite cambiar el color de nuestros mensajes, insertar imagenes, compartir videos... además de presentar otras utilidades como larzar dados virtuales.

El BBCode lo encontramos encima del espacio reservado para escribir en forma de diferents botones.

Imagen


Si en algun momento no recordamos como debe escribirse un BBCode para que funcione podemos recordarlo rapidamente pasando el cursor por encima del boton que nos interese. Aparecera un pequeño recordatorio de como debe escribirse.

Imagen

Recordad, que para que el BBCode funcione, debe de estar activado. Podeis comprobar si lo está o bien desactivarlo/ activarlo. en la parte inferior de la pagina.

Imagen

Solo teneis que pulsar en el cuadradito que hay al lado de Deshabilitar BBCode, aparecerá un tick, si está desactivado, para volver a activarlo solo teneis que volver a pulsar.

Comencemos con las más sencillas.

Imagen
Spoiler: mostrar
Estas funciones son las más sencillas,

Código: Seleccionar todo

[b]Texto[/b]: Convierte nuestro texto en negrita.
[i]Texto[/i]: Convierte nuestro texto en cursiva.
[u]Texto[/u]: Subraya nuestro texto.
[t]Texto[/t]: Tacha nuestro texto.


Texto: Convierte nuestro texto en negrita.
Texto: Convierte nuestro texto en cursiva.
Texto: Subraya nuestro texto.
Texto: Tacha nuestro texto.

Pueden combinarse entre ellos sin ningun problema.

Código: Seleccionar todo

[i][u]Texto[/u][/i]


Texto


Imagen
Spoiler: mostrar
Estas dos opciones nos permiten mover la posición del texto.

Código: Seleccionar todo

[center]Texto[/center]: Centra el texto en el centro de la pantalla
[right]Texto[/right]: Desplaza el texto al lado derecho de la pantalla

Y como antes, no hay problema con combinarlo con otros bbcodes.

[center][b]Texto[/b][/center]

[right][u]Texto[/u][/right]


Texto


Texto


Imagen
Spoiler: mostrar
No tiene gran misterio, podemos seleccionar el tamaño de nuestra tipografía. Basta con seleccionar que tamaño queremos; Diminuta, pequeña, normal, grande o enorme.

Código: Seleccionar todo

[size=50]Texto[/size], [size=85]Texto[/size], Texto, [size=150]Texto[/size], [size=200]Texto[/size]. 


Texto, Texto, Texto, Texto, Texto.

También podemos indicar nosotros mismos otro tamaño entre 50 y 200

Código: Seleccionar todo

[size=180]Texto[/size]


Texto



Imagen
Spoiler: mostrar
Sirve para cambiar el color de nuestros textos.

Si le pulsamos encima se abrirá la paleta de colores.

Imagen

Podemos seleccionar el que queramos y nos aparecera el code.

Código: Seleccionar todo

[color=#004080]Texto[/color], [color=#00FF00]Texto[/color], [color=#BF0000]Texto[/color].


Texto, Texto, Texto


Imagen
Spoiler: mostrar
Estos tres botones sirven para hacer listas.

Código: Seleccionar todo

[*] Indica los elementos que componen la lista.
[list][/list] sirve para hacer listas desordenadas.

[list][*]Texto[*]Letra[*]Parrafo[/list]


  • Texto
  • Letra
  • Parrafo

Código: Seleccionar todo

Y [list=a]Texto[/list] o [list=1]Texto[/list], sirve para hacer listas ordenadas. [b]1[/b], para las listas numericas y [b]a[/b] para ordenar por orden alfabético.

[list=1][*]Texto[*]Letra[*]Parrafo[/list]

[list=a][*]Texto[*]Letra[*]Parrafo[/list]


  1. Texto
  2. Letra
  3. Parrafo

  1. Texto
  2. Letra
  3. Parrafo



Imagen
Spoiler: mostrar
Esta aplicacion sirve para poner enlaces en nuestros mensajes.

Código: Seleccionar todo

[url]Enlace[/url] o bien. [url=Enlace]Aspecto[/url]

[url]http://www.lacapitalolvidada.com/foro/viewtopic.php?f=30&t=2942&view=unread#unread[/url] o bien [url=http://www.lacapitalolvidada.com/foro/viewtopic.php?f=30&t=2942&view=unread#unread]FAQ y Tutoriales LCO.[/url]


http://www.lacapitalolvidada.com/foro/viewtopic.php?f=30&t=2942&view=unread#unread o bien FAQ y Tutoriales LCO.

Código: Seleccionar todo

[w][/w] es parecido, pero con enlaces a los articulos de la propia web de la capital olvidada.

[w]Chocobito[/w]


Chocobito


Imagen
Spoiler: mostrar
Veamos, estas opciones son para poder mostrar archivos multimedia. Estos archivos tienen que estar subidos a internet, no sirve desde nuestro pc.

Código: Seleccionar todo

[video]direccion del video, por ejemplo la urll de youtube[/video]

[video]http://www.youtube.com/watch?v=IN1MwtUpaMQ[/video]




Código: Seleccionar todo

Del mismo modo [mp3]direccion del mp3[/mp3] sirve para compartir un mp3 que tengamos alojado en la web

[mp3]http://www.lacapitalolvidada.com/foro/images/loir/a02.MP3[/mp3]




Código: Seleccionar todo

 [goear]direccion de la cancion[/goear] Se comporta igual que [video][/video] pero para las canciones alojadas en goear.

[goear]http://www.goear.com/listen/3c86047/times-scar-chrono-cross[/goear]




Código: Seleccionar todo

[img]direccion de la imagen[/img] Es lo mismo pero con imagenes

Por ejemplo [img]http://images3.wikia.nocookie.net/__cb20090922024617/es.finalfantasy/images/thumb/0/03/Caballero_Moguri.jpg/100px-Caballero_Moguri.jpg[/img]


Imagen

Código: Seleccionar todo

[rimg][/rimg] Este ya es algo más complejo, es similar a [img][/img], pero con la ventaja de que puedes redimensionar la imagen

[rimg width=alto height=ancho]dirección de la imagen[/rimg]

[rimg width=30 height=30]http://images3.wikia.nocookie.net/__cb20090922024617/es.finalfantasy/images/thumb/0/03/Caballero_Moguri.jpg/100px-Caballero_Moguri.jpg[/rimg]




Imagen
Spoiler: mostrar
Estas aplicaciones son bastante útiles.

Código: Seleccionar todo

[code][b]Texto[/b][/code] este bbcode es lo que estoy usando durante todo el tutorial para poder mostrar el codigo de lo que escribo, dentro de esa aplicación es como si el bbcode estubiese desactivado.

[spoiler]Texto[/spoiler] Esta aplicación nos permite no mostrar todo el contenido del mensaje de golpe, es muy util para no desvelar algun segreto de la trama de un videojuego para quienes no se lo han pasado, o bien agilizar la lectura de temas como este.

[quote]Cita[/quote] o bien [quote="Quien dijo la cita"]Cita[/quote]


Por ejemplo

Código: Seleccionar todo

[quote]Allé voy.[/quote]


Allé voy.


Código: Seleccionar todo

[quote="Cloud"]Allé voy.[/quote]


Cloud escribió:Allé voy.


Código: Seleccionar todo

Y [q]Nuestra pregunta[/q] debe usarse ne los trivials, debemos poner nuestra pregunta dentro y asi se mostrara en la pagina principal debajo de la cabecera.


Imagen
Spoiler: mostrar

Código: Seleccionar todo

[hr][/hr] Nos permite mostrar una linea horizontal en nuestro mensaje, no hay que poner nada dentro, solo [hr][/hr]





Imagen
Spoiler: mostrar
Voy a permitimirme utilizar el tutorial que creo Pappapishu sobre como usar estas 4 aplicaciones.

Pappapishu escribió:Todos los foros necesitan poder crear tablas en los posts para poder organizar mejor su información. Es por ello que el equipo de La Capital Olvidada ha creado un sistema mediante el cual se puedan crear tablas. Ojo...no es sencillo, hay que combinar 3 códigos distintos:

Código: Seleccionar todo

[Tabla][/Tabla]


Este código se debe insertar al principio y al final de la tabla para indicar que es una tabla lo que se está creando. Posteriormente, por cada fila hay que insertar el siguiente código:

Código: Seleccionar todo

[Fila][/Fila]


Así, si insertamos una tabla con 4 filas, este código deberá aparecer 4 veces, rodeado por el código Tabla tan sólo una vez al principio y al final.

Finalmente, dentro de cada fila de una tabla existen múltiples celdas (columnas) para ello, dentro de cada línea se debe insertar tantos códigos Celda como celdas haya.

Código: Seleccionar todo

[Celda][/Celda]


En el interior de este código se deberá introducir la información que se desea mostrar.

Por último, y de manera opcional, se le puede poner un título a la tabla insertando en la primera fila el código:

Código: Seleccionar todo

[th][/th]




Así, el código:

Código: Seleccionar todo

[Tabla][Fila][th][color=#0000FF][b]Clasificación[/b][/color][/th][/Fila]
[Fila][Celda][/Celda][Celda]Jugador[/Celda][Celda]Ganadas[/Celda][Celda]Perdidas[/Celda][Celda]Puntos[/Celda][/Fila]
[Fila][Celda]1[/Celda][Celda]Reno[/Celda][Celda]1[/Celda][Celda]1[/Celda][Celda]3[/Celda][/Fila]
[Fila][Celda]2[/Celda][Celda]Nightmare-07[/Celda][Celda]1[/Celda][Celda]1[/Celda][Celda]3[/Celda][/Fila]
[Fila][Celda]3[/Celda][Celda]Kimhy-K [/Celda][Celda]1[/Celda][Celda]0[/Celda][Celda]2[/Celda][/Fila]
[Fila][Celda]3[/Celda][Celda]Loir[/Celda][Celda]1[/Celda][Celda]0[/Celda][Celda]2[/Celda][/Fila]
[Fila][Celda]5[/Celda][Celda]Aero-R[/Celda][Celda]0[/Celda][Celda]2[/Celda][Celda]2[/Celda][/Fila][/Tabla]


Se mostraría de la siguiente manera:







Clasificación
JugadorGanadasPerdidasPuntos
1Reno113
2Nightmare-07113
3Kimhy-K102
3Loir102
5Aero-R022


Imagen
Spoiler: mostrar
Como en el apartado anterior, os muestro el tutorial que Pappapishu hizo en su momento.

Pappapishu escribió:[dice=Demostración]Primer dado:2d6[/dice]

He aquí un minitutorial de cómo usar el nuevo MOD de dados que hemos instalado en La Capital Olvidada! (Dados?, si, dados!)

Antes de nada agradecer a museum la sugerencia original y todo el curro que se pegó buscando un mod adaptable a este nuestro foro, además de preguntarme cada día si lo había instalado. Pues si, museum, ya lo instalé xDDD

¿Cómo lanzo un dado?

Para lanzar un dado se usa el siguiente código

Código: Seleccionar todo

[dice]2d6[/dice]


Se usan los tags 'dice' (se pueden escribir a mano o usar el botón 'Dados' en la parte superior de la pantalla) y se especifíca primero el número de dados a lanzar y el número de caras del dado. En el caso del código anterior, estamos lanzando DOS dados de SEIS caras.

Es preferible hacer esto al inicio de un post, más que al final!

¿Qué más hacen estos dados?

Hay varias cosas más que se puede hacer con este MOD, por ejemplo:

Código: Seleccionar todo

[dice]5d6%2[/dice]


Escribir '%' especifica que se deben descartar un número de dados con el menor resultado. En este ejemplo lanzamos 5 dados y no tenemos en cuenta los dos dados con valores más bajos.

También se pueden hacer operaciones matemáticas con el resultado de la tirada: +-/*^. Sumas, restas, divisiones, multiplicaciones, y exponentes, así:

Código: Seleccionar todo

[dice]3d10+3[/dice]


Lanzará 3 dados de 10 caras y al total le sumará 3.

También se puede establecer un valor mínimo o máximo de la tirada usando < y >.

Finalmente se puede añadir nombres a las tiradas escribiéndolo dentro del tag dice y también a cada lanzamiento de dado escribiéndolo ANTES del dado y separando distintas tiradas por ','

Código: Seleccionar todo

[dice=Nombre de Tirada]Primera tirada: 3d10+3, Segunda Tirada: 2d6[/dice]


Y por si tenéis dudas...NO se puede editar el resultado de una tirada ni se puede ver en la vista previa, así que es 100% a prueba de tramposos!
Imagen

Responder