Guía básica de las etiquetas HTML del foro.
Comunidad
-
¡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.comEtiqueta
<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:
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:
- ¡Adiós #1!
- ¡Adiós #1!
- ¡Adiós #1!
- ¡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!
Esto es de momento todas las opciones que tenemos disponibles en el foro, si se añaden nuevas, se editará el post.
¡Saludos!
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)
Hay alguna manera de poner algo en spoiler como en la antigua nintenderos?
De momento, no, esperemos que lo implemente.
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.
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:
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
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)
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)
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)
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.
tenemos algo nuevo que añadir?
@oscar ¿A qué te refieres?
sobre este tutorial aunque pronto tendremos un nuevo diseño y funciones de votacion
@oscar Vale, gracias por la aclaración.
-
Entradas
Debes estar registrado para responder a este debate.