Cómo utilizar los BBCodes (Youtube, Img, etc.)

Todo sobre El Hogar está aquí
Portador de la banspardenya
Avatar de Usuario
Mensajes: 5773
Registrado: 18 Feb 2012, 13:45

Cómo utilizar los BBCodes (Youtube, Img, etc.)

Notapor Edearth » 28 Feb 2012, 21:30

Visto que hay algunas personas que parecen tener problemas con los BBCodes (sobre todo con el de los vídeos de YouTube xD) hago esta guía para que os enteréis de una vez como funcionan xD



Texto en negrita, itálica, subrayado y strike (o tachado)

Spoiler:
Estos BBCodes cambian la tipografía del texto de la siguiente forma:

Texto normal.
Texto en negrita. -> Botón 'B'
Texto en itálica. -> Botón 'i'
Texto subrayado. -> Botón 'u'
Texto tachado. -> Botón 's'


Para utilizarlos es tan simple como seleccionar el texto y pulsar el botón respectivo o poner las etiquetas al principio y al final del texto. Al final, el texto debería quedar de la siguiente forma:

Código: Seleccionar todo
Texto normal.
[b]Texto en negrita.[/b]
[i]Texto en itálica.[/i]
[u]Texto subrayado.[/u]
[s]Texto tachado.[/s]


AVISO: Recomiendo no usar el subrayado para resaltar palabras de forma individual ya que esto puede provocar confusiones (se confunde con los enlaces o URLs). Para ello es mejor poner la palabra en negrita, en itálica o entre comillas.



Tamaño de letra

Spoiler:
Para modificar el tamaño de letra tenemos que utilizar el siguiente BBCode:

Código: Seleccionar todo
[size=número] Aquí introducimos el texto [/size]


El número que tenemos que introducir es el tamaño de la letra. La letra normal tiene un valor de 100, si ponéis un número menor la letra será más pequeña, si ponéis un número mayor será más grande. Un ejemplo:

Este es un texto GRAAAANDE.
Y este es pequeñito.


Su versión en texto:

Código: Seleccionar todo
[size=200]Este es un texto GRAAAANDE.[/size]
[size=85]Y este es pequeñito.[/size]



Color del texto

Spoiler:
Este es un BBCode muy simple y que puede dar mucho juego o mejorar estéticamente un mensaje. Para utilizarlo, simplemente seleccionad el texto al que queráis cambiarle de color y pulsad el botón Color de fuente. Después tenéis que seleccionar el color que queráis. ¡Ya está listo!

Aquí tenéis un ejemplo:

El rojo pega con el estilo del foro :p


Y la versión en texto:

Código: Seleccionar todo
[color=#FF0000]El rojo pega con el estilo del foro[/color]



Center (centrar el texto)

Spoiler:
Este es otro de esos BBCodes simples. ¿Qué hace? Centra el texto, así de simple. Un ejemplo vale más que mil palabras:

Este texto está centrado.
De esta forma aparecerá en el centro de la página.


Y aquí como quedaría escrito:

Código: Seleccionar todo
[center]Este texto está centrado.
De esta forma aparecerá en el centro de la página. [/center]



Quote (citas textuales)

Spoiler:
Este BBCode se usa cuando quieres citar lo que alguien ha dicho, seas tú mismo/a, alguien del foro o un papel que encontraste en la calle enganchado a un chicle. Se usa de la siguiente forma.

Código: Seleccionar todo
[quote="Nombre"] Cita [/quote]


El nombre es el de la persona o cosa a la que citamos (tiene que ir entre las comillas, si no lo haces así no funcionará).



Code (o código)

Spoiler:
Lo que hace este BBCode es mostrar el texto tal cual lo escribimos. Esto es que, si escribimos otros códigos dentro, no los mostrará. Se usa de la siguiente forma:

Código: Seleccionar todo
[code] [b]¡Este texto está en negrita![/b] [/code]



List y List= (listas)

Spoiler:
El comando List sirve para hacer una lista separada por puntos. Para utilizarlo tenéis que poner [ list ] al principio de la lista y [ /list ] al final. Para marcar cuando habrá un nuevo punto tenéis que escribir [*]. Un ejemplo:

  • Primero.
  • Segundo.
  • Tercero.


Que se escribiría así:

Código: Seleccionar todo
[list][*]Primero.
[*]Segundo.
[*]Tercero.[/list]




El comando List= hace lo mismo pero al empezar la lista tenéis que escirbir [ list= ] y poner una letra o un número después del símbolo igual ( = ). Lo que hace esto es que, dependiendo de lo que escribáis, la lista estará ordenada con un número o una letra. Un ejemplo:

  1. Primero.
  2. Segundo.
  3. Tercero.

  1. Primero.
  2. Segundo.
  3. Tercero.

  1. Primero.
  2. Segundo.
  3. Tercero.


Y quedaría tal que así:

Código: Seleccionar todo
[list=A][*]Primero.
[*]Segundo.
[*]Tercero.[/list]

[list=a][*]Primero.
[*]Segundo.
[*]Tercero.[/list]

[list=1][*]Primero.
[*]Segundo.
[*]Tercero.[/list]



Img (imágenes)

Spoiler:
Este comando se utiliza para insertar imágenes. Para ello, tienes que poner [ img ] al principio del enlace de la imagen y [ /img ] al final.

AVISO: El enlace de la imagen debe de acabar con una extensión de archivo de imagen, como, por ejemplo, .jpg, .gif, .png o similares. Si tu enlace acaba en .com no es el enlace a una imagen, sinó a una web que tiene al imagen.

Ejemplo:

Imagen


Que queda escrito así:

Código: Seleccionar todo
[img]http://tiotravis.com/foro/styles/art_black/imageset/Oopc6.png[/img]



URL (enlaces e hipervínculos)

Spoiler:
Vale, no os asustéis por el nombre xD
Lo que hace este BBCode es, introduciendo un texto y un enlace, generar un texto que nos llevará al enlace si pulsamos sobre él. Es tan sencillo como esto:

¡Visita el foro de El hogar del Tío Travis!


Y su versión en texto, para que podáis verla sin tener que hacer quote:

Código: Seleccionar todo
[url=http://www.tiotravis.com]El hogar del Tío Travis[/url]



Spoiler

Spoiler:
Este código te permite ocultar una parte de tu mensaje para evitar problemas o dar una sorpresa a alguien. Su uso es muy simple, tan sólo tenéis que añadir las etiquedas [ spoiler ] al principio del texto y [ /spoiler ] al final. Este tutorial es un buen ejemplo de su uso. Al usarlo os debe de quedar como esto:

Código: Seleccionar todo
[spoiler]Vuestro mensaje[/spoiler]



Youtube

Spoiler:
Para las etiquetas de vídeos de YouTube tenéis que poner SÓLO la ID del vídeo. Un ejemplo, la URL de mi vídeo es:

http://www.youtube.com/watch?v=pTP3KmI1mzs&feature=related

La ID del vídeo es lo que va detrás de "/watch?v=" (podéis incluir lo que va después de las &, como por ejemplo &feature=related, &loop=1, etc.), así que, la ID del vídeo es:

http://www.youtube.com/watch?v=pTP3KmI1mzs&feature=related

Por lo tanto, el comando que debo usar es:

Código: Seleccionar todo
[youtube]pTP3KmI1mzs[/youtube]



_________________________


Iré editando si se añaden nuevos BBCodes, así que no os preocupéis que esta guía no va a quedar desfasada ^^

Depravado oficial
Avatar de Usuario
Mensajes: 6065
Registrado: 18 Feb 2012, 16:44

Re: Cómo utilizar los BBCodes (Youtube, Img, etc.)

Notapor Hock » 28 Feb 2012, 21:34

¡Sticky please!
Es decir, que le pongais una chincheta o lo que sea para tenerlo siempre arriba... y al hilo de presentaciones quizá también...

Portador de la banspardenya
Avatar de Usuario
Mensajes: 5773
Registrado: 18 Feb 2012, 13:45

Re: Cómo utilizar los BBCodes (Youtube, Img, etc.)

Notapor Edearth » 28 Feb 2012, 21:35

Hock escribió:¡Sticky please!

+1 ^^

Dándole al Melón
Avatar de Usuario
Mensajes: 4153
Registrado: 18 Feb 2012, 16:02
Ubicación: Valencia

Re: Cómo utilizar los BBCodes (Youtube, Img, etc.)

Notapor Yvier » 28 Feb 2012, 22:15

¡Y EL WERCOMI!
CALABAZO92

Pepinillos deluxe
Avatar de Usuario
Mensajes: 5939
Registrado: 18 Feb 2012, 16:26
Ubicación: Detrás de ti

Re: Cómo utilizar los BBCodes (Youtube, Img, etc.)

Notapor Hktr Trinaranjus » 28 Feb 2012, 23:38

No sabia lo del BBcode de lista... puede que lo use...
Imagen
No por mucho madrugar amanece más temprano, y no por mucho más beber se sueña más despacio.
You'll be lost without me.

Portador de la banspardenya
Avatar de Usuario
Mensajes: 5773
Registrado: 18 Feb 2012, 13:45

Re: Cómo utilizar los BBCodes (Youtube, Img, etc.)

Notapor Edearth » 28 Feb 2012, 23:59

Hktr Trinaranjus escribió:No sabia lo del BBcode de lista... puede que lo use...

...

Errrrmmm... ¿"No hay de qué"? xd

Pepinillos deluxe
Avatar de Usuario
Mensajes: 5939
Registrado: 18 Feb 2012, 16:26
Ubicación: Detrás de ti

Re: Cómo utilizar los BBCodes (Youtube, Img, etc.)

Notapor Hktr Trinaranjus » 29 Feb 2012, 00:02

Edearth escribió:
Hktr Trinaranjus escribió:No sabia lo del BBcode de lista... puede que lo use...

...

Errrrmmm... ¿"No hay de qué"? xd


Perdon!

  • [url]GRACIAS[/url]
Imagen
No por mucho madrugar amanece más temprano, y no por mucho más beber se sueña más despacio.
You'll be lost without me.

Portador de la banspardenya
Avatar de Usuario
Mensajes: 5773
Registrado: 18 Feb 2012, 13:45

Re: Cómo utilizar los BBCodes (Youtube, Img, etc.)

Notapor Edearth » 29 Feb 2012, 00:05

Hktr Trinaranjus escribió:
Edearth escribió:
Hktr Trinaranjus escribió:No sabia lo del BBcode de lista... puede que lo use...

...

Errrrmmm... ¿"No hay de qué"? xd


Perdon!

  • [url]GRACIAS[/url]

=DDDD

¡No hay de qué! ^3^

Avatar de Usuario
Mensajes: 935
Registrado: 25 Feb 2012, 15:48

Re: Cómo utilizar los BBCodes (Youtube, Img, etc.)

Notapor Narichi Himochi » 29 Feb 2012, 04:02

Ede con su ansias de ayudar D: AY JODER, TU SI QUE SERVIAS DE ADMI Y MOD. Queremos que vuelvas, te echamos de menus
¿Os acordáis de cuando era activa?

Bollito
Avatar de Usuario
Mensajes: 9121
Registrado: 18 Feb 2012, 23:12

Re: Cómo utilizar los BBCodes (Youtube, Img, etc.)

Notapor O.P. Wilkituski » 29 Feb 2012, 21:32

Vaya, hombre, ahora que ya había aprendido a usarlos todos...

Siguiente

Volver a Principal

¿Quién está conectado?

Usuarios navegando por este Foro: No hay usuarios registrados visitando el Foro y 1 invitado

Contador de visitas Contador de visitas