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!

    quim88888
    Participante

    (@quim88888)

    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.

    Pokequil
    Participante

    (@pokequil)

    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

    (@yoshi-2)

    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

    quim88888
    Participante

    (@quim88888)

    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)

    quim88888
    Participante

    (@quim88888)

    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)

    quim88888
    Participante

    (@quim88888)

    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)

    Pokequil
    Participante

    (@pokequil)

    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

    (@yoshi-2)

    tenemos algo nuevo que añadir?

    Anónimo
    Anónimo
    Inactivo

    @oscar ¿A qué te refieres?

    Yoshi
    Superadministrador

    (@yoshi-2)

    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.