Ayuda sobre Spaniards.es: Truquetes HTML para que los posts de las plesonas queden bonicos

Pues andaba yo cacharreando por el foro y me he dado cuenta de que a algunos usuarios ( @Liutorable, @Santurtziarra, @MeriVeri ) parece que les interesa algún truquín para dar formato a los mensajes, insertar imágenes, hacer listicas...

Abro este hilo para no contaminar más otros hilos (y porque estoy aburrido y resacoso) y para tener así un lugar común donde poner los truqillos que se nos/os ocurran y que así sean más fáciles de encontrar. Me imagino que, como este foro tiene vida propia, acabaremos hablando de política, paellas, inmigración y de la insoportable levedad del ser. ¡Pues así sea! Pero en fin, la intención es lo que cuenta, ¿no? :-D

Además así, el bueno de @Anastasio tendrá un lugar donde hacer sus HTML tests tranquilo. :-)

Comentarios relacionados que dieron lugar a este hilo:

Pregunta de @MeriVeri
Respuesta de @Anastasio

Pregunta de @Liutorable
Respuesta mía

Pregunta de @ELEfante
Respuesta mía

Ayuda de Spaniards que puede venir bien: http://www.spaniards.es/filter/tips

Un par de páginas para probar HTML: http://www.onlinehtmleditor.net/ y http://www.w3schools.com/html/tryit.asp?filename=tryhtml_basic

Voy a empezar con un copy/pasta de los mensajes de este tipo que he visto por ahí. Ahora vuelvo.

BorrajaX
0
Bandera de Estados Unidos BorrajaX 234 10 999 Nueva York, NY (Estados Unidos)

Insertar imágenes en los comentarios.

Viene de: http://www.spaniards.es/foros/contactos/hilo-buscopareja/comentario-2097727

<*img src= el url con la imagen alt*=height="120" width="120">

Sin las estrellitas. Puedes cambiar la dimensión de la imagen de 120 a ....

BorrajaX
0
Bandera de Estados Unidos BorrajaX 234 10 999 Nueva York, NY (Estados Unidos)

Crear una lista con numericos

Viene de: http://www.spaniards.es/foros/alojamiento/solucionar-el-tema-de-la-vivienda-en-dublin-abusos/comentario-2097612

Venga, va, @Liutorable... Voy a empezar con un tutorial que seguro que a LlaneroSolitario/Internacional66/@Terminator le gusta (bueno... ¡eso espero!)

¡Cómo hacer una lista numerada en html!:

<ol>
<li> Prepararse la entrevista</br>
Es lo que tiene
</li>
<li> Ligarse a la entrevistadora</br>
Si cuela, cuela</li>
<li> <em>Otros...</em></li>
</ol>

ol: Ordered List (para que salgan numericos delante de cada elemento)
li: List item (cada entrada en la lista)
br: Break (retorno de carro)
em: Emphasis (cursiva)

Queda tal que asín:

  1. Prepararse la entrevista
    Es lo que tiene
  2. Ligarse a la entrevistadora
    Si cuela, cuela
  3. Otros...

Podéis probar vuestro HTML online en: http://www.onlinehtmleditor.net/ Ahora bien, no todas las etiquetas HTML funcionan en el texto de los comentarios en esta nuestra comunidad (de Spaniards). Por ejemplo, he intentado que el "Otros" me saliera en negrita (usando <strong>Otros</strong> o <b>Otros</b>) pero no furrula. Más información sobre etiquetas HTMl, aquí

Disclaimer: El usuario del foro Spaniards.es conocido como @BorrajaX no está asociado en forma alguna con la página enlazada sobre estas líneas. El usuario del foro Spaniards.es conocido como @BorrajaX no recibe dinero alguno por publicitar onlinehtmleditor.net. Cualquier cosa que diga el usuario del foro Spaniards.es conocido como @BorrajaX podrá ser utilizada en su contra. En caso de duda, consulte con su farmacéutico (o boticario) ... ... ... Qué malas son las cervezas, pero qué ricas saben, joer...

Saludicos

BorrajaX
0
Bandera de Estados Unidos BorrajaX 234 10 999 Nueva York, NY (Estados Unidos)

Ver la actividad de otro usuario

Viene de: http://www.spaniards.es/foros/presentaciones/eso-es-todo-amigos-nos-volveremos-a-encontrar/comentario-2092798

Para ver post en los que @Lude participó de alguna u otra manera, ve a http://www.spaniards.es/user/52742/actividad

Básicamente, es ir a tu actividad y sustituir tu número de usuario en el link por el del usuario que quieres ver (que se puede averiguar mirando el link la foto de perfil del usuario del que quieres ver la actividad).

malageño
0
Bandera de España malageño 365 2 3419 Roquetas de Mar, Almeria (España)

Pues yo soy muy torpe con la informatica y voy a hacerte una pregunta.
Como se hace para que en un comentario salga directamente un vídeo de youtube (o de donde sea) y no solo el enlace directo.

Gracias

BorrajaX
1
Bandera de Estados Unidos BorrajaX 234 10 999 Nueva York, NY (Estados Unidos)

@malagueño , creo que eso lo hace el foro (la página) automáticamente cuando detecta que el enlace va a Youtube (me suena que he pegado alguno y dicho "leñe, si sale sólo") . Déjame probar:

Parafraseando a @Anastasio... ¡¡HTML test!!

Bajo estas líneas voy a copiar la URL de un video de Youtube, tal que asín: https://www.youtube.com/watch?v=XjpKucbId0s:

https://www.youtube.com/watch?v=XjpKucbId0s

EDIT 1: Confirmado. Le cuesta un poquillo "darse cuenta", pero sale.

EDIT 2: En youtube, debajo del vídeo (justo debajo del nombre del usuario que ha subido el video) salen varias pestañas. Una de ellas es Share. Ahí aparece un código HTML que empieza con <iframe ... A ver si con eso se puede controlar el tamaño del video embebido:

HTML Test:

Pues no... con el <iframe no traga...

malageño
0
Bandera de España malageño 365 2 3419 Roquetas de Mar, Almeria (España)

@BorrajaX. Gracias, luego lo intento, que ahora estoy liado con la cena.

Un saludo

malageño
1
Bandera de España malageño 365 2 3419 Roquetas de Mar, Almeria (España)
BorrajaX
0
Bandera de Estados Unidos BorrajaX 234 10 999 Nueva York, NY (Estados Unidos)

voy a probar tablas... ejemplo: http://www.w3schools.com/html/html_tables.asp

jill
smith
50

eve
jackson
94

john
doe
80

edit: pues no, no va

parajosesolo
1
Bandera de España parajosesolo 345 89 7163 En mi casa, con mi gente (España)

Qué bueno @BorrajaX, gracias por compartir tus conocimientos.
¿Qué prefieres que te mande un Alka seltzer o una cervecica??

Liutorable
1
Bandera de Nueva Zelanda Liutorable 470 17 10551 Wellington, Wellington (Nueva Zelanda)

Eres un crack, Mister @BorrajaX. Cómo se nota que te gusta el tema... :)
Así que a favoritos se va el hilo, y no tengo que apuntarme los "trucos" en un documento aparte, ya que has hecho una recopilación completa de lo que hay hasta ahora.
Lo de poner imágenes en los comentarios es algo que hace muuuucha falta; y los emoticonos también y aunque se pueden sustituir por los de la época de la prehistoria, creo que hay gente que si no los ve de colorines, ni los tiene en cuenta.
Yo no suelo abrir muchos posts, pero he visto que a veces alguien quiere insertar imágenes entre el texto y creo que no es fácil; de momento la "exclusividad" de hacer esos posts con "documentación gráfica" (y muy interesantes) es nuestro @badaloní. No se si en los últimos tiempos ya será más fácil.

1459206455
0
1459206455 , ()

Antes este html no funcionaba :

Strong

Todavía no funciona en spaniards , aunque funciona en la web de htlm = <*strong>Strong<*/strong>
Sin las estrellitas

malageño
1
Bandera de España malageño 365 2 3419 Roquetas de Mar, Almeria (España)

La verdad es que un hilo como este es interesante, ya esta bien de leer insultos y tonterias.
Todo lo que sea aprender es bueno.

Un saludo

traspies
0
Bandera de Reino Unido traspies 250 30 1045 Burton-on-Trent, East Staffordshire (Reino Unido)

Pues sí es interesante el 'post', para alegrar con imágenes el Foro, pero yo me veo como en 'Encuentros en la tercera fase', pero sin haber pasado por las dos anteriores.
Lo único que sé hacer, como @malageño, es colgar cosas de YT. Además, yo no tengo esas 'uves tumbadas' en el teclado. De dónde salen ?.
Y si al final no hay que poner 'estrellitas', para qué las poneis ?.... en fin, me pierdo !

Anyway, lo guardaré en favoritos, por si un día me da por ponerme con ello.

traspies
0
Bandera de Reino Unido traspies 250 30 1045 Burton-on-Trent, East Staffordshire (Reino Unido)

Corrijo : Sí tengo las 'uves tumbadas' en el teclado. Pero como nunca las he usado, no sabía ni que estaban.

malageño
0
Bandera de España malageño 365 2 3419 Roquetas de Mar, Almeria (España)

@traspies. Pues si.... yo estoy como tu, para aprender a comer primero hay que tener dientes. :)

Kriska79
0
Bandera de Francia Kriska79 325 29 2516 París, Île-de-France (Francia)

@traspies Si no se ponen los asteriscos entonces el foro lo reconocería automáticamente como código HTML y saldría el resultado. Para poder explicarlo hay que ponerlos y así se "ensucia" el código.

1459206455
0
1459206455 , ()

Exactamente @Kriska79 en mi comentario Strong , puse las dos versiones , una sin asteriscos y una para explicarlo con asteriscos ( estrellitas ).

1487449832
1
1487449832 , ()

"uves tumbadas",...donde?

Diebels
0
Bandera de Alemania Diebels 320 45 2392 Köln, NRW (Alemania)

algo sobre como insertar hyoerlinks, por favor?

traspies
2
Bandera de Reino Unido traspies 250 30 1045 Burton-on-Trent, East Staffordshire (Reino Unido)

Hála ! ... otro pirao !. Eso tiene nombre de algo transgénico.

@Kriska79 : Para mí HTML, significa HeTenido Muchos Ligues.
Por ejemplo, eres HTML (+) ?... Si, a 'tutiplén'.
Y de sucio nada, que soy muy aseado yo mismo, en mi persona.

@the_huchycuchy_man : Abajo a la izquierda, al lado de la 'Z'. Me acabo de enterar hoy.

1459206455
0
1459206455 , ()

Yo tengo muchos atajos en mi teclado, también en mi tablet y teléfono móvil, así que puedo insertar muy fácil los códigos en todas partes.
En Android tengo un app que se llama clip stack , en mis ordenadores uso el navegador o el teclado para los atajos.

1459206455
0
1459206455 , ()

HTML, siglas de HyperText Markup Language («lenguaje de marcas de hipertexto»)

gonzalovl
0
Bandera de Países Bajos - Holanda gonzalovl 260 20 1684 Almere, Flevoland (Países Bajos - Holanda)

BorrajaX
2
Bandera de Estados Unidos BorrajaX 234 10 999 Nueva York, NY (Estados Unidos)

Hala, ¡que exitazo! Me alegro, me alegro. ¡Ya veo que @parajosesolo y @gonzalovl ya han hecho sus pinitos insertando imágenes!

@traspies , @the_huchycuchy_man
Por dar un poquillo de historia o de contexto (es que a mi estas cosas me gustan más que a un tonto un lápiz)... Las "uves tumbadas" son símbolos matemáticos de mayor que ( > ) y menor que ( < ). Puedes escribir que 3 es menor que 5 haciendo 3 < 5 o indicar que cinco es mayor que tres escribiendo 5 > 3

En HTML (el lenguaje en el que están escritas las páginas web) esos símbolos se usan como marcadores para indicarle a tu navegador (Firefox, Chrome, Explorer este no lo uséis, por favor ) que el texto entre esos símbolos no debe mostrarse al humano leyendo la página web, sino que deben ser utilizadas por el navegador para cambiar el texto (o "hacer algo", internamente hablando). Por ejemplo, si el navegador recibe <em> Hola maño </em> al llegar al <em>, dirá "¡Leñe! Lo que me está indicando esta etiqueta es que a partir de aquí tengo que mostrar el texto en cursiva. ¿Hasta cuando? Pues hasta que me ecuentre la marca de cierre </em>"

Ejemplo: Hola maño

Si tenéis curiosidad, picad con el botón derecho de vuestro ratón en la página web y seleccionad la opción mostrar código fuente. Ahí veréis lo que es la página "de verdad", y veréis lo mucho que vuestro navegador hace para que quede majica.

BorrajaX
1
Bandera de Estados Unidos BorrajaX 234 10 999 Nueva York, NY (Estados Unidos)

@Diebels
Insertar un hiperenlace

Si quieres poner un enlace a http://google.com tienes que usar el siguiente formato:

<a href="http://google.com">Picar aquí te lleva a Google</a>

Ejemplo: Picar aquí te lleva a Google

La <a es de "anchor" o "ancla" (a otro lugar). El href= viene de "hypertext reference" (como bien ha indicado @Anastasio HTML significa "hypertext markup language") así se puede leer como referencia a otro punto de una página escrita con Hypertext Markup Language

malageño
0
Bandera de España malageño 365 2 3419 Roquetas de Mar, Almeria (España)

intento fallido :(

malageño
0
Bandera de España malageño 365 2 3419 Roquetas de Mar, Almeria (España)

gonzalovl
0
Bandera de Países Bajos - Holanda gonzalovl 260 20 1684 Almere, Flevoland (Países Bajos - Holanda)
1487449832
0
1487449832 , ()

....calla calla,..yo aún no encuentro la "uves tumbadas" en mi teclado!....al lado de la Z, solo encuentro estos simbolos \ |, asi que donde están las "uves tumbadas" en mi teclado?!,....debe existir una conspiración muy gorda contra mí!

malageño
0
Bandera de España malageño 365 2 3419 Roquetas de Mar, Almeria (España)

malageño
1
Bandera de España malageño 365 2 3419 Roquetas de Mar, Almeria (España)

@BorrajaX. A tu salud.
Ya solo me falta aprender a ajustar bien las medidas de las fotos.

malageño
0
Bandera de España malageño 365 2 3419 Roquetas de Mar, Almeria (España)

Las< en mi teclado frances estan al lado de ALT GR

1487449832
0
1487449832 , ()

Yá las encontre,...joder es que estoy fatal de la vista!!

BorrajaX
1
Bandera de Estados Unidos BorrajaX 234 10 999 Nueva York, NY (Estados Unidos)

¡¡Toma ya @malageño !! Bien hecho (y gracias por elegir una foto tan bien traída a cuento)

Para ajustar tamaño, deberías poder usar los argumentos width y height en la foto. Por ejemplos:

<img src="http://www.revistakya.com/wp-content/uploads/2014/03/Chimay_3_beers-1024x767.jpg" width=200 >

<img src="http://www.revistakya.com/wp-content/uploads/2014/03/Chimay_3_beers-1024x767.jpg" width=300 height=100 >

Como ves, si solamente especificas un argumento, tu navegador ajustará automáticamente el ratio del que no especifiques para que la foto mantenga la misma proporción alto/ancho . Si especificas ambos, la foto será "estirada" o "acortada" para que se ajuste a las medidas especificadas.

malageño
1
Bandera de España malageño 365 2 3419 Roquetas de Mar, Almeria (España)

@BorrajaX. Poco a poco le pillaremos el punto.

Gracias.

BorrajaX
2
Bandera de Estados Unidos BorrajaX 234 10 999 Nueva York, NY (Estados Unidos)

@parajosesolo
¿Qué prefieres que te mande un Alka seltzer o una cervecica??

¡Jajaja! Pues el domingo (ayer), que es resaca de guardar, utilicé el método americano de "hair of the dog [that bit you]" y me eché las dos Stellas que me quedaban vivas... Para curar los males.

malageño
0
Bandera de España malageño 365 2 3419 Roquetas de Mar, Almeria (España)

Lo mejor para la resaca es la cerveza fresquita, te nivela el nivel de alcohol y te devuelve la vida. :)
La resaca no deja de ser una bajada repentina del nivel de alcohol de unos niveles altos a unos bajos.

Vinagretis
2
Bandera de España Vinagretis 391 12 7208 Pamplona, Navarra (España)

Qué guay! Muchas gracias, @BorrajaX. Me apunto al hilo para cuando me haga falta, :D

@Liutorable: para poner emoticonos los puedes copiar/pegar de aquí: http://unicodeemoticons.com/

gonzalovl
0
Bandera de Países Bajos - Holanda gonzalovl 260 20 1684 Almere, Flevoland (Países Bajos - Holanda)

malageño
0
Bandera de España malageño 365 2 3419 Roquetas de Mar, Almeria (España)

Pues a mi de la pagina que ha puesto @Vinagretis, no me deja copiar y pegar.
Pongo el raton encima del ematicono, le doy al boton derecho y no se sale la opción de copiar.
Estoy haciendo algo mal?.

BorrajaX
3
Bandera de Estados Unidos BorrajaX 234 10 999 Nueva York, NY (Estados Unidos)

@gonzalovl Estoy por marcar esa foto como "Comentario Ofensivo" ¡¡Juas!!

@Vinagretis, me alegro de que te guste, si señor.

Por cierto, que yo me lo paso pipa con los generadores de MeMes, por ejemplo, en https://imgflip.com/memegenerator

  1. Buscáis la imagen de fondo que más os guste.
  2. Ponéis el texto que queráis.
  3. Le dais al botón azul que dice "Generate" y os saldrá la imagen con vuestro texto en un pop-up.
  4. En ese pop-up (en la parte baja) sale "Image link" con una dirección que empezará con https://imgflip.com/.... Esa dirección es ¡casi! la dirección de la imagen.
  5. Copiad la dirección ésa y añadidle .jpg Si el texto que sale en el "Image link" ése es algo como https://imgflip.com/i/yf2h9 a vosotros os tiene que quedar https://imgflip.com/i/yf2h9.jpg

(!) EDITO - - - - - - - - - - - - - - - - - - - -
Estas instrucciones están incompletas. Me he dado cuenta de que hay una puta /i/ que cambia de sitio. Las he intentado corregir en otro comentario de este mismo hilo: http://www.spaniards.es/foros/ayuda-sobre-spaniardses/truquetes-html-para-que-los-posts-de-las-plesonas-queden-bonicos/comentario-2098226
- - - - - - - - - - - - - - - - - - - - - - - - -

Así ya deberíais poder usar la imagen con el <img src="https://imgflip.com/i/yf2h9.jpg"> que habíamos comentado antes para incrustarla en los comentarios.

Ahí va uno:

Otro que seguro puede dar mucho juego en los hilos polémicos. Sé que no tenemos muchos de esos hilos en esta nuestra comunidad, pero para los raros casos, seguro que le viene bien a más de uno.

gonzalovl
1
Bandera de Países Bajos - Holanda gonzalovl 260 20 1684 Almere, Flevoland (Países Bajos - Holanda)

joajoajoajoajoa fornicarllll

gonzalovl
1
Bandera de Países Bajos - Holanda gonzalovl 260 20 1684 Almere, Flevoland (Países Bajos - Holanda)

joajoajoa En europa me tocáis los huevos toreros y os quito el gas

https://youtu.be/2ilU6pKBdC8

BorrajaX
7
Bandera de Estados Unidos BorrajaX 234 10 999 Nueva York, NY (Estados Unidos)

Otro Meme, con especial cariño para @Terminator

No te me lo tomes a mal, que va desde el cariño. Por cierto, ¡¡muchos ánimos para el examen de PP.VV.!!

gonzalovl
4
Bandera de Países Bajos - Holanda gonzalovl 260 20 1684 Almere, Flevoland (Países Bajos - Holanda)

BorrajaX
0
Bandera de Estados Unidos BorrajaX 234 10 999 Nueva York, NY (Estados Unidos)

¡¡Toma ya @gonzalovl!! ¡Ese es el espíritu! Juas juas

malageño
0
Bandera de España malageño 365 2 3419 Roquetas de Mar, Almeria (España)

Fallo

malageño
0
Bandera de España malageño 365 2 3419 Roquetas de Mar, Almeria (España)

Estoy torpe

BorrajaX
1
Bandera de Estados Unidos BorrajaX 234 10 999 Nueva York, NY (Estados Unidos)

Podéis aseguraros de que la dirección (esa a la que le añadís el .jpg ) es buena y va a funcionar poniéndola directamente en vuestro navegador. Si todo va bien, os debería salir la imagen aislada.

Por ejemplo, si picáis en https://i.imgflip.com/yf4ag.jpg , os saldrá la imagen del meme con el Eddard 'Ned' Stark aislada. Lo único que deberíais ver en la "página web" es el meme ése.

@malageño, te estás acercando. ¡ánimo! :-)

1487449832
1
1487449832 , ()

Joder Borraja,...eres un autentico crack tio,...y yo sin ni siquiera saber "bajar" fotos al ordenador,....es otro mundo!

Atención: Este tema tiene más de 6 meses de antigüedad.