Yoshi Fans Club
YFC En las Red
Conectarse

Recuperar mi contraseña

Últimos temas
» El nuevo pokémon
Lun 24 Sep 2018 - 17:32 por Emanuel.yosho

» Caidas en el Servicio de Foroactivo
Dom 23 Sep 2018 - 10:32 por YoshiGM

» Las Medallas: Pide la Tuya
Dom 23 Sep 2018 - 3:54 por PolarWyvern

» N direct
Miér 19 Sep 2018 - 3:03 por PolarWyvern

» Videos de yoshi
Dom 16 Sep 2018 - 15:36 por Emanuel.yosho

» Intro smash bros ultimate 64
Vie 14 Sep 2018 - 21:18 por YoshiGM

» ¡Yoshi's Crafted World es el nuevo juego de Yoshi para Switch!
Jue 13 Sep 2018 - 19:35 por YoshiGM

» Nintenderos
Miér 12 Sep 2018 - 21:09 por YoshiGM

» Ridley para Smash (Parodia)
Miér 12 Sep 2018 - 18:46 por Emanuel.yosho

» Concurso: Bingo Yoshista
Mar 11 Sep 2018 - 21:20 por Emanuel.yosho

Los posteadores más activos del mes
Emanuel.yosho
 
YoshiGM
 
BOT YFC
 
PolarWyvern
 
Yoshimex
 
Quique
 
telefoneros
 

¿Quién está en línea?
En total hay 4 usuarios en línea: 0 Registrados, 0 Ocultos y 4 Invitados :: 1 Motor de búsqueda

Ninguno

[ Ver toda la lista ]


La mayor cantidad de usuarios en línea fue 465 el Mar 3 Mayo 2011 - 14:51.

Tutorial Sencillo de BBCODE

Ir abajo

Tutorial Sencillo de BBCODE

Mensaje por YoshiGM el Vie 1 Sep 2017 - 20:40

Bienvenidos al tutorial: "1, 2, 3, 4 a BBcode"
Aquí podrán encontrar cómo darle formateo propiamente al texto, además de lo básico y hasta lo avanzado en el uso de BBcode para lograr este propósito.
   


Este tutorial o guía está planeada para enseñar el correcto formateo de texto en el foro el cual sólo es posible mediante el correcto uso de BBcode; este tutorial explicará lo básico y lo avanzado del uso de BBcode para tener la posibilidad de dar el formateo deseado al texto. Desde cambiarle el color, hasta hacerlo animado se explicará en esta guía o tutorial. BBcode no sólo funciona para este foro, sino para muchísimos más, ¡así que no será para nada tiempo perdido aprender a usarlo!

Partiré en secciones esta guía para facilitar su uso y lectura tanto para avanzados como para principiantes en el tema, estas secciones están ubicadas en spoilers con su respectivo título el cual explica de qué se trata la sección. Este tutorial se centra en ser específico en el tema sin ser tan largo al dar más información de la necesaria, pero tampoco en ser tan corto omitiendo información que quizá pueda ser útil. Sin más que decir aquí está el tutorial definitivo de BBcode:

   
Introducción corta a BBcode (Puede omitirse):
"BBcode" es un lenguaje de marcado similar a HTML, aunque más simple que éste. Se usa principalmente en foros PhpBB y en foros SMF para dar formato al texto. Funciona mediante etiquetas ("[etiqueta]texto[/etiqueta]") para dar el formato deseado al texto deseado. Desde negrita hasta a cursiva es posible darle formato al texto.
   

   
Lógica Básica De BBcode:

   BBcode usa una sintaxis básica de etiquetas para dar formato al texto, la cual es esta:
   
Código:
[etiqueta]Texto[/etiqueta]
   Si vemos un ejemplo, podríamos ver este, en el cual al texto se la da formato de Negrita:
   
Código:
[b]Negrita[/b]
Tan sólo falta poner el texto entre las etiquetas para darle el formato deseado, así es como funciona.

   Después está una sintaxis aún más compleja, que es similar a la anterior pero en la cual se modifican directamente las etiquetas:
   
Código:
[etiqueta="valor"]Texto[/etiqueta]
   Un ejemplo muy simple de ésta sintaxis es este:
   
Código:
[url=duckduckgo.com]Cliqueame para ir a "DuckDuckGo"[/url]

   Después esta otra sintaxis aún mucho más compleja, en ésta se modifican atributos en vez de etiquetas:
   
Código:
[etiqueta atributo="valor"]Texto[/etiqueta]
   La única etiqueta que usa este formato en el foro es la de tablas, aquí un ejemplo:
   
Código:
[table board="1"][tr][td width="150px"]Soy Ancho.[/td][/tr][/table]

También se pueden combinar varias etiquetas en una, este sería un ejemplo claro:
Código:
[b][i]Negrita y Cursiva.[/i][/b]
   

   
Etiquetas universales de BBcode:

La siguiente lista contiene una lista de etiquetas que funcionarán en cualquier foro PhpBB o con BBcode sin necesidad de complementos. Lleva la sintaxis con un ejemplo de ésta.

Negrita:
Hace la letra Negrita, es simple de usar.
Código:
[b]Negrita[/b]

Subrayado:
Hace la letra Subrayada, es simple de usar.
Código:
[u]Subrayada[/u]

Cursiva:
Hace la letra Cursiva, es simple de usar.
Código:
[i]Cursiva[/i]

Citar:
@MineYoshi escribió:Esta etiqueta funciona para citar el texto de alguien. Puede definirse la persona a la que se atribuye el texto sencillamente. Mira el ejemplo:
Código:
[quote="Persona a la que se atribuye el texto"]Texto atribuido[/quote]

Código:
Esta etiqueta sirve para publicar código sin que éste pierda la estructura (espacios por ejemplo) y sin que se confunda con etiquetas de BBcode.
Código:
[code]Para mostrarles los ejemplos he usado esta etiqueta variadas veces, para que el foro muestre los ejemplos en texto plano sin aplicar formateo[/code]

Lista:
Esta etiqueta sirve para mostrar una lista detallada con las siguientes opciones:

  1. Organizar en letras
  2. Organizar en letras organizadas alfabeticamente


  1. Organizar en orden númerico.
  2. Con números claramente

El ejemplo anterior sin formato es el siguiente. Un "
[*]" equivale a una letra, número o punto más en la lista.
Código:

[list=valor][*]Si "valor" es igual a "a" sin comillas, la lista será organizada mediante letras
[*]Si "valor" es igual a "1" sin comillas, la lista será organizada mediante números
[*]Si "valor" es igual a un espacio en blanco, la lista será organizada mediante puntos[/list]

Imágen:

Esta etiqueta sirve para insertar una imágen en el foro, es muy fácil.
Código:
[img]sitioweb.com/linkdirectoatuimágen.png[/img]

Link:

Esta etiqueta sirve para insertar un link hacia un sitio web.
Código:
[url=sitio.web]Texto que al cliquear redirige a sitio.web[/url]

Tamaño del texto:
Esta etiqueta sirve para cambiar el tamaño del texto. Para hacerlo más grande o más pequeño.
Código:
[size=25]El número después de "size=" determina cuán grande será el texto.[/size]

Color del texto:

Esta etiqueta sirve para dar color al texto.
Código:
[color=#0000FF]El "#0000FF" es un color en hex. En este sitio pueden fácilmente sacar el hex de un color que seleccionen de una imágen.[/color]
   

Tutorial creado y aportado por @MineYoshi ~ 01/09/2017



¡Hola Invitado, Bienvenid@ a Yoshi Fans Club!
Normas de YFC| Staff de YFC| Guías de YFC


•FC 3DS: 1650-5855-4074 (Avísame por MP si me agregaste)
•Canal de YouTube: https://www.youtube.com/c/YoshiGM
•Twitter: https://twitter.com/YoshiGM
•Facebook: https://facebook.com/YoshiGMYT




avatar
YoshiGM
Administrador
Administrador

México Staff

Edad : 25
Mensajes : 19764
Reputación : 1258
Fecha de Registro : 03/12/2008
Fecha de Nacimiento : 05/11/1992

Ficha Yoshi
Color Favorito de Yoshi: Naranja Naranja
Juego Favorito de Yoshi: Yoshis Island (Snes/GBA) Yoshis Island (Snes/GBA)

Volver arriba Ir abajo

Volver arriba


 
Permisos de este foro:
No puedes responder a temas en este foro.