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

Guía básica de las etiquetas HTML del foro.
Viendo 14 entradas - de la 1 a la 14 (de un total de 14)
  • Anónimo
    Anónimo
    Inactivo

    ¡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!

    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)

    Anónimo
    Anónimo
    Inactivo

    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.

    Anónimo
    Anónimo
    Inactivo

    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

    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.

    Yoshi
    Superadministrador

    tenemos algo nuevo que añadir?

    Anónimo
    Anónimo
    Inactivo

    @oscar ¿A qué te refieres?

    Yoshi
    Superadministrador

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

    Anónimo
    Anónimo
    Inactivo

    @oscar Vale, gracias por la aclaración.

Viendo 14 entradas - de la 1 a la 14 (de un total de 14)

Debes estar registrado para responder a este debate.