Ver el tema anterior Ver el tema siguiente Ir abajo

[TUTORIAL] ¿Cómo modificar las medidas de mi firma sin usar un editor  de imágenes? Empty [TUTORIAL] ¿Cómo modificar las medidas de mi firma sin usar un editor de imágenes?

Mensaje por jongstae Sáb Oct 12, 2013 7:07 pm


Modificar tamaño de imágenes con HTML



Muchos de nosotros no somos tan diestros en la edición de imágenes, es por ello que en ocasiones recurrimos a tumblr o a otros sitios para tomar prestadas increíbles imágenes,edits o gifs.

Sin embargo, la mayoría de las veces el tamaño de éste material sobrepasa la medida permitida para las firmas aquí en el foro. ¿Qué hacer ante este gran inconveniente? ¡No desesperes!

Tenemos la solución perfecta para ti sin la necesidad de usar Photoshop o cualquier programa del mismo índole que edite imágenes.


PASO 1:

Ingresas a "PERFIL" → "PREFERENCIAS" → "Siempre permitir HTML" → REGISTRAR.

PASO 2:

Si no sabes como subir una imagen a tu firma, ingresa aquí: ¿Cómo poner mi firma?

PASO 3

Nos encontramos en "PERFIL" → "FIRMA" ,y usaremos el siguiente código:

Código:
<img src="aquí-la-url-de-la-imagen" border="" height="500" width="250" />
Los valores height y width los podemos variar según el tamaño que deseamos para nuestras imágenes.

Hay ocasiones en las que, cuando añadimos los valores heigth (alto) y width (ancho) la imagen puede salir desproporcionada . Para evitarlo tan solo añadiremos uno de los valores, o el alto o el ancho, y así conseguiremos que, al modificar el tamaño de la imagen, las medidas sean proporcionales entre si porque el otro valor se aplica automáticamente.


Cosas que debo tener en mente:


  • Las medidas permitidas para las firmas son : 500 x 250 px.
  • Ninguno de los valores puede sobrepasar el máximo que se indica en el foro.
  • Pide permiso al tomar edits/gifs de otros y/o agrega los créditos del propietario abajo de tu firma.


¡Y listo! No es tan difícil, ¿verdad?




EJEMPLO

Imagen con tamaño original; 500 x 350 px

Código:
<img src=http://31.media.tumblr.com/tumblr_ldvajhduvO1qaorpjo1_500.gif>

Notemos que sólo "350 px" es el valor que excede.

CORRECCIÓN

Imagen con tamaño indicado para el foro; width 250 px

Código:
 <img src="http://31.media.tumblr.com/tumblr_ldvajhduvO1qaorpjo1_500.gif" border="" height="" width="250" />



¿DUDAS? ¡Deja tu comentario abajo!




Sign Cr: VANILLATINKS @ Tumblr
Tutorial original por: www.gemablog.com
Adaptación: Dinoholic @ SHINee Mexico Forum.



jongstae
jongstae
Presidente
Masculino

I ♥ 종현 | 태민
Mensajes 4864
http://dinoholic.tumblr.com/

Volver arriba Ir abajo

[TUTORIAL] ¿Cómo modificar las medidas de mi firma sin usar un editor  de imágenes? Empty Comentario #1

Mensaje por Satsuki Dom Oct 13, 2013 3:10 am

Gashias me ayudo mucho XD
Satsuki
Satsuki
Fundador
Femenino

I ♥ Jonghyun♥
Mensajes 3170

Volver arriba Ir abajo

[TUTORIAL] ¿Cómo modificar las medidas de mi firma sin usar un editor  de imágenes? Empty Comentario #2

Mensaje por Bithae Dom Oct 13, 2013 1:06 pm

Tú siempre aportando genialidades, amor *^*
Gracias, ahora ya sé cómo hacerle para no usar programas popó para mi firmilla :D
Te amo C:
Bithae
Bithae

Femenino

I ♥ JongHo & Star...☆
Mensajes 2601
http://amor-yaoi.com/fanfic/viewuser.php?uid=35175

Volver arriba Ir abajo

[TUTORIAL] ¿Cómo modificar las medidas de mi firma sin usar un editor  de imágenes? Empty Comentario #3

Mensaje por LuzaKiller Dom Oct 13, 2013 1:29 pm

Quizá lo aplique, qué va, lo haré. xDD
¡Muchas gracias por la ayudita! No sabía que se podía hacer eso. Bueno, sí, pero no se había ocurrido hacerlo, lol.

Te amo, Sandita. :D
LuzaKiller
LuzaKiller

Femenino

I ♥ 최민호♥, 태민♥ & 키♥
Mensajes 1481

Volver arriba Ir abajo

[TUTORIAL] ¿Cómo modificar las medidas de mi firma sin usar un editor  de imágenes? Empty Re: [TUTORIAL] ¿Cómo modificar las medidas de mi firma sin usar un editor de imágenes?

Mensaje por Moonmint Mar Ene 27, 2015 7:34 pm

LOL hasta apenas estoy leyendo esto, siempre busco imágenes
que no sobrepasen el valor de la regla, pero ahora ya utilizare
imágenes que me encantan y que modificare!!

Muchas gracias por el tema Sandy :3
Moonmint
Moonmint
Admin
Femenino

I ♥ 태민
Mensajes 3093
http://moonmint.flavors.me/

Volver arriba Ir abajo

[TUTORIAL] ¿Cómo modificar las medidas de mi firma sin usar un editor  de imágenes? Empty Re: [TUTORIAL] ¿Cómo modificar las medidas de mi firma sin usar un editor de imágenes?

Mensaje por Elserina Miér Mar 04, 2015 9:55 pm

Demasiado útil!!!! *-*)/
Ahora podré subir los gifs que quiera sin que se deformen por el editor *u*
GRACIAS!!!
Elserina
Elserina

Femenino

I ♥ JongHyun
Mensajes 284

Volver arriba Ir abajo

[TUTORIAL] ¿Cómo modificar las medidas de mi firma sin usar un editor  de imágenes? Empty Re: [TUTORIAL] ¿Cómo modificar las medidas de mi firma sin usar un editor de imágenes?

Mensaje por jongstae Vie Mar 06, 2015 12:24 pm

Me alegro mucho que les sea de utilidad :)
jongstae
jongstae
Presidente
Masculino

I ♥ 종현 | 태민
Mensajes 4864
http://dinoholic.tumblr.com/

Volver arriba Ir abajo

[TUTORIAL] ¿Cómo modificar las medidas de mi firma sin usar un editor  de imágenes? Empty Re: [TUTORIAL] ¿Cómo modificar las medidas de mi firma sin usar un editor de imágenes?

Mensaje por Jjongmints Sáb Mar 07, 2015 5:49 pm

HAHAHAHAHA Había olvidado por completo que se podía incluir eso en los códigos, gracias por recordármelo ;;
Jjongmints
Jjongmints
Vicepresidente
Femenino

I ♥ 종현 | 태민
Mensajes 13110
http://taeriyaki.tumblr.com

Volver arriba Ir abajo

[TUTORIAL] ¿Cómo modificar las medidas de mi firma sin usar un editor  de imágenes? Empty Re: [TUTORIAL] ¿Cómo modificar las medidas de mi firma sin usar un editor de imágenes?

Mensaje por jongstae Dom Mayo 03, 2015 3:41 pm

Para eso estamos, muajajaja.
jongstae
jongstae
Presidente
Masculino

I ♥ 종현 | 태민
Mensajes 4864
http://dinoholic.tumblr.com/

Volver arriba Ir abajo

[TUTORIAL] ¿Cómo modificar las medidas de mi firma sin usar un editor  de imágenes? Empty Re: [TUTORIAL] ¿Cómo modificar las medidas de mi firma sin usar un editor de imágenes?

Mensaje por Contenido patrocinado

Contenido patrocinado

Volver arriba Ir abajo

Ver el tema anterior Ver el tema siguiente Volver arriba


 
Permisos de este foro:
No puedes responder a temas en este foro.