[Tutorial] BBcodes
Publicado: 26 May 2010, 14:04
Aquí podréis encontrar información sobre cómo utilizar todos y cada uno de los BBcodes, así como de los truquillos que tenemos.
Negrita
Resultado: texto
Cursiva
Resultado: Texto
Subrayar
Resultado: Texto
Cita (quote)
Resultado:
Código
Resultado:
Lista
Resultado:
Lista ordenada // Añadir elemento a la lista
Resultado:
Imagen
Resultado:
Imagen redimensionada
Resultado:
Link
Resultado: [url=Link]Texto[/url]
Flash
Resultado:
Truco: ¿Cómo insertamos un vídeo flash con el código completo?
Cogemos el código HTML que vendrá para insertar (embed):
De ahí cogemos el link:
Y el tamaño:
Siendo width altura y height anchura. Lo ponemos como arriba y plim
Blip.tv
Se debe tomar el embed proporcionado por Blip.tv y copiar el código del vídeo en el BBCode. Ejemplo:
<embed src="http://blip.tv/play/hPMngbepAQA" type="application/x-shockwave-flash" width="420" height="340" allowscriptaccess="always" allowfullscreen="true"></embed>
Resultado:
Tamaño de fuente
Resultado: DiminutapequeñaGrandeEnorme
Links MegaUpload
Resultado:
[megaupload=Warez.rar]WJFCL6LM[/megaupload]
Anchor y goto
Sirven para apuntar a un punto del mismo post.
Para el link que apunta:
Resultado: Esto hace de link
Para el lugar al que llegará:
Resultado:
hola
Centrado
Resultado:
Alineado a la derecha
Resultado:
Leyenda (os juro que es la primera vez que lo veo
)
Resultado:
spoiler
Muy socorrido, oculta parte de un texto y hay que hacer click para descubrirlo. Eso sí, NO funciona en PSP.
Resultado:
Tachado
Resultado:
Texto que no nos vale
Vídeos de YouTube
Resultado:
Canciones GoEar
Resultado:
[goear]http://goear.com/listen/bbd9ccd/acceptance-silent-hill-shattered-memories[/goear]
Colores!
O pulsad cualquier color de la barra de la derecha.
Resultado: Texto
Tweet
Añade un tweet a tu mensaje del foro.
Resultado:
Mezclando BBcodes
Seh, seguro que queréis poner algo centrado y en negrita, o todo a la vez. Pues bien, podéis hacerlo entendiendo que no puede haber ninguna orden de apertura ([X]) sin cierre ([/X]) y viceversa. Por lo tanto, sería algo así:
Saludos!
Negrita
Código: Seleccionar todo
[b]texto[/b]Resultado: texto
Cursiva
Código: Seleccionar todo
[i]Texto[/i]Resultado: Texto
Subrayar
Código: Seleccionar todo
[u]Texto[/u]Resultado: Texto
Cita (quote)
Código: Seleccionar todo
[quote]Texto[/quote]
[quote="Alguien"]Texto[/quote]Resultado:
Texto
Alguien escribió:Texto
Código
Código: Seleccionar todo
[code]Texto[/code]Resultado:
Código: Seleccionar todo
TextoLista
Código: Seleccionar todo
[list]Texto[/list]Resultado:
- Texto
Lista ordenada // Añadir elemento a la lista
Código: Seleccionar todo
[list= lista][*]Texto[/list]Resultado:
- Texto
Imagen
Código: Seleccionar todo
[img]Link de la imagen[/img]Resultado:
Imagen redimensionada
Código: Seleccionar todo
[ing width=400 height=600]Link de la imagen[/ing]Resultado:
Link
Código: Seleccionar todo
[url=Link]Texto[/url]Resultado: [url=Link]Texto[/url]
Flash
Código: Seleccionar todo
[flash= alto,ancho]Link del flash[/flash]Resultado:
Código: Seleccionar todo
[flash=437,288]http://www.viddler.com/player/b37da6fd[/flash]Truco: ¿Cómo insertamos un vídeo flash con el código completo?
Cogemos el código HTML que vendrá para insertar (embed):
Código: Seleccionar todo
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="437" height="288" id="viddler_b37da6fd"><param name="movie" value="http://www.viddler.com/player/b37da6fd/" /><param name="allowScriptAccess" value="always" /><param name="allowFullScreen" value="true" /><embed src="http://www.viddler.com/player/b37da6fd/" width="437" height="288" type="application/x-shockwave-flash" allowScriptAccess="always" allowFullScreen="true" name="viddler_b37da6fd"></embed></object>De ahí cogemos el link:
Código: Seleccionar todo
value="http://www.viddler.com/player/b37da6fd/" Y el tamaño:
Código: Seleccionar todo
width="437" height="288" Siendo width altura y height anchura. Lo ponemos como arriba y plim
Blip.tv
Se debe tomar el embed proporcionado por Blip.tv y copiar el código del vídeo en el BBCode. Ejemplo:
<embed src="http://blip.tv/play/hPMngbepAQA" type="application/x-shockwave-flash" width="420" height="340" allowscriptaccess="always" allowfullscreen="true"></embed>
Código: Seleccionar todo
[blip]hPMngbepAQA[/blip]Resultado:
Tamaño de fuente
Código: Seleccionar todo
[size=50]Diminuta[/size][size=85]pequeña[/size][size=150]Grande[/size][size=200]Enorme[/size]Resultado: DiminutapequeñaGrandeEnorme
Links MegaUpload
Código: Seleccionar todo
[megaupload=Decripción]ID del archivo[/megaupload]
Para http://www.megaupload.com/?d=WJFCL6LM
[megaupload=Warez.rar]WJFCL6LM[/megaupload]Resultado:
[megaupload=Warez.rar]WJFCL6LM[/megaupload]
Anchor y goto
Sirven para apuntar a un punto del mismo post.
Para el link que apunta:
Código: Seleccionar todo
[goto=nombre enlace]Palabra que hace de link[/goto]Resultado: Esto hace de link
Para el lugar al que llegará:
Código: Seleccionar todo
[anchor]nombre enlace[/anchor]Resultado:
hola
Centrado
Código: Seleccionar todo
[center]Texto[/center]Resultado:
Texto
Alineado a la derecha
Código: Seleccionar todo
[right]Texto[/right]Resultado:
Texto
Leyenda (os juro que es la primera vez que lo veo
)Código: Seleccionar todo
[legend=Título]Texto[/legend]Resultado:
spoiler
Muy socorrido, oculta parte de un texto y hay que hacer click para descubrirlo. Eso sí, NO funciona en PSP.
Código: Seleccionar todo
[spoiler]Fotodeneobaron[/spoiler]Resultado:
Spoiler:
:oTachado
Código: Seleccionar todo
[strike] Texto que no nos vale[/strike]Resultado:
Texto que no nos vale
Vídeos de YouTube
Código: Seleccionar todo
[youtube]Link de YouTube[/youtube]Resultado:
Canciones GoEar
Código: Seleccionar todo
[goear]URL de la canción[/goear]Resultado:
[goear]http://goear.com/listen/bbd9ccd/acceptance-silent-hill-shattered-memories[/goear]
Colores!
Código: Seleccionar todo
[color=nombredelcolor]Texto[/color]
[color=red, blue, green, yellow, brown, black, white ....]Texto[/color]O pulsad cualquier color de la barra de la derecha.
Resultado: Texto
Tweet
Añade un tweet a tu mensaje del foro.
Código: Seleccionar todo
[tweet]URL del tweet[/tweet]Resultado:
Mezclando BBcodes
Seh, seguro que queréis poner algo centrado y en negrita, o todo a la vez. Pues bien, podéis hacerlo entendiendo que no puede haber ninguna orden de apertura ([X]) sin cierre ([/X]) y viceversa. Por lo tanto, sería algo así:
Código: Seleccionar todo
[center][color=red][b][u][i]Texto[/i][/u][/b][/color][/center]Texto
Saludos!
