DIVs de Softonic que no me las puedo explicar :S

[ZequeZ]

Bueno, seguramente muchos conocen el popular sitio de descargas "Softonic"...

La cosa es mientras me descargaba un programa me dio curiosidad de saber como hacian ellos para poner los bordes redondeados a las capas...

Lo que descubrí me dejó perplejo, simplemente no me lo explico :S.

Tienen una imagen de fondo que no se como hacen pero le sacan la parte del medio :S

Weno, una imagen dice mas que mil palabras:

http://e2.sftcdn.net/es/images/downl...ad_bg_free.gif

Tienen para las cajas de descarga eso...

Y también me encontré con una imagen como esta:

http://e1.sftcdn.net/shared/images/i...oxes_light.png

Y una página de descarga de ejemplo:

http://everest.softonic.com/descargar


La verdad que no me lo puedo explicar como es que "recortan" las imágenes de fondo de esa manera :S
Alguno sabe? :S

[Ronin46]

Lo de la primera imagen lo desconozco, pero lo de la segunda imagen me suena.

También se usa en yahoo esa técnica, se crea una imagen compuesta por todas las imágenes y luego se van colocando en el sitio web dándole coordenadas a la imagen "grande" para extraer las "pequeñas". No recuerdo que nombre tenía eso.

Es para no tener que cargar tantas imágenes, ya que si tienes 20 imágenes, tienes que hacer 20 peticiones, de esa forma sólo harías 1 petición.

Estuve buscando, y son los css sprites: http://www.websiteoptimization.com/s...k/css-sprites/

[ZequeZ]

Mmm...
Interesante voy a investigar mas sobre ese tema...

Aunque con el método que vos decis, la primera imágen que puse también se podria pasar con ese método, es decir, una capa con la parte de arriba, y la otra con la parte de abajo xD.

Gracias ^^.

[Ronin46]

Si, efectivamente, se podría usar la misma técnica.