Autor Tema: [Tutorial] BBCode básico [Poner videos, imágenes, etcétera en tu post] (Leído 18545 veces)

ZkadliX · « *Última modificación: Mayo 31, 2014, 02:00:13 am por ZkadliX* »

Hago esto para enseñarles de que sirve cada botón al crear un post.
Estos son los que aparecen como boton, si quieres ver los mas avanzados, entra en este POST
Gracias Sirgebet, Alfomega y CreeperYoshi200 que me ayudaron con el post.

Como se usa: Al hacer click aparecerá lo siguiente [b][/b], haciendo esto [b]Hola[/b] quedaría así Hola. Ahora que saben esto, como la mayoría funciona igual, no lo voy a explicar mas.

Negrita

Cursiva

Subrayada

~~Tachada~~

Como su nombre indica, es para pegar dentro de él texto que tenemos ya tabulado, con ciertos márgenes, etc. Es decir, conserva el formato que ya tenía.

Alinear a la izquierda

Centrar

Alinear a la derecha

Cambiar color

Cambiar fuente

Cambiar tamaño

Puedes ver todos los colores en este POST.

Insertar video de Youtube en el post. (Ej: https://www.youtube.com/watch?v=H94HG5a9YHM)

Copiar el link del video, poner [youtube]https://www.youtube.com/watch?v=H94HG5a9YHM[/youtube] y borras https, pones http
Copias lo que dice despues de watch?v= y lo pegas. [youtube]H94HG5a9YHM[/youtube]

Para poner un spoiler (click en Mostrar). Dentro de esto puedes poner todo tipo de BBCode, videos, imágenes, cualquier cosa. Si quieres que diga Spoiler para Hola, [spoiler=Hola][/spoiler]

Ejemplo usando [spoiler=historia]Había una vez... truz.[/spoiler]

Spoiler para historia:

Insertar imagen. Ej:
[img]http://minecraftmin.net//cabecera/c2.png[/img]

Insertar Link. Para hacer una imagen con link (al hacer click a la imagen te envíe a cierta pagina) debes hacer así [url=http://www.minecraftmin.net/][img]http://minecraftmin.net//cabecera/c2.png[/img][/url]

Para hacer lo mismo que lo anterior, pero con un texto en vez de imagen, [url=http://www.minecraftmin.net/]¡MinecraftMin v2![/url]

Sirve para colocar una dirección de correo y que se pueda hacer clic en ella y te salga la opción de enviar un correo. Antiguamente era muy utilizado y en páginas internas de empresas sigue utilizándose.

Esto es para un enlace FTP, para transferencia de archivos.

Rodear letra con un color. Para cambiar el color, donde dice "red" escribir otro color (en ingles). Ej: [glow=green,2,300]MinecraftMin[/glow]

Ponerle sombra. El color se cambia igual que el anterior. Si quieres poner la sombra del lado derecho de el texto, donde dice "left", poner "right". Ej: [shadow=red,right]Hola[/shadow]

Hace que se mueva de derecha a izquierda. Al llegar a la izquierda, empieza otra vez desde la derecha.
MinecraftMin

Escribir ^Arriba

Escribir _Abajo

Cambia tipo de letra

Insertar tabla. Tiene una funcion bastante avanzada, pero si la sabes usar puedes crear una tabla como esta:

Spoiler para ocultar:

(Tabla extraída de aqui, creada por Sirgebet, ¡gracias!)

Insertar codigo. Se usa en este foro para poner comandos de Minecraft y poder seleccionarlos y copiarlos con un solo click, tocando donde dice "Seleccionar".

Para citar. Este seria un ejemplo. Alguien hizo doble-post y un usuario le comento citando el post de Reglas Generales, donde dice que esta prohibido.

Spoiler para ocultar:

Insertar lista. Sirve para hacer una lista, con puntos medios al principio. Ejemplo de post con esto: Reglas Generales.

Es lo mismo que lo anterior, solo que en vez de punto medio, es con números.

Hola
Que
Tal

Hace una linea horizontal que ocupa todo el ancho del post. Son las que estoy usando para separar el Tutorial.

Quitar formato. Con [b]MinecraftMin[/b], lo seleccionas y le das al boton. Se quedara así MinecraftMin

Es para editar el post mientras ves como va quedando. En vez de que se vea asi:

Se ve así:

Eso es todo!
Espero haberte ayudado, me costo mucho hacerlo. Si tienes alguna duda comenta.

Linkback: https://minecraftmin.net/index.php?topic=450.0

Xunitraka

Muy bien explicado para que sirve cada cosa, te felicito.

PD: ¿Esto va en esta sección?

Marko-kun

¡¡Muchas Gracias ZkadliX!!

Me has enseñado como poner esto para que no se vean los BBCodes, como en el otro foro :P

En cambio respectivo al post... creo que es el lugar más indicado para ponerlo...

Bueno, pues gracias, ayudaste a todo el staff de hacer todo el trabajo .o.

ZkadliX

Gracias Marko y Xuni ((:
Le pregunte a Coals en que seccion ponerlo, me dijo en esta (:

KaliNuska

Espero que todos los que vayan a postear se pasen por aquí.
Queda muy mal cada vez que se dejan el código mal puesto por todas partes (y sobre todo cuando resuben temas del antiguo foro...)

SrMarco ಠ_ರೃ

Cita de: KaliNuska en Marzo 28, 2014, 04:50:57 pm

Espero que todos los que vayan a postear se pasen por aquí.
Queda muy mal cada vez que se dejan el código mal puesto por todas partes (y sobre todo cuando resuben temas del antiguo foro...)

Hay algunos BBCode del otro foro que no son igual que este ... Ademas aveces hay pequeños bugs que se conocen o los conosco como "BBCode Fantasma" que aparece parte del BBCode pero cuando lo quieres borrar no puedes ^^

PD: Muy bien el post, Mucho trabajo, Te felicito !

CreeperYoshi2000

Si no me equivoco, usando este botón...

...quitas el formato de los textos.

Es sencilla la forma de hacerlo.
Marcas una palabra (pasando el ratón con el botón izdo. pulsado por la misma) que tenga un formato.
Le das clic a

, y se quita el formato, quedándose sólo el texto.

Por ejemplo, tenemos el siguiente texto:

[.b]¡Los creepers molan![.b]
Los puntos los pongo para que se vea claro que quiero decir.

Lo marcamos, y hacemos clic en

.
Entonces se queda así:

¡Los creepers molan!

Ale, ya puedes cambiar el post

Goku4

Gracias, lo nececitaba mucho!

Espero que sigas haciendo posts de este tipo, ZkadliX!

Sirgebet, la leyenda · « *Última modificación: Abril 03, 2014, 05:22:03 pm por Sirgebet* »

¿Te doy una mano? (usare algunos bbcodes que no están en la barra de bbcode, ya que son avanzados o de uso administrativo/para guías)
Para el próximo tutorial te recomiendo algo; mientras menos peso tenga el post mas usuarios podrán acceder a el mismo. Mi conexión es de 100kb/s pero no tengo problema, pero con mi conexión antigua de 30kb/s me iba a traer muchos problemas el post (ademas que en celular no se leerá bien)

Spoiler para Post Optimizado al Máximo:

Hago esto para enseñarles de que sirve cada boton al crear un post.
Si por alguna razón las imágenes no te cargan, no entenderás nada :P

Letra en negrita: Hola

Como se usa: Al hacer click, aparecerá lo siguiente: [b][/b], hacer esto: [b]Aquí tu texto[/b], y quedaría así: Aquí tu texto.

(Ahora que saben esto, como la mayoría de los botones funcionan igual, no lo voy a explicar mas veces)

Letra cursiva: Hola

Letra subrayada: Hola

Letra tachada: ~~Hola~~

Esto se usaba en los foros antiguos, ya no tiene mucha funcionalidad

Alinear texto a la izquierda (viene por defecto):

Hola

Texto centrado.

Hola

Alinear texto a la derecha:

Hola

Cambiar Fuente:

Courier
Arial
Arial Black
Impact
Verdana
Times New Roman
Georgia
Andale Mono
Trebuchet MS
Comic Sans MS
(Puedes usar otra poniendo el nombre, aunque si el usuario no tiene la font instalada no le va a funcionar)
Font que no esta en el foro

Cambiar tamaño de letra

Cambiar color de letra

Poner video de Youtube en el post.
Al hacer click en este boton, aparecera lo siguiente: [youtube][/youtube]
Teniendo algun link de youtube (ej;https://www.youtube.com/watch?v=M8xqBXY3_38) poner el codigo del video (en este caso M8xqBXY3_38) y quedaría el vídeo asi:

<a href="http://www.youtube.com/watch?v=M8xqBXY3_38" target="_blank">http://www.youtube.com/watch?v=M8xqBXY3_38</a>

Para poner un spoiler, clickea en "Mostrar":

Spoiler para ocultar:

Insertar imagen.
Uso: [img]LINK[/img]

Insertar Link
Uso: [url]www.google.com.ar[/url] y quedaría así: http://www.google.com.ar

Ponerle link a una imagen: [url=Aqui el link][img]Aqui el link de la imagen[/img][/url]
Por ejemplo: [url=http://www.google.com.ar][img]http://www.google.com.ar/favicon.ico[/img][/url] y quedaria:

Ponerle link a una palabra/texto: [url=Aquí el link]Aqui el Texto[/url]

Por ejemplo: [url=http://www.google.com.ar]Hola[/url] y quedaria: Hola

Concepto antiguo de mandar e-mail y descargar archivos por FTP, sin función.

Rodear letra con un color: Hola
Cuando clickeas este boton, para cambiarlo de color, donde dice "red" escribir otro color (en ingles).

Ponerle sombra a la letra: Hola
El color se cambia igual que el anterior.
Si quieres poner la sombra del lado derecho de el texto, donde dice "left", poner "right".

Hacer que se mueva el texto de derecha a izquierda.
Hola

Escribir arriba: ^Hola

Escribir abajo: _Hola

Cambia el tipo de letra: Hola

Insertar tabla
Tiene una funcion bastante avanzada, pero si la sabes usar puedes crear una tabla como esta:

Spoiler para ocultar:

(Tabla extraída de aqui, creada por Sirgebet, ¡gracias!)

Insertar codigo:

Código: [Seleccionar]

HolaClick en "Seleccionar" para seleccionar el texto

Citar

Hola

Insertar lista
Al clickear el boton, aparecera esto:
[list]
[li][/li]
[li][/li]
[/list]

Uso: [list]
[li]Aqui un Texto[/li]
[li]Aqui un Texto[/li]
[/list]

y quedaria

Aqui un Texto
Aqui un Texto

Es lo mismo que lo anterior, solo que en vez de punto medio, hay numeros (1. Texto, 2. Texto, 3. Texto)

Lineas que ocupan todo el ancho del post (es la que uso para separar este tutorial)

Quitar formato
Teniendo esto: [b]Hola[/b], lo seleccionamos, apretamos el boton

y se quita el formato: Hola

En vez de mostrar los BBCode, hace una version ''en directo'' de todo. (Ojo, los plugins que se hallan instalado, como el spoiler, no funcionaran correctamente!)

Eso es TODO!

Espero haberte ayudado, me costo mucho hacerlo. Si tenes alguna duda comenta.
¡Post optimizado por Sirgebet!

Añado algo; esto es bbcode básico, el fin de semana les traigo un post con BBCodes que no están incluidos en la parte de arriba, pero que son muy útiles para hacer algunos post (como este, he usado un [nobbc][/nobbc] para optimizar)

_.-|TOMIELGLAN|-._

Ahora ZkadliX es uno de los PRO en MinecraftMin xD!

CelestialCreeper

Gracias, me ayudaste mucho

no sabia por que no me fuincionaba lo de youtube ni hacer los simbolos, ni sabia para que servia el spoiler, gracias!

Alfomega

Cita de: ZkadliX en Marzo 28, 2014, 02:02:34 am

No se bien su uso pero hace la letra mas pequeña.

Como su nombre indica, es para pegar dentro de él texto que tenemos ya tabulado, con ciertos márgenes, etc. Es decir, conserva el formato que ya tenía.

Cita de: ZkadliX en Marzo 28, 2014, 02:02:34 am

Copiar el link del video, poner [youtube]https://www.youtube.com/watch?v=H94HG5a9YHM[/youtube] y borras https, pones http
Copias lo que dice despues de watch?v= y lo pegas. [youtube]H94HG5a9YHM[/youtube]

¿Por qué nadie usa el enlace que aporta youtube en la pestaña de compartir? ¡Para eso está!

Cita de: ZkadliX en Marzo 28, 2014, 02:02:34 am

Sirve para colocar una dirección de correo y que se pueda hacer clic en ella y te salga la opción de enviar un correo. Antiguamente era muy utilizado y en páginas internas de empresas sigue utilizándose.

Cita de: ZkadliX en Marzo 28, 2014, 02:02:34 am

Esto es para un enlace FTP, para transferencia de archivos.

Ciberjdtm18

Muy bueno me ayudo mucho

Hector99 · « *Última modificación: Julio 03, 2014, 09:17:59 pm por HectorGamer* »

Que gran post me sirvio de mucho =)

Claus3000 · « *Última modificación: Junio 18, 2016, 01:30:41 pm por Claus3000* »

Gracias

[Tutorial para Nuevos] Como subir tu mapa, poner imágenes y etc Iniciado por Cerebex3F0	4 Respuestas 7823 Vistas	Enero 25, 2017, 12:01:19 am por Alfomega
[Tutorial] Insertar imágenes con Tinypic Iniciado por Aleferna DLS	3 Respuestas 3988 Vistas	Septiembre 23, 2017, 05:30:17 am por Pingacha
[Guía] Subir VIDEOS a imgur Iniciado por iLuisORO_	2 Respuestas 4200 Vistas	Abril 05, 2016, 07:09:51 pm por iLuisORO_
¡Aprende BBCode! ~ [En construcción] Iniciado por Sirgebet, la leyenda	14 Respuestas 11702 Vistas	Agosto 17, 2016, 12:31:24 am por Alfomega

Autor Tema: [Tutorial] BBCode básico [Poner videos, imágenes, etcétera en tu post] (Leído 18545 veces)

Más información

Más información

Más información

Más información

Más información

Más información

Más información

Más información

Más información

Más información

Más información

Más información

Más información

Más información

Más información