Comentarios en: Como usar correctamente grandes fondos con CSS http://www.tinnta.com/como-usar-grandes-extensos-fondos-con-css-correctamente/ CSS, HTML, jQuery... desarrollo y diseño web Wed, 01 Sep 2010 15:47:53 +0000 http://wordpress.org/?v=2.9.2 hourly 1 Por: Luis Lopez G http://www.tinnta.com/como-usar-grandes-extensos-fondos-con-css-correctamente/comment-page-1/#comment-183 Luis Lopez G Wed, 01 Sep 2010 15:47:53 +0000 http://www.tinnta.com/?p=458#comment-183 He visto tambien que por ejemplo en webs como webdesigner depot hay un gran arreglo que parece salir del DIV mayor (posts y sidebar), esto se puede lograr poniendo el fondo del color de salida, luego cortando los excesos que cubren el div mayor y llenarlos con un vacio en vez de continuar el arreglo gastando mas KB, aunque yo soy mas fan de los patterns y el minimalismo. He visto tambien que por ejemplo en webs como webdesigner depot hay un gran arreglo que parece salir del DIV mayor (posts y sidebar), esto se puede lograr poniendo el fondo del color de salida, luego cortando los excesos que cubren el div mayor y llenarlos con un vacio en vez de continuar el arreglo gastando mas KB, aunque yo soy mas fan de los patterns y el minimalismo.

]]> Por: Jack Bach http://www.tinnta.com/como-usar-grandes-extensos-fondos-con-css-correctamente/comment-page-1/#comment-150 Jack Bach Tue, 30 Mar 2010 12:55:17 +0000 http://www.tinnta.com/?p=458#comment-150 Hola meri! Para hacer un fondo como el de la página que has enlazado, para empezar necesitas una imagen muuuy grande. Lo ideal para que se vea siempre perfecto sería una de un ancho de 3000px, aunque puedes usar una más pequeña, ya que sino tardará mucho en cargarse. Importante que ocupe poco, no le pongas una calidad demasiado alta. Luego, simplemente en el css de tu página agregas el fondo del body como te muestro a continuación: background: [color] url("[dirección de la imagen]") no-repeat fixed center 0; Por ejemplo: background: #000 url("images/bg.jpg") no-repeat fixed center 0; Suerte! Hola meri!
Para hacer un fondo como el de la página que has enlazado, para empezar necesitas una imagen muuuy grande. Lo ideal para que se vea siempre perfecto sería una de un ancho de 3000px, aunque puedes usar una más pequeña, ya que sino tardará mucho en cargarse. Importante que ocupe poco, no le pongas una calidad demasiado alta.

Luego, simplemente en el css de tu página agregas el fondo del body como te muestro a continuación:
background: [color] url(“[dirección de la imagen]“) no-repeat fixed center 0;

Por ejemplo:
background: #000 url(“images/bg.jpg”) no-repeat fixed center 0;

Suerte!

]]> Por: meri http://www.tinnta.com/como-usar-grandes-extensos-fondos-con-css-correctamente/comment-page-1/#comment-149 meri Mon, 29 Mar 2010 17:21:48 +0000 http://www.tinnta.com/?p=458#comment-149 Hola a todos, estoy haciendo mi primera web y después de hacer varios cursos por internet, tengo una duda respecto al fondo. Necesito que mi pagina web tenga las características de la pagina web que os adjunto de muestra, http://motiveco.com.au/ es decir que la imagen se ajuste a la pantalla que tenga cada usuario pero sin deformarse. Me podríais ayudar?? muchas gracias. Kas Hola a todos, estoy haciendo mi primera web y después de hacer varios cursos por internet, tengo una duda respecto al fondo.
Necesito que mi pagina web tenga las características de la pagina web que os adjunto de muestra, http://motiveco.com.au/
es decir que la imagen se ajuste a la pantalla que tenga cada usuario pero sin deformarse.

Me podríais ayudar?? muchas gracias.

Kas

]]> Por: jorge duarte http://www.tinnta.com/como-usar-grandes-extensos-fondos-con-css-correctamente/comment-page-1/#comment-134 jorge duarte Tue, 10 Nov 2009 21:43:12 +0000 http://www.tinnta.com/?p=458#comment-134 muy buen tutorial... gracias por compartir tu conocimiento! muy buen tutorial… gracias por compartir tu conocimiento!

]]> Por: seeal http://www.tinnta.com/como-usar-grandes-extensos-fondos-con-css-correctamente/comment-page-1/#comment-114 seeal Sun, 27 Sep 2009 18:39:28 +0000 http://www.tinnta.com/?p=458#comment-114 muy bueno :) muy bueno :)

]]> Por: Jack Bach http://www.tinnta.com/como-usar-grandes-extensos-fondos-con-css-correctamente/comment-page-1/#comment-111 Jack Bach Fri, 25 Sep 2009 21:57:16 +0000 http://www.tinnta.com/?p=458#comment-111 Me alegro de que os guste este artículo... Si queréis haré más de este estilo :) Me alegro de que os guste este artículo… Si queréis haré más de este estilo :)

]]> Por: Sforero http://www.tinnta.com/como-usar-grandes-extensos-fondos-con-css-correctamente/comment-page-1/#comment-110 Sforero Fri, 25 Sep 2009 21:05:06 +0000 http://www.tinnta.com/?p=458#comment-110 Men te felicito!! ademas me servirá demasiado estoy aprendiendo xhtml + css :P Chao Men te felicito!!
ademas me servirá demasiado estoy aprendiendo xhtml + css :P Chao

]]> Por: Carlosmax http://www.tinnta.com/como-usar-grandes-extensos-fondos-con-css-correctamente/comment-page-1/#comment-109 Carlosmax Fri, 25 Sep 2009 18:54:12 +0000 http://www.tinnta.com/?p=458#comment-109 Gracias esta bueno. Saludos! Gracias esta bueno. Saludos!

]]>