Inactivo
OP

Guía básica de las etiquetas HTML del foro.

¡Buenas nintenderos/as! El foro se ha renovado completamente, tanto que ahora en vez de usar etquetas llamadas BBCODE, usan HTML, pues he decidido crear esta guía para los que o sepáis usarlas correctamente o tengáis duda. Antes de empezar recuerdo que todas las etiquetas se tiene que cerrar, por ejemplo: <b>¡Hola mundo!</b> Etiqueta <strong>: Esta etiqueta sirve para convertir en negrita las palabras que hayamos seleccionado desde el inicio de la etiqueta hasta el final de la misma, veamos un ejemplo: <strong>¡Hola!</strong> Resultado: ¡Hola!; Etiqueta <em> (i) : Con esta etiquetas vamos a poder convertir las palabras que hayamos seleccionado en cursiva; se puede combinar con la etique <b>. Veamos un ejemplo: <em>¡Hola!</em> Resultado: ¡Hola! Etiqueta <a> (link): Con esta etiqueta vamos a poder insertar un hipervinculo en nuestro mensaje, podemos insertarla con el botón link que encontramos en el encabezado, o de la siguiente manera: <a href="http://nintenderos.com/">nintenderos.com</a> Resultado: nintenderos.com Etiqueta <blockquote> (b-quote): Con esta etqiqueta podemos citar el mensaje de alguien, entre otras cosas... La podemos seleccionar desde el encabezado o de la siguiente manera: <blockquote>¡Hola!</blockquote> Resultado:
¡Hola!
Etiqueta <del>: Con esta etiqueta podemos tachar una parte de nuestro mensaje, veamos un ejemplo: <del>¡Hola</del> Resultado: ¡Hola! Etiquta <img>: Con ésta podemos insertar una imagen en nuestro mensaje; necesitamos tener un enlace directo a la imagen. Veamos un ejemplo: <img src="http://lorempixel.com/207/180/" alt="Esto es opcional, sirve para cuando un usario tenga el ratón en la imagen ver un recuadro con información adicional sobre la misma." /> Resultado: Esto es opcional, sirve para cuando un usario tenga el ratón en la imagen ver un recuadro con información adicional sobre la misma. Etiquetas <ul>, <ol> y <li>: Con estas etiqueta podremos colocar listas en nuestro mensajes. La etiqueta ul sirve para crear eiquetas 'desordenadas' -sin número, solo con unos cuadrados- tiene que llevar la etiqueta li para crear los elementos de la misma, veamos un ejemplo:
<ul>
	<li>¡Hola #1!</li>
        <li>¡Hola #2!</li>
        <li>¡Hola #3!</li>
        <li>¡Hola #4!</li>
</ul>
Resultado:
  • ¡Hola #1!
  • ¡Hola #2!
  • ¡Hola #3!
  • ¡Hola #4!
La etiqueta ol sirve para crear listas 'ordenadas' -con números-; también es necesario usar la etiqueta li para colocar sus elementos, let's take a look:
<ol>
	<li>¡Adiós #1!</li>
        <li>¡Adiós #1!</li>
        <li>¡Adiós #1!</li>
        <li>¡Adiós #1!</li>
</ol>
Resultado:
  1. ¡Adiós #1!
  2. ¡Adiós #1!
  3. ¡Adiós #1!
  4. ¡Adiós #1!
Etiqueta (code): Sirve para mostrar lineas de código sin que hagan efectos en el mensaje. Resultado: <b>Texto de ejemplo</b> Opción "cerrar etiquetas": Con ella podemos cerrar etiquetas que no han sido cerradas automáticamente (no recomendado.) Insertar vídeos de YouTube: aunque esto no sea una etiqueta, voy a mostrar cómo insertar un vídeo: Para insertar un vídeo sólo tiene que insertar la url del mensaje, por ejemplo: ¡Qué vídeo más chulo! https://www.yotube.com/wath?v=CES32EOxiyw Resultado: ¡Qué vídeo más chulo! https://www.youtube.com/watch?v=CES32EOxiyw Esto es de momento todas las opciones que tenemos disponibles en el foro, si se añaden nuevas, se editará el post. ¡Saludos!
#2

Hay alguna manera de poner algo en spoiler como en la antigua nintenderos?

Subscribete a mi canal de Youtube! youtube.com/user/clubqms

Si quereis agregarme pasadme vuestro codigo de amigo por privado! (De 3DS o Wii U)

Inactivo
#3

Hay alguna manera de poner algo en spoiler como en la antigua nintenderos?

De momento, no, esperemos que lo implemente.

#4

La negrita es con «strong». Y los spoilers son algo que no viene incluido habitualmente por defecto en los foros, así que tendrán que instalar el mod correspondiente.

PD: Buen aporte.

Inactivo
#5

La negrita es con “strong”. Y los spoilers son algo que no viene incluido habitualmente por defecto en los foros, así que tendrán que instalar el mod correspondiente.

PD: Buen aporte.

Ya está corregido, no sé de dónde se me ocurrió esa etiqueta 😛

Gracias ^_^.

Y de paso digo que el foro también es compaitible con la mayoría de BBCODES normales y corrientes, aquí tenéis una lista, aunque algunos necesitan ser optimizados o no funcionan como deberían:
Lista de BBCODES disponibles.

Yoshi Superadministrador
#6

me podran ustedes matar pero aun no se ni poner mi firma lo hice y ahora no sale XD

pd: recuerdo que el foro aun no esta 100% en diseño y funciones

#7

Tu podrias hacerlo de una forma facilisima (yo lo hice asi y no busque por la web xD), debes ir al panel de administrador de WordPress y hay un apartado donde pone »Perfil», ahí puedes ponerla ;).

Subscribete a mi canal de Youtube! youtube.com/user/clubqms

Si quereis agregarme pasadme vuestro codigo de amigo por privado! (De 3DS o Wii U)

#8

pero aun no se ni poner mi firma lo hice y ahora no sale

recuerdo que el foro aun no esta en diseño y funciones

Subscribete a mi canal de Youtube! youtube.com/user/clubqms

Si quereis agregarme pasadme vuestro codigo de amigo por privado! (De 3DS o Wii U)

#9

matar pero aun no se ni poner mi firma lo hice y ahora no sale XD

pd: recuerdo que el foro aun no esta 100% en diseño y funciones

Subscribete a mi canal de Youtube! youtube.com/user/clubqms

Si quereis agregarme pasadme vuestro codigo de amigo por privado! (De 3DS o Wii U)

#10

Pinchas en tu usuario y se te abrirá el menú donde ves lo de Actividad, Perfil, Notificaciones, etc. Le das a Perfil si no estás ya metido (que te debería redireccionar ahí tras pinchar en tu usuario) y te sale Ver, Editar y Cambiar foto de perfil. Pinchas en Editar y en Forum Signature pones la firma de igual manera que en el antiguo foro, con (img) e (/img) con el link entre medio y en vez de con paréntesis con corchetes. Tras esto, guardas cambios y ya tienes la firma. El foro por sí solo te traduce el lenguaje BBCode a HTML, así que no hay problemas en cuanto a eso cuando pones la firma.

Inactivo
#12

@oscar ¿A qué te refieres?

Yoshi Superadministrador
#13

sobre este tutorial aunque pronto tendremos un nuevo diseño y funciones de votacion

Inactivo
#14

@oscar Vale, gracias por la aclaración.

Debes iniciar sesión para responder a este tema.