BBCode - Como usarlo en DiscoTr.es

Notapor Paul » 12 May 2009, 16:09

Abro este hilo para ir comentando el tema de BBCode y su uso en DiscoTr.es.

En la mayoría de plataformas, como por ejemplo phpBB3 que es lo que hemos usado para DiscoTr.es, existen varias medidas de seguridad para evitar que usuarios pueden publicar contenidos que podrían dañar tanto el servidor web como los navegadores (Internet Explorer, Firefox, Google Chrome etc).

Los tipos de contenido 'dudosos' que están excluidos incluyen html, javascript, css, java, flash etc etc.

Aunque está bien que esté prohibido usar este contenido, la verdad es que, como usuarios, no nos ayude mucho a la hora de insertar imagenes, video, colores, listas, citas o texto negrito/subrayado.

Con el fin de habilitar este tipo de contenido sin poner nada en riesgo, contamos con un tipo de codigo 'especial' que se llama BBCode (Bulletin Board Code). Aunque BBCode fue creado originalmente para su uso en foros basado en phpBB, hoy en día es la 'idioma' por defecto usado en casi todos los foros.

Hay varios BBCodes que ya vienen 'de serie' en phpBB u otros que hemos añadido para daros más opciones y posibilidades para formatear la información en vuestros mensajes:

Para usar BBCode, solo tienes que picar el botón en la barra del editor de texto y rellenar la información dentro de los tags. En algunos BBCodes, también puedes seleccionar el texto que te interesa y picar el botón...el editor de texto se encargará de insertar los tags donde hace falta.



FORMATOS
Por ejemplo, para poner una palabra en negrito, hay que seleccionar la palabra y picar el botón 'B'. En el editor verás algo así:

para poner una palabra en negrito
Código: Seleccionar todo
para poner una [b]palabra[/b] en negrito


para poner una palabra en negrito
Código: Seleccionar todo
para poner una [b]palabra[/b] en negrito


También se puede usar más que un BBCode a la vez, siempre y cuando cada tag está dentro de otro tag.

para poner una en palabra en negrito y rojo
Código: Seleccionar todo
para poner una  en [b][color=#FF0000]palabra[/color][/b] en negrito y rojo




Listas
Para hacer una lista, primero se debe usar el botón List y después * para cada articulo en la lista:

  • una
  • pequeña
  • lista
Código: Seleccionar todo
[list]
[*]una
[*]pequeña
[*]lista
[/list]




Imagenes
Para insertar una imagen, se debe poner el enlace (URL) de la imagen dentro de los tags 'Img'

Imagen
Código: Seleccionar todo
[img]http://upload.wikimedia.org/wikipedia/en/d/d4/LandRover.jpg[/img]




Enlaces (URLs)
Aunque nuestra web convertirá automáticamente los URLs que se encuentra en los mensajes, si queremos tener más control - por ejemplo para usar texto en lugar de la dirección del URL, tenemos el botón 'URL'.

Un enlace 'normal'. Aunque es valido, no es la mejor opción dado que los motores de búsqueda no sabrán el contenido del enlace:

http://www.discotr.es/

Código: Seleccionar todo
[url]http://www.discotr.es/[/url]


Un enlace bien formateado con el texto que describe el contenido del enlace:

La web de DiscoTr.es

Código: Seleccionar todo
[url=http://www.discotr.es/]La web de DiscoTr.es[/url]


Cabe destacar que DiscoTr.es está habilitado para reconocer enlaces internos y externos - abriéndolos en la misma ventana/pestaña (en el caso de ser un enlace interno) o una ventana/pestaña nueva (en caso de ser un enlace externo).



BBCode especial para DiscoTr.es

También hay varios codigos especiales que hemos creado para ayudaros a formatear/mostrar información especial en vuestros mensajes.



Linea/Separador
Esto se puede usar para separar dos temas distintos en el mismo mensaje usando el BBCode 'linea'



Código: Seleccionar todo
[Linea][/Linea]




Titulo
Este BBCode se puede usar para resaltar, en forma de título cada sección. Lo hemos usado varias veces en este mismo mensaje.

La web insertará una pequeña imagen y también el texto (convertido en mayusculas) en color 'DiscoTr.es naranja'.

Este es mi Título
Código: Seleccionar todo
[Titulo]Este es mi Título[/Titulo]




Video

Este codigo es muy fácil de usar. En lugar de publicar el enlace a una web externa que aloja los videos, se puede insertar directamente en la página.

Simplemente tienes que pegar el enlace/URL dentro de los tags 'video' y la web buscará la forma correcta de empotrar tu video.

En este momento tenemos posibilidades de mostrar videos de los siguientes webs (hay unos 10 webs más, pero no tienen tanta importancia). Las webs en negrito son los más importantes.:

  • youtube
  • googlevideo
  • dailymotion
  • metacafe
  • myspace
  • starsclips
  • yahoo
  • photobucket
  • filefront
  • veoh
  • vidilife
  • gametrailers
  • vidiac
  • gamespot
  • megavideo
  • myvideo

Desafortunadamente, al día de hoy no es posible insertar videos de Flikr dado que no han habilitado una forma estándar para permitir su uso en foros y webs externas.



Tachado
Este codigo lo hemos programado para poder tachar nombres de listas o lo que sea. Como es un formato que no se debe emplear si no es necesario, no hemos habilitado un botón para su uso.

para tachar una palabra
Código: Seleccionar todo
para [tachado]tachar[/tachado] una palabra




GBP
Cuando abrimos el subforo de Yeovil Land Rover, varios usuarios nos preguntaron como pueden saber, de forma rapida, el valor en euros de los precios que ofrezca Yeovil. Teniendo en cuenta que Yeovil solo pueden trabajar en libras esterlinas (GBP) y cualquier transferencia bancaría se tiene que realizar en libras, pues decidimos programar una pequeña herramienta que puede servir para mostrar el precio en euros de forma automática.

Por ejemplo, si Yeovil venden un recambio para 123.45 GBP, está claro que el valor equivalente en euros cambiará cada día (y incluso cada hora).

Simplemente añadiendo el precio entre los tags 'GBP', la web mostrará el precio en GBP y también el coste en EUR. Si visitas la misma página, veréis que el valor en EUR cambiará dependiendo del tipo de cambio en vigor en cada momento.

123.45 GBP = Aprox. EUR en este momento (1 GBP = EUR) Currency data courtesy coinmill.com

Código: Seleccionar todo
[GBP]123.45[/GBP]


Cabe destacar que el valor en euros es solo para nuestra referencia....no se debe realizar ninguna transferencia basada en este valor en euros.



D3
Este codigo está habilitado para insertar el nombre de la web en su color y formato correcto. Lo hicimos para no perder mucho tiempo en añadir colores etc al texto en los mensajes:

para mostrar DiscoTr.es con su color naranjito y plata
Código: Seleccionar todo
para mostrar [d3][/d3] con su color naranjito y plata





Si tenéis cualquier duda, no dudéis en hacérnoslo saber....también admitimos, como siempre, sugerencias para ir mejorando las herramientas a vuestra disposición.
Última edición por Paul el 15 Jun 2009, 09:22, editado 1 vez en total
Razón: BBCode [d3][/d3] añadido
Discovery 3 SE TDV6 Auto Buckingham Blue
Avatar de Usuario
Paul
Administrador
 
Ubicación: Rubí, BCN
Mensajes: 6668
Registrado: 02 Feb 2009, 19:07

Notapor Paul » 15 Jun 2009, 09:24

Primer mensaje actualizado con el nuevo BBCode para mostrar el nombre de la web:

DiscoTr.es

Código: Seleccionar todo
[d3][/d3]
Discovery 3 SE TDV6 Auto Buckingham Blue
Avatar de Usuario
Paul
Administrador
 
Ubicación: Rubí, BCN
Mensajes: 6668
Registrado: 02 Feb 2009, 19:07

Notapor JUANITO » 15 Jun 2009, 09:45

Una pregunta, ¿seria posible incluir estos códigos como botones al igual que muchos otros están disponibles a la hora de escribir los mensajes?, o es una cosa que esta en tramites :disimular: .

Tengo una estufa que aunque no tiene enchufe, se enchufa.
Avatar de Usuario
JUANITO
 
Ubicación: Las Navas de San Juan en Jaén
Mensajes: 1470
Registrado: 02 Mar 2009, 13:57

Notapor Paul » 15 Jun 2009, 09:52

Todos ya están disponibles (menos el de tachado) en la barra de botones del editor de texto :disimular:

Mira aquí para ver el botón D3:

ScreenShot226.jpg
No tienes los permisos requeridos para ver los archivos adjuntos a este mensaje.
Discovery 3 SE TDV6 Auto Buckingham Blue
Avatar de Usuario
Paul
Administrador
 
Ubicación: Rubí, BCN
Mensajes: 6668
Registrado: 02 Feb 2009, 19:07

Notapor JUANITO » 15 Jun 2009, 09:57

(menos el de tachado)


Ya sabia yo que algo faltaba :oops: :oops: :disimular:

Tengo una estufa que aunque no tiene enchufe, se enchufa.
Avatar de Usuario
JUANITO
 
Ubicación: Las Navas de San Juan en Jaén
Mensajes: 1470
Registrado: 02 Mar 2009, 13:57

Notapor Paul » 15 Jun 2009, 10:14

Paul escribió:Tachado
Este codigo lo hemos programado para poder tachar nombres de listas o lo que sea. Como es un formato que no se debe emplear si no es necesario, no hemos habilitado un botón para su uso.

:disimular: :disimular:



:beber:
Discovery 3 SE TDV6 Auto Buckingham Blue
Avatar de Usuario
Paul
Administrador
 
Ubicación: Rubí, BCN
Mensajes: 6668
Registrado: 02 Feb 2009, 19:07


Tema: BBCode - Como usarlo en DiscoTr.es

Volver a Ayuda, Tutoriales & Dudas

¿Quién está conectado?

Usuarios navegando por este Foro: CommonCrawl [Bot] y 0 invitados

Todas las entidades, empresas, firmas comerciales, etc. mencionadas de cualquier manera en la web o en este foro sobre el Discovery 3, Discovery 4 o Range Rover Sport
son propiedad exclusiva de sus respectivos dueños. DiscoTr.es y sus administradores no tienen vinculación alguna con ellas ni con Land Rover.