YFC en las Redes
Conectarse

Recuperar mi contraseña

Nuevo Yoshi

Le damos la más cordial bienvenida a nuestro usuario/a más reciente de YFC: Katrosh.

Últimos temas
Los posteadores más activos del mes
YoshiGM
[Tutorial] Tutorial Sencillo de BBCODE Vote_lcap[Tutorial] Tutorial Sencillo de BBCODE Voting_bar[Tutorial] Tutorial Sencillo de BBCODE Vote_rcap 
PolarWyvern
[Tutorial] Tutorial Sencillo de BBCODE Vote_lcap[Tutorial] Tutorial Sencillo de BBCODE Voting_bar[Tutorial] Tutorial Sencillo de BBCODE Vote_rcap 
Skayser
[Tutorial] Tutorial Sencillo de BBCODE Vote_lcap[Tutorial] Tutorial Sencillo de BBCODE Voting_bar[Tutorial] Tutorial Sencillo de BBCODE Vote_rcap 
Bryan
[Tutorial] Tutorial Sencillo de BBCODE Vote_lcap[Tutorial] Tutorial Sencillo de BBCODE Voting_bar[Tutorial] Tutorial Sencillo de BBCODE Vote_rcap 
YoshiGamerST
[Tutorial] Tutorial Sencillo de BBCODE Vote_lcap[Tutorial] Tutorial Sencillo de BBCODE Voting_bar[Tutorial] Tutorial Sencillo de BBCODE Vote_rcap 
Tails
[Tutorial] Tutorial Sencillo de BBCODE Vote_lcap[Tutorial] Tutorial Sencillo de BBCODE Voting_bar[Tutorial] Tutorial Sencillo de BBCODE Vote_rcap 
NdArC
[Tutorial] Tutorial Sencillo de BBCODE Vote_lcap[Tutorial] Tutorial Sencillo de BBCODE Voting_bar[Tutorial] Tutorial Sencillo de BBCODE Vote_rcap 
Warfu
[Tutorial] Tutorial Sencillo de BBCODE Vote_lcap[Tutorial] Tutorial Sencillo de BBCODE Voting_bar[Tutorial] Tutorial Sencillo de BBCODE Vote_rcap 
Bombazo
[Tutorial] Tutorial Sencillo de BBCODE Vote_lcap[Tutorial] Tutorial Sencillo de BBCODE Voting_bar[Tutorial] Tutorial Sencillo de BBCODE Vote_rcap 
BlueJackal
[Tutorial] Tutorial Sencillo de BBCODE Vote_lcap[Tutorial] Tutorial Sencillo de BBCODE Voting_bar[Tutorial] Tutorial Sencillo de BBCODE Vote_rcap 

¿Quién está en línea?
En total hay 6 usuarios en línea: 0 Registrados, 0 Ocultos y 6 Invitados

Ninguno

[ Ver toda la lista ]


Hubieron 465 usuarios en línea en la fecha Mar 3 Mayo 2011 - 14:51

[Tutorial] Tutorial Sencillo de BBCODE

Ir abajo

[Tutorial] Tutorial Sencillo de BBCODE Empty [Tutorial] 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


[Tutorial] Tutorial Sencillo de BBCODE Userba15
¡Hola Invitado, Bienvenid@ a Yoshi Fans Club! [Tutorial] Tutorial Sencillo de BBCODE 429310
Normas de YFC| Staff de YFC|


Canal de YouTube: https://www.youtube.com/c/YoshiGM
Twitter: https://twitter.com/YoshiGM
Facebook: https://facebook.com/YoshiGMYT
Canal de Twitch: https://twitch.tv/YoshiGM
Servidor de Discord: https://discordapp.com/invite/ZjJmDtT

[Tutorial] Tutorial Sencillo de BBCODE Sig
[Tutorial] Tutorial Sencillo de BBCODE Giphy

YoshiGM
YoshiGM
Administrador
Administrador

México Masculino
Staff
Mensajes Mensajes : 20616
Fecha de Registro Fecha de Registro : 03/12/2008
[Tutorial] Tutorial Sencillo de BBCODE Medall10 [Tutorial] Tutorial Sencillo de BBCODE Medall13[Tutorial] Tutorial Sencillo de BBCODE Za7uS [Tutorial] Tutorial Sencillo de BBCODE Medall11[Tutorial] Tutorial Sencillo de BBCODE Mensaj10 [Tutorial] Tutorial Sencillo de BBCODE Medall19[Tutorial] Tutorial Sencillo de BBCODE Firefl10 [Tutorial] Tutorial Sencillo de BBCODE Thump_10[Tutorial] Tutorial Sencillo de BBCODE Medalf10[Tutorial] Tutorial Sencillo de BBCODE OoRiy[Tutorial] Tutorial Sencillo de BBCODE GU3qc5v [Tutorial] Tutorial Sencillo de BBCODE Coulee11[Tutorial] Tutorial Sencillo de BBCODE Medall11 [Tutorial] Tutorial Sencillo de BBCODE Admini10[Tutorial] Tutorial Sencillo de BBCODE 5_year10 [Tutorial] Tutorial Sencillo de BBCODE Medall10[Tutorial] Tutorial Sencillo de BBCODE Beemus10 [Tutorial] Tutorial Sencillo de BBCODE 17_sin10

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

Ver perfil de usuario

Volver arriba Ir abajo

[Tutorial] Tutorial Sencillo de BBCODE Empty Re: [Tutorial] Tutorial Sencillo de BBCODE

Mensaje por Emanuel.yosho el Dom 18 Nov 2018 - 17:04

@YoshiGM Hola amigo =3 Me gustaría poner los códios de los colores, es decir [col0r=#NÚMEROS]TEXTO[/col0r] pero no se si tenga permiso para compartir la guía. Aparte de que considero inecesario ya que se pueden acceder a estos por el menú, también me gustaría compartir un tutorial sobre los smileys del foro :YOSHISMILEY:, al ser miembro activo sabre los cambios de estos y modificaré la guía cuando sea necesario :3 aparte podría explicar el buen uso de estos (colores y smileys), sería cuestión de que aceptes mi idea nwn


[Tutorial] Tutorial Sencillo de BBCODE 3534569468 [Tutorial] Tutorial Sencillo de BBCODE 847278Invitado BIENVENIDO A Yoshi Fans Club!! Yoshi Happy! [Tutorial] Tutorial Sencillo de BBCODE 319463
[Tutorial] Tutorial Sencillo de BBCODE Membre10
[Tutorial] Tutorial Sencillo de BBCODE Firmae10
Emanuel.yosho
Emanuel.yosho
Yoshimaniaco
Yoshimaniaco

México Masculino
100%
Mensajes Mensajes : 771
Fecha de Registro Fecha de Registro : 10/07/2018
Spoiler:


Ficha Yoshi
Color Favorito de Yoshi: Celeste Celeste
Juego Favorito de Yoshi: Yoshis Island DS Yoshis Island DS

Ver perfil de usuario

Volver arriba Ir abajo

[Tutorial] Tutorial Sencillo de BBCODE Empty Re: [Tutorial] Tutorial Sencillo de BBCODE

Mensaje por YoshiGM el Dom 18 Nov 2018 - 19:41

¡Hola! Si lo deseas, puedes aportar guías para el foro siguiendo las indicaciones:

https://www.yoshifansclub.net/t24256-como-proponer-guias-para-yfc

Saludos!


[Tutorial] Tutorial Sencillo de BBCODE Userba15
¡Hola Invitado, Bienvenid@ a Yoshi Fans Club! [Tutorial] Tutorial Sencillo de BBCODE 429310
Normas de YFC| Staff de YFC|


Canal de YouTube: https://www.youtube.com/c/YoshiGM
Twitter: https://twitter.com/YoshiGM
Facebook: https://facebook.com/YoshiGMYT
Canal de Twitch: https://twitch.tv/YoshiGM
Servidor de Discord: https://discordapp.com/invite/ZjJmDtT

[Tutorial] Tutorial Sencillo de BBCODE Sig
[Tutorial] Tutorial Sencillo de BBCODE Giphy

YoshiGM
YoshiGM
Administrador
Administrador

México Masculino
Staff
Mensajes Mensajes : 20616
Fecha de Registro Fecha de Registro : 03/12/2008
[Tutorial] Tutorial Sencillo de BBCODE Medall10 [Tutorial] Tutorial Sencillo de BBCODE Medall13[Tutorial] Tutorial Sencillo de BBCODE Za7uS [Tutorial] Tutorial Sencillo de BBCODE Medall11[Tutorial] Tutorial Sencillo de BBCODE Mensaj10 [Tutorial] Tutorial Sencillo de BBCODE Medall19[Tutorial] Tutorial Sencillo de BBCODE Firefl10 [Tutorial] Tutorial Sencillo de BBCODE Thump_10[Tutorial] Tutorial Sencillo de BBCODE Medalf10[Tutorial] Tutorial Sencillo de BBCODE OoRiy[Tutorial] Tutorial Sencillo de BBCODE GU3qc5v [Tutorial] Tutorial Sencillo de BBCODE Coulee11[Tutorial] Tutorial Sencillo de BBCODE Medall11 [Tutorial] Tutorial Sencillo de BBCODE Admini10[Tutorial] Tutorial Sencillo de BBCODE 5_year10 [Tutorial] Tutorial Sencillo de BBCODE Medall10[Tutorial] Tutorial Sencillo de BBCODE Beemus10 [Tutorial] Tutorial Sencillo de BBCODE 17_sin10

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

Ver perfil de usuario

Volver arriba Ir abajo

[Tutorial] Tutorial Sencillo de BBCODE Empty Re: [Tutorial] Tutorial Sencillo de BBCODE

Mensaje por Emanuel.yosho el Dom 18 Nov 2018 - 19:45

Oki gracias :D


[Tutorial] Tutorial Sencillo de BBCODE 3534569468 [Tutorial] Tutorial Sencillo de BBCODE 847278Invitado BIENVENIDO A Yoshi Fans Club!! Yoshi Happy! [Tutorial] Tutorial Sencillo de BBCODE 319463
[Tutorial] Tutorial Sencillo de BBCODE Membre10
[Tutorial] Tutorial Sencillo de BBCODE Firmae10
Emanuel.yosho
Emanuel.yosho
Yoshimaniaco
Yoshimaniaco

México Masculino
100%
Mensajes Mensajes : 771
Fecha de Registro Fecha de Registro : 10/07/2018
Spoiler:


Ficha Yoshi
Color Favorito de Yoshi: Celeste Celeste
Juego Favorito de Yoshi: Yoshis Island DS Yoshis Island DS

Ver perfil de usuario

Volver arriba Ir abajo

Volver arriba

- Temas similares

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