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.

El autor de este comentario está marcado como troll/spammer.

1457288721
1
1457288721 , ()

˙ɐıɔuǝıɔɐd oƃuǝʇ ou 'sɐsoɔ sɐʇsǝ ǝɯɹǝpuǝɹdɐ ǝp odɯǝıʇ oƃuǝʇ ou oʎ sǝñd

1457288721
1
1457288721 , ()

¡¡¡¡¡ ɥɐd

El autor de este comentario está marcado como troll/spammer.

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

@JoseGand acaba de descubrir el maravilloso mundo del Unicode... ¡Dios nos coja confesaos! :D :D

Liutorable
3
Bandera de Nueva Zelanda Liutorable 485 18 10576 Wellington, Wellington (Nueva Zelanda)

Aquí una página con la que podías copiar y poner el texto al revés :D
http://girartexto.com/
Yo como ya estoy cabeza abajo lo leo "normal" @joseGand jajaja
Welcome, @emparedado :)

Liutorable
1
Bandera de Nueva Zelanda Liutorable 485 18 10576 Wellington, Wellington (Nueva Zelanda)

Por cierto: ¿se pueden poner imágenes en un comentario que no sean de internet? @BorrajaX

1459206455
0
1459206455 , ()

Se puede ,pero debes subir las imágenes a la red, entonces me imagino que serían públicas.

1456206973
0
1456206973 , ()

Este hilo recuerda a los primeros foros de los 90. Ya solo faltan los gif animados... venga..

1459206455
0
1459206455 , ()

Mi primer ordenador personal fue en el año 1986 y creo que a finales de los ochenta o al principio de los noventa empecé a tener conexión en casa con Internet.
Mi hobby era diseñar portales y era un adicto de los chats.Desde entonces los ordenadores , teléfonos , tablet, etc. .. son partes de mi cuerpo.
Soy casi un cyborg :)

Liutorable
0
Bandera de Nueva Zelanda Liutorable 485 18 10576 Wellington, Wellington (Nueva Zelanda)

Preguntaba por evitar tener que subirlas y luego ponerlas... vale, no pasa nada, @Anastasio-ciborg

Liutorable
0
Bandera de Nueva Zelanda Liutorable 485 18 10576 Wellington, Wellington (Nueva Zelanda)

Todo a su tiempo, @quixote, tenemos que ir paso a paso para que no se nos atragante el tema :D

Liutorable
1
Bandera de Nueva Zelanda Liutorable 485 18 10576 Wellington, Wellington (Nueva Zelanda)

Liutorable
0
Bandera de Nueva Zelanda Liutorable 485 18 10576 Wellington, Wellington (Nueva Zelanda)
Selena2105
0
Bandera de Canadá Selena2105 497 86 6691 about to finally leave the boonies behind (wish me luck) :D, British Columbia, Canuckland (Canadá)

Selena2105
1
Bandera de Canadá Selena2105 497 86 6691 about to finally leave the boonies behind (wish me luck) :D, British Columbia, Canuckland (Canadá)

1456206973
0
1456206973 , ()

No puede ser!!! Habéis puesto los pu***s gifs!!! Super-retro!! LoL

Selena2105
2
Bandera de Canadá Selena2105 497 86 6691 about to finally leave the boonies behind (wish me luck) :D, British Columbia, Canuckland (Canadá)

Un puntazo este hilo. Este es el ultimo para que no se me quede el 'comentario' sin nada,y porque el anterior intento me salio churro. Lo titulo:

El fantasma contra la gravedad

parajosesolo
0
Bandera de España parajosesolo 351 89 7164 En mi casa, con mi gente (España)

Lo he comentado en otro hilo pero lo incluyo aquí por si alguien le viene bien.

Para quien no conozca lo que es un metabuscador ... yo suelo usa Ixquick.com

Metabuscadores: El buscador de buscadores

1459206455
0
1459206455 , ()

@nek

Sin asteriscos :

height=500

Con asteriscos :

<*img src=http://page.crystalcomments.com/1/631345227eaae78f61.jpg alt*=height=500 width=500>

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

@Liuturable,

¿se pueden poner imágenes en un comentario que no sean de internet?

No. Como bien dice @Anastasio:

debes subir las imágenes a la red,

La imagen tiene que estar en un sitio accesible por todo el mundo (las podrías "subir" en tu casa, pero entonces sólo tú podrías verlas: a los demás nos saldría un error) Hay sitios web que te almacenan las fotos y te dan un enlace "de gratis" . Uno muy conocido es http://imgur.com/ Algunos de estos sitios tienen "letra pequeña", como por ejemplo, que si nadie ha visto tu imagen en un mes, te la borran y cosas así.

Si a alguien le interesa, puedo poner instrucciones sobre como subir una foto a imgur y compartirla en el foro (just sayin')

Liutorable
1
Bandera de Nueva Zelanda Liutorable 485 18 10576 Wellington, Wellington (Nueva Zelanda)

¡Gracias! @BorrajaX.

Liutorable
0
Bandera de Nueva Zelanda Liutorable 485 18 10576 Wellington, Wellington (Nueva Zelanda)

Y a @Anastasio también :)

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

memegenerator.es Creado con memegenerator.es

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

height=500

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

parajosesolo
0
Bandera de España parajosesolo 351 89 7164 En mi casa, con mi gente (España)

@gonzalovl te ha faltado algo, no se ven .... será el .jpg?

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

ufff era un tema complicado que saliera bien jajajajjaa

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

@parajosesolo pero bueno aquí te dejo esto....

MePau
0
Bandera de Reino Unido MePau 102 1 454 Madrid, Madrid (Reino Unido)

MePau
0
Bandera de Reino Unido MePau 102 1 454 Madrid, Madrid (Reino Unido)

height=500

MePau
1
Bandera de Reino Unido MePau 102 1 454 Madrid, Madrid (Reino Unido)

pues empezamos bien..

traspies
1
Bandera de Reino Unido traspies 265 30 1068 Burton-on-Trent, East Staffordshire (Reino Unido)

@MePau : Tranquilo, yo empecé peor. Todo es ponerse.

@gonzalovl : Madre mía ... qué abundancia !. La nueva Sabrina ?.

parajosesolo
2
Bandera de España parajosesolo 351 89 7164 En mi casa, con mi gente (España)

Gracias @gonzalovl me encantan las prácticas de los movimientos ondulatorios
ja,ja,ja

trucha
0
Bandera de Estados Unidos trucha 339 7 588 Princeton, New Jersey (Estados Unidos)
trucha
1
Bandera de Estados Unidos trucha 339 7 588 Princeton, New Jersey (Estados Unidos)

me pongo tarde, pero voy a ver qué consigo...

Archituerto
0
Bandera de Reino Unido Archituerto 20 1 21 ., . (Reino Unido)

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

@Archituerto le has quitado los asteriscos? (*)
quítaselos

Archituerto
0
Bandera de Reino Unido Archituerto 20 1 21 ., . (Reino Unido)

Jejeje, perdon, siento dar la lata, estoy intentandolo con un gif y la dirección que aparece ahora es porque tengo eso de referencia...
para los gif sigue siendo img src o es iframe src?

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

img src, pero mira que no tenga el https porque si proviene de un servidor seguro no te la muestra, en ese caso le dices de mostrar en otra pestaña y coges esa url

Edito: lo mejor es que le des botón derecho, abrir en una nueva pestaña y copias la url del gif que quieres mostrar

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

ejemplo para @Archituerto

El texto pone:<*img src=http://robotmafia.com/wp-content/uploads/2011/03/dvdp-110327.gif* alt=height="400" width="400">

recuerda quitarle los asteriscos

Archituerto
1
Bandera de Reino Unido Archituerto 20 1 21 ., . (Reino Unido)

Ya esta!!! Mil gracias @parajosesolo !!!

Creo que el problema era que el gif que quería poner estaba en tumblr que es https...

Mil gracias again!!!!

Editando: además la dirección era un poco rara, no incluía en ningún momento la extension .gif

El autor de este comentario está marcado como troll/spammer.

El autor de este comentario está marcado como troll/spammer.

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

Emoticonos:

Viene de: http://www.spaniards.es/foros/ayuda-sobre-spaniardses/jodo-vaya-rapidez-y-gracias-gente/comentario-2144361

Yo personalmente utilizo los del agregador de noticias Menéame

Voy a una página en las que aparecen un puñado de ellos (https://www.meneame.net/notame/2050382) y le doy al botón derecho "Copiar dirección de la imagen" sobre el emoticono que quiero utilizar.

La dirección de la imagen será una cosa como https://mnmstatic.net/blabilbul/blabla...png (los blabliblu, blablabla son un ejemplo... de todas formas, la dirección no se ve hasta que se hace el "Pegado")

Luego, uso esa imagen en el comentario, escribiendo:

<img src="https://mnmstatic.net/blabilbul/blabla...png" width=18px />

Por ejemplo, los de la risa (que, afortunadamente son los que más uso) es:

<img src="https://mnmstatic.net/v_40/img/menemojis/36/lol.gif" width=18px />

Por poner otros:

El "smiley" por excelencia:
<img src="https://mnmstatic.net/v_40/img/menemojis/36/smiley.png" width=18px />

El facepalm:
<img src="https://mnmstatic.net/v_40/img/menemojis/36/palm.png" width=18px />

El abrazo (en este la anchura, widthidónea cambia un poco, porque es más ancho):
<img src="https://mnmstatic.net/v_40/img/menemojis/36/hug.png" width=36px />

El de "forever alone":
<img src="https://mnmstatic.net/v_40/img/menemojis/36/foreveralone.png" width=18px />

El de darse cabezazos contra la pared:
<img src="https://mnmstatic.net/v_40/img/menemojis/36/wall.gif" width=24px />

El de "que te den":
<img src="https://mnmstatic.net/v_40/img/menemojis/36/peineta.png" width=20px />

El de "te has lucido, macho":
<img src="https://mnmstatic.net/v_40/img/menemojis/36/clap.gif" width=36px />

El de "la sonrisa gorda":
<img src="https://mnmstatic.net/v_40/img/menemojis/36/cheesy.png" width=18px />

El de "me has dejao pasmao":
<img src="https://mnmstatic.net/v_40/img/menemojis/36/blank.png" width=18px />

El de "me estás cabreando":
<img src="https://mnmstatic.net/v_40/img/menemojis/36/angry.png" width=18px />

El de "Uuuhm...":
<img src="https://mnmstatic.net/v_40/img/menemojis/36/shame.png" width=18px />

El de "Te estoy trolleando":
<img src="https://mnmstatic.net/v_40/img/menemojis/36/troll.png" width=18px />

El de "Conspiranoico":
<img src="https://mnmstatic.net/v_40/img/menemojis/36/tinfoil.gif" width=18px />

El "pulgar p'arriba":
<img src="https://mnmstatic.net/v_40/img/twemojis/36/1f44d.png" width=18px />

El "pulgar p'abajo":
<img src="https://mnmstatic.net/v_40/img/twemojis/36/1f44e.png" width=18px />

El "un besico":
<img src="https://mnmstatic.net/v_40/img/twemojis/36/1f618.png" width=18px />

Las palomitas de maíz:
<img src="https://mnmstatic.net/v_40/img/menemojis/36/popcorn.gif" width=32px />

El de "¿Pero có?":
<img src="https://mnmstatic.net/v_40/img/menemojis/36/shocked.gif" width=18px />

[Nótese que yo hago mi propia interpretación maña de los emoticonos...]

Por ejemplo:
Esto que dices me da risión porque es gracioso.

Se puede obtener escribiendo:
Esto que dices me da risión <img src="https://mnmstatic.net/v_40/img/menemojis/36/lol.gif" width=18px /> porque es gracioso.

Es un proceso un poco "artesanal", pero bueno... es lo que yo hago (no se si habrá forma mejor) Es básicamente insertar una imagen dándole una anchura de 18 píxeles a la mayoría . Yo utilizo una altura de 18 porque me parece queda bien, más o menos como si fuese una letra más... bueno... al menos en mi pantalla queda bien, aunque se puede variar si queréis:

Por ejemplo, para hacer la risa más gorda:

sería <img src="https://mnmstatic.net/v_40/img/menemojis/36/lol.gif" width=36px />

O para controlar con la altura (height) en lugar de con la anchura, se haría:

<img src="https://mnmstatic.net/v_40/img/menemojis/36/hug.png" height=60px /> aunque algunos navegadores, como por ejemplo el mío, parece que no hace caso últimamente...

EDITO:
No sé bien qué ha pasado, pero al menos en mi navegador, parece que el utilizar height no funciona más, así que he cambiado para poner cómo se haría el control del tamaño con anchuras, en lugar de con alturas.

sarafiguig
4
Bandera de Francia sarafiguig 420 70 10149 Una, Depende (Francia)

julio iglesias 2 - eres la leche y lo sabes

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