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

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

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

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).

1583181315
0
1583181315 , ()
Miembro desde 26 Sep 2010 - 20:18

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

@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...

1583181315
0
1583181315 , ()
Miembro desde 26 Sep 2010 - 20:18

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

Un saludo

1583181315
1
1583181315 , ()
Miembro desde 26 Sep 2010 - 20:18
BorrajaX
0
Bandera de Estados Unidos BorrajaX 270 10 992 Nueva York, NY (Estados Unidos)
Miembro desde 27 Aug 2013 - 23:04

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

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

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 , ()
Miembro desde 24 Jan 2016 - 14:25

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

1583181315
1
1583181315 , ()
Miembro desde 26 Sep 2010 - 20:18

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 282 31 1097 Burton-on-Trent, East Staffordshire (Reino Unido)
Miembro desde 27 Dec 2013 - 17:42

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 282 31 1097 Burton-on-Trent, East Staffordshire (Reino Unido)
Miembro desde 27 Dec 2013 - 17:42

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

1583181315
0
1583181315 , ()
Miembro desde 26 Sep 2010 - 20:18

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

Kriska79
0
Bandera de Francia Kriska79 343 29 2516 París, Île-de-France (Francia)
Miembro desde 13 Mar 2012 - 12:59

@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 , ()
Miembro desde 24 Jan 2016 - 14:25

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

1487449832
1
1487449832 , ()
Miembro desde 17 Feb 2014 - 22:10

"uves tumbadas",...donde?

Diebels
0
Bandera de Alemania Diebels 331 45 2395 Köln, NRW (Alemania)
Miembro desde 15 Oct 2012 - 14:29

algo sobre como insertar hyoerlinks, por favor?

traspies
2
Bandera de Reino Unido traspies 282 31 1097 Burton-on-Trent, East Staffordshire (Reino Unido)
Miembro desde 27 Dec 2013 - 17:42

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 , ()
Miembro desde 24 Jan 2016 - 14:25

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 , ()
Miembro desde 24 Jan 2016 - 14:25

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

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

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

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

@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

1583181315
0
1583181315 , ()
Miembro desde 26 Sep 2010 - 20:18

intento fallido :(

1583181315
0
1583181315 , ()
Miembro desde 26 Sep 2010 - 20:18

gonzalovl
0
Bandera de Países Bajos - Holanda gonzalovl 278 20 1685 Almere, Flevoland (Países Bajos - Holanda)
Miembro desde 8 Aug 2013 - 11:56
1487449832
0
1487449832 , ()
Miembro desde 17 Feb 2014 - 22:10

....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í!

1583181315
0
1583181315 , ()
Miembro desde 26 Sep 2010 - 20:18

1583181315
1
1583181315 , ()
Miembro desde 26 Sep 2010 - 20:18

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

1583181315
0
1583181315 , ()
Miembro desde 26 Sep 2010 - 20:18

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

1487449832
0
1487449832 , ()
Miembro desde 17 Feb 2014 - 22:10

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

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

¡¡Toma ya @malageno !! 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.

1583181315
1
1583181315 , ()
Miembro desde 26 Sep 2010 - 20:18

@BorrajaX. Poco a poco le pillaremos el punto.

Gracias.

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

@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.

1583181315
0
1583181315 , ()
Miembro desde 26 Sep 2010 - 20:18

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)
Miembro desde 7 Mar 2009 - 13:10

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 278 20 1685 Almere, Flevoland (Países Bajos - Holanda)
Miembro desde 8 Aug 2013 - 11:56

1583181315
0
1583181315 , ()
Miembro desde 26 Sep 2010 - 20:18

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

@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 278 20 1685 Almere, Flevoland (Países Bajos - Holanda)
Miembro desde 8 Aug 2013 - 11:56

joajoajoajoajoa fornicarllll

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

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

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 278 20 1685 Almere, Flevoland (Países Bajos - Holanda)
Miembro desde 8 Aug 2013 - 11:56

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

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

1583181315
0
1583181315 , ()
Miembro desde 26 Sep 2010 - 20:18

Fallo

1583181315
0
1583181315 , ()
Miembro desde 26 Sep 2010 - 20:18

Estoy torpe

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

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.

@malageno, te estás acercando. ¡ánimo! :-)

1487449832
1
1487449832 , ()
Miembro desde 17 Feb 2014 - 22:10

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

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