|
   |
| 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 |
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 
|
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
|
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
|
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.
|
Amm ya, que bien..
Y aun sigues con sitios web, compartelos... 
Después de mi larga ausencia. Aquí estoy.
|
| |||
| |||