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 , ()
Miembro desde 11 Apr 2011 - 15:52

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

1457288721
1
1457288721 , ()
Miembro desde 11 Apr 2011 - 15:52

¡¡¡¡¡ ɥɐd

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

BorrajaX
1
Bandera de Estados Unidos BorrajaX 274 10 992 Nueva York, NY (Estados Unidos)
Miembro desde 27 Aug 2013 - 23:04

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

Liutorable
3
Bandera de Nueva Zelanda Liutorable 505 18 10686 Wellington, Wellington (Nueva Zelanda)
Miembro desde 20 Mar 2010 - 11:34

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 505 18 10686 Wellington, Wellington (Nueva Zelanda)
Miembro desde 20 Mar 2010 - 11:34

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

1459206455
0
1459206455 , ()
Miembro desde 24 Jan 2016 - 14:25

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

1456206973
0
1456206973 , ()
Miembro desde 27 Mar 2015 - 00:53

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

1459206455
0
1459206455 , ()
Miembro desde 24 Jan 2016 - 14:25

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 505 18 10686 Wellington, Wellington (Nueva Zelanda)
Miembro desde 20 Mar 2010 - 11:34

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

Liutorable
0
Bandera de Nueva Zelanda Liutorable 505 18 10686 Wellington, Wellington (Nueva Zelanda)
Miembro desde 20 Mar 2010 - 11:34

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 505 18 10686 Wellington, Wellington (Nueva Zelanda)
Miembro desde 20 Mar 2010 - 11:34

Liutorable
0
Bandera de Nueva Zelanda Liutorable 505 18 10686 Wellington, Wellington (Nueva Zelanda)
Miembro desde 20 Mar 2010 - 11:34
Selena2105
0
Bandera de Canadá Selena2105 659 86 6692 about to finally leave the boonies behind (wish me luck) :D, British Columbia, Canuckland (Canadá)
Miembro desde 7 Nov 2006 - 21:30

Selena2105
1
Bandera de Canadá Selena2105 659 86 6692 about to finally leave the boonies behind (wish me luck) :D, British Columbia, Canuckland (Canadá)
Miembro desde 7 Nov 2006 - 21:30

1456206973
0
1456206973 , ()
Miembro desde 27 Mar 2015 - 00:53

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

Selena2105
2
Bandera de Canadá Selena2105 659 86 6692 about to finally leave the boonies behind (wish me luck) :D, British Columbia, Canuckland (Canadá)
Miembro desde 7 Nov 2006 - 21:30

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 366 89 7164 En mi casa, con mi gente (España)
Miembro desde 1 Sep 2014 - 16:52

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

1468513931
0
1468513931 , ()
Miembro desde 4 Feb 2016 - 15:24

1468513931
0
1468513931 , ()
Miembro desde 4 Feb 2016 - 15:24

1472141314
2
1472141314 , ()
Miembro desde 18 Jul 2014 - 22:17

1459206455
0
1459206455 , ()
Miembro desde 24 Jan 2016 - 14:25

@nek

Sin asteriscos :

height=500

Con asteriscos :

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

1468513931
0
1468513931 , ()
Miembro desde 4 Feb 2016 - 15:24
BorrajaX
0
Bandera de Estados Unidos BorrajaX 274 10 992 Nueva York, NY (Estados Unidos)
Miembro desde 27 Aug 2013 - 23:04

@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 505 18 10686 Wellington, Wellington (Nueva Zelanda)
Miembro desde 20 Mar 2010 - 11:34

¡Gracias! @BorrajaX.

Liutorable
0
Bandera de Nueva Zelanda Liutorable 505 18 10686 Wellington, Wellington (Nueva Zelanda)
Miembro desde 20 Mar 2010 - 11:34

Y a @Anastasio también :)

gonzalovl
0
Bandera de Países Bajos - Holanda gonzalovl 289 20 1685 Almere, Flevoland (Países Bajos - Holanda)
Miembro desde 8 Aug 2013 - 11:56

memegenerator.es Creado con memegenerator.es

gonzalovl
0
Bandera de Países Bajos - Holanda gonzalovl 289 20 1685 Almere, Flevoland (Países Bajos - Holanda)
Miembro desde 8 Aug 2013 - 11:56

height=500

gonzalovl
0
Bandera de Países Bajos - Holanda gonzalovl 289 20 1685 Almere, Flevoland (Países Bajos - Holanda)
Miembro desde 8 Aug 2013 - 11:56

parajosesolo
0
Bandera de España parajosesolo 366 89 7164 En mi casa, con mi gente (España)
Miembro desde 1 Sep 2014 - 16:52

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

gonzalovl
0
Bandera de Países Bajos - Holanda gonzalovl 289 20 1685 Almere, Flevoland (Países Bajos - Holanda)
Miembro desde 8 Aug 2013 - 11:56

ufff era un tema complicado que saliera bien jajajajjaa

gonzalovl
1
Bandera de Países Bajos - Holanda gonzalovl 289 20 1685 Almere, Flevoland (Países Bajos - Holanda)
Miembro desde 8 Aug 2013 - 11:56

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

MePau
0
Bandera de Reino Unido MePau 102 1 454 Madrid, Madrid (Reino Unido)
Miembro desde 30 Oct 2014 - 17:29

MePau
0
Bandera de Reino Unido MePau 102 1 454 Madrid, Madrid (Reino Unido)
Miembro desde 30 Oct 2014 - 17:29

height=500

MePau
1
Bandera de Reino Unido MePau 102 1 454 Madrid, Madrid (Reino Unido)
Miembro desde 30 Oct 2014 - 17:29

pues empezamos bien..

traspies
1
Bandera de Reino Unido traspies 289 32 1102 Burton-on-Trent, East Staffordshire (Reino Unido)
Miembro desde 27 Dec 2013 - 17:42

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

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

parajosesolo
2
Bandera de España parajosesolo 366 89 7164 En mi casa, con mi gente (España)
Miembro desde 1 Sep 2014 - 16:52

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)
Miembro desde 8 Jul 2010 - 19:57
trucha
1
Bandera de Estados Unidos trucha 339 7 588 Princeton, New Jersey (Estados Unidos)
Miembro desde 8 Jul 2010 - 19:57

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

Archituerto
0
Bandera de Reino Unido Archituerto 20 1 21 ., . (Reino Unido)
Miembro desde 8 Jan 2016 - 14:34

parajosesolo
1
Bandera de España parajosesolo 366 89 7164 En mi casa, con mi gente (España)
Miembro desde 1 Sep 2014 - 16:52

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

Archituerto
0
Bandera de Reino Unido Archituerto 20 1 21 ., . (Reino Unido)
Miembro desde 8 Jan 2016 - 14:34

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 366 89 7164 En mi casa, con mi gente (España)
Miembro desde 1 Sep 2014 - 16:52

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 366 89 7164 En mi casa, con mi gente (España)
Miembro desde 1 Sep 2014 - 16:52

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)
Miembro desde 8 Jan 2016 - 14:34

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 274 10 992 Nueva York, NY (Estados Unidos)
Miembro desde 27 Aug 2013 - 23:04

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)
Miembro desde 26 Jan 2013 - 21:35

julio iglesias 2 - eres la leche y lo sabes

Este tema ha sido cerrado por la Administración de Spaniards.es y no permite añadir más comentarios.