[Explicacion] ¿Que es el BBcode? Ayuda

¿Algún problema técnico con el foro o portal? [Acceso libre a usuarios]

[Explicacion] ¿Que es el BBcode?

Notapor Phers » Jue Dic 31, 2009 10:40 pm

Imagen

Hoola, ahora les traigo un tema que se relaciona con
el foro y que algunos ignoramos (Desconocemos).
Explicare que es el BBcode, y sus funciones como
tambien las etiquetas que podemos usar...

Empezemos....

Primero les contare una historia breve:
BBCode viene de la palabra en ingles

"Bulletin Board Code" es un pequeño,
y util leguanje que nos permite editar la
forma de un mesaje como sera mostrado,
hacia los demas usuarios.
BBCode es una coleccion de etiquetas que se usan para cambiar la apariencia del texto de un foro o un blog, este lenguaje es muy parecido al HTML el que es usado para crear Paginas Web pero en esta ocacion no les hablare del Leguanje Html, sino de BBcode.
Es un codigo de maquetacion de textos e imagenes, Fue creado por PhpBB para sus propios foros
y que finalmente se a estado expandiendo a los demas foros.


La forma con la que este codigo se escribe es por medio de etiquetas que siempre se escriben de
la misma manera [Etiqueta] con esta etiquetas abrimos y Cerramos con esta [/Etiqueta].
Otra opcion que nos da BBcode es poder usar varias etiquetas, por ejemplo:
[Etiqueta1][Etiqueta2] Texto. [/Etiqueta1][/Etiqueta2].
Bueno ahora que ya sabemos un poco mas de como es este leguanje pasare a explicarles algunas etiquites que podemos usar.


Estan son las pricipales:
Código: Seleccionar todo
Texto - Bold(Negretita) [b]Texto[/b]

A si se vera Texto

Código: Seleccionar todo
Texto - Italica(Cursiva) [i]Texto[/i]

A si se vera Texto

Código: Seleccionar todo
Texto - Underline(Subrayado) [u]Texto[/u]

A si se vera Texto



Ahora explicare los colores, Hay dos formas de darle color a un texto en BBcode
Una es por el nombre del color, la otra es por codigo decimal (esta es mas precisa)
Ejemplos:

Código: Seleccionar todo
Text - Color Green(Nombre) [color=green]Text[/color]

A si se vera Text

Algunos nombres que estan disponibles (no todos los colores que existen estan disponibles)
Spoiler:

Black
Brown
Maroon
Red
Orange
Yellow
Olive
Lime
Green
Teal
Aqua
Blue
Navy
Purple
Fuchsia
Gray
Silver
White
Coral



Este es por codigo decimal:
Código: Seleccionar todo
Text - Color #008000(Decimal) [color=#008000]Text[/color]

A si se vera Text

Aqui no hace falta poner codigos decimales de los colores ya que en el panel para crear un tema nuevo, esta una opcion para darle colores a nuestros texto y nos da en decimales.



¿Recuerdan que les dije que BBcode nos da la opcion de poder poner mas de una etiqueta?
Aqui les dejo un ejemplo de como podriamos emplear ese metodo.
Código: Seleccionar todo
[color=#4080FF]Imp[/color][color=#008000]erio[/color]

A si se vera Imperio



Bueno tambien podemos cambiar la Fuente(Letra) del Texto, aunque en el foro desabilitaron
esta Etiqueta (aunque yo se los enseñare)
Ahora les enseñare algunos, ejemplos:

Código: Seleccionar todo
Text - Arial [font=Arial] Text [/font]
Text - Georgia [font=Georgia] Text [/font]
Text - Times New Roman  [font=Times New Roman] Text [/font]
Text - Courier New [font=Courier New] Text [/font]
Text - Comic Sans New [font=Comic Sans MS] Text [/font]


Arial - Imagen
Georgia - Imagen
Times New Roman - Imagen
Courier New - Imagen
Comic Sans MS - Imagen

Nota1: Recuerden que esta etiqueta no esta hablitada (no funciona) en el foro IN.
Nota2: No hagan preguntan de por que no funciona esta etiqueta Font, por que nos llamaran la atencion al que hizo el tema preguntado y a mi por enseñarles....xD
Nota3: Esta etiqueta Font cuando ustedes en algun otro foro o blog la insertan tienen
que tener encuenta que el otro usuario no podra visializarla(mirarla), si no la tiene
esa font instalada en su ordenador asi que les aconsejo que solo usen las predeterminadas
de windows aqui una algunas de las que puedes agregar sin tener problemas:

Spoiler:

Arial
Arial Narrow
Century
Comic Sans MS
Courier NewA
Fixed Sys
Georgia
Lucida Sans
Monotype Corsiva
Times New Roman
Trebuchet MS
Verdana





Tambien podemos enlazar Links, Direcciones de correo electronico en BBcode
aqui algunos, ejemplos:


Código: Seleccionar todo
[url=http://www.myspace.com/phers.x]Myspace Phers[/url]

A si se vera Myspace Phers

Código: Seleccionar todo
[url]www.myspace.com/phers.x[/url]

A si se vera http://www.myspace.com/phers.x

Código: Seleccionar todo
[email=Francisco.x@punerocks.com]Correo Phers[/email]

A si se vera Correo Phers

Código: Seleccionar todo
[email]Dirección_de_correo_electrónico[/email]

A si se vera Francisco.x@punerocks.com



Tambien BBcode nos ofrece una etiqueta para previsualizar una imagen en un foro o blog
Ejemplo:

Código: Seleccionar todo
[img]http://foros.imperionipon.com/styles/saphic/imageset/t.gif[/img]

Asi se veria
Spoiler:

Imagen




Tambien Podemos crear un enlaze con una imagen, para que al momento de presionar

la imagen nos mande alguna pagina web o cualquier link que deseemos.
Ejemplo:

Código: Seleccionar todo
[url=http://foros.imperionipon.com/miembro/Phers/][img] http://foros.imperionipon.com/styles/saphic/imageset/t.gif[/img][/url]

Asi se veria
Spoiler:

Imagen





Otras Etiquetas Opcionales pero tambien muy utiles:
Quote(Citar)
Con esta etiqueta podemos citar un comentario(Mensaje) de un usuario.
Por Ejemplo:

phers escribió:Text

Text

Podemos citar el mensaje de alguien mas o tambien dar a resaltar algun comentario nuestro.



Code(Codigo)
Con esta etiqueta podemos dejar un codigo sin que lo altere(Visualize)
Por Ejemplo:

Código: Seleccionar todo
[img]http://foros.imperionipon.com/styles/saphic/imageset/t.gif[/img]

Observaron que no visualizo la imagen, aunque allamos puesto las etiquetas [*img][*/img]



List(Lista)
Con esta etiqueta podemos insertar variables.
Por Ejepmlo:

Código: Seleccionar todo
[list]
[*] Ejemplo_1
[*] Ejemplo_2
[/list]

  • Ejemplo_1
  • Ejemplo_2


Center(Centrar)
Con estas Etiquets podemos centrar textos.
Por Ejemplo:

Código: Seleccionar todo
[centrar]Texto[/centrar]

Texto



Spoiler
Esta Etiqueta nos oculta un contenido ydechi contenido
solo se puede visiulizar presionado la pestaña de "Spoiler"
Por Ejemplo:

Código: Seleccionar todo
[spoiler]Text[/spoiler]

Spoiler:

Text




Esto nunca se debe hacer cuando utilizamos BBcode.
Código: Seleccionar todo
[url]  http://www.vbulletin.com  [/url] - no agrege espacios entre las estiquetas y la direccion o texto.

[email]myname@domain.com[email] - la etiqueta con la que cerramos debe de tener siempre una diagonal hacia adenlante "/" ([/email])




Bueno hasta aqui termina todo esto.
Espero de verdad que les sirva,
Seguire actualizando comforme encuentre
actualizaciones de BBcode, pero por el momento
esto lo que traigo...


Ya saben cualquier duda, post ,MP o por Messenger(Esta en mi perfil)




Saludos^^


Agradezca este post si el usuario ha hecho
 un especial aporte a la comunidad.

Imagen
En Busca de la Felicidad...
UchihaFamily


Imagen


Spoiler:

Lo Que Algun Dia Quiero Lograr en Imperio Nipon!



100 Agradecimientos. ( )
Tener una Galeria de Firmas. ( )
Conocer 50 Personas de IN. ( )
Tener 5000 Mesanjes. ( )
Ser Reconocido. ( )
Ser Moderador. ( )

"(x)" Consegudo. "( )"No Conseguido.

Avatar de Usuario
Phers
Campesino
Campesino
 
Mensajes: 95
Ubicación: Mexicali B.C.
País: Mexico (mx)
Sexo: Sin especificar
Registrado: Diciembre 2009


Agradeció: 6
Agradecimientos recibidos: 11 veces en 8 mensajes

Le da las gracias a Phers por este mensaje el siguiente usuario:
AnimeManiaca

Volver a Ayuda

¿Quién está conectado?

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