Página 1 de 11
Moderador del foro: ZorG 
Foro uCoz » Ayuda a los webmasters » Configuración del diseño » Imágenes redimensionadas sin distorsionar
Imágenes redimensionadas sin distorsionar
Joan_Mora
Mensajes: 29
Reputación: 0
Mensaje Nº 1 | 8:01 PM
Hola amigos, traigo unas pocas líneas de código que os pueden venir bastante bien a la hora de tratar las imágenes. Cuando defines la anchura o altura de una imagen puede ocurrir un problema, esta se distorsiona. Pues bien, si utilizamos el siguiente código podremos olvidar las imágenes mal redimensionadas.

Code
<table cellpadding="5px" cellspacing="0"><tr><td width="390px" style="background: url('/imagen.jpg') center;background-size: 100% ;><img src="/2/transparencia.png" height="200px"></td></tr></table>


Como podéis ver la imagen que vamos a redimensionar está en una celda condicionada solo por la anchura y dentro de la celda encontramos una imagen transparente (siempre en .png) con la etiqueta height lo que consigue que no se distorsione la imagen. Con background-size hacemos que la imagen se adapte a la celda y además si queremos podemos hacer zoom si ponemos un valor mayor de 100%.

Saludos bye
Daze
Mensajes: 87
Reputación: 4
Mensaje Nº 2 | 10:01 PM
Joan_Mora, Gracias por tu aporte, seguro que a muchos les servira. Solo una preguta, este codigo tiene que estarlo agregando manualmente verdad?.

Joan_Mora
Mensajes: 29
Reputación: 0
Mensaje Nº 3 | 11:15 PM
Este código está pensado más bien para los informadores, yo lo tengo sobre todo para los de la página de inicio, pero también hago uso de ello en los blogs.

En hockeysur.net puedes verlo en acción (con background-size:130%).
Saludos
Post editado por Joan_Mora - Martes, 2012-08-21, 11:16 PM
Daze
Mensajes: 87
Reputación: 4
Mensaje Nº 4 | 7:36 AM
A perfecto!, me podrías pasar tu web ya sea por aquí o por mp, para verlo en acción :D.

Saludos!.


zatch_01
Mensajes: 269
Reputación: 2
Mensaje Nº 5 | 11:25 PM
Daze, lo tiene en la firma al sitio.
Visita mi sitio si queres ver animes y pelis online www.portal-iw.do.am
Daze
Mensajes: 87
Reputación: 4
Mensaje Nº 6 | 2:41 AM
zatch_01, Si ya vi, es que antes no lo tenia firma jeje.

zatch_01
Mensajes: 269
Reputación: 2
Mensaje Nº 7 | 4:23 AM
Jajaja, es un error comun, el tiempo pasa, y se va cambiando todo, el que necesite ayuda en su sitio pongalo aca, aunque no sea administrador ni nada, se bastante de ucoz y tengo mi hosting, pero es mi familia ucoz ;).
Visita mi sitio si queres ver animes y pelis online www.portal-iw.do.am
Plantillasw
Mensajes: 277
Reputación: 6
Mensaje Nº 8 | 7:26 AM
Amigo zatch_01, no puedo entrar a tu sitio http://portal-iw.do.am/ - No existe.

Está bien escrito ??

Después de mi larga ausencia. Aquí estoy.
zatch_01
Mensajes: 269
Reputación: 2
Mensaje Nº 9 | 5:10 AM
Esta bien escrito, pero como dije, "volvi" deje mi sitio de ucoz, e hice otro, yo nomas volvi para ayudarlos en cualquier problema.
Visita mi sitio si queres ver animes y pelis online www.portal-iw.do.am
Plantillasw
Mensajes: 277
Reputación: 6
Mensaje Nº 10 | 7:33 AM
Amm ya, que bien..
Y aun sigues con sitios web, compartelos... biggrin

Después de mi larga ausencia. Aquí estoy.
Foro uCoz » Ayuda a los webmasters » Configuración del diseño » Imágenes redimensionadas sin distorsionar
Página 1 de 11
Búscar: