http://www.kriesi.at/support/topic/two-background-images-linked-to-header-and-footer-zone Support Forum - Topic: Two Background images linked to header and footer zone en-US Wed, 19 Jun 2013 04:01:11 +0000 http://bbpress.org/?v=1.0.2 q http://www.kriesi.at/support/search.php http://www.kriesi.at/support/topic/two-background-images-linked-to-header-and-footer-zone#post-42800 Tue, 21 Feb 2012 21:20:03 +0000 jessipoo 42800@http://www.kriesi.at/support/ <p>can something similar be done for the header of the CENTER block of the site? IE where your logo is.. without affecting the background image? </p> http://www.kriesi.at/support/topic/two-background-images-linked-to-header-and-footer-zone#post-26582 Fri, 09 Sep 2011 05:08:52 +0000 Dude 26582@http://www.kriesi.at/support/ <p>Glad that you found a solution :) </p> http://www.kriesi.at/support/topic/two-background-images-linked-to-header-and-footer-zone#post-26548 Thu, 08 Sep 2011 08:05:12 +0000 Christian Ronchi 26548@http://www.kriesi.at/support/ <p>Solved with this code:<br /> html, body {<br /> background:<br /> url(../images/skin3/background_top.jpg) top center no-repeat,<br /> url(../images/skin3/background_down.jpg) bottom center no-repeat,<br /> url(../images/skin3/background_tile.jpg) 50% 50% no-repeat #e8e8e8;<br /> background-size: 1920px 530px, 1920px 530px, 1920px 80%;<br /> }</p> <p>i set the lower tiling background streching it by 80% in vertical, instead of tiling for all the page height. </p> http://www.kriesi.at/support/topic/two-background-images-linked-to-header-and-footer-zone#post-26429 Mon, 05 Sep 2011 15:21:30 +0000 Christian Ronchi 26429@http://www.kriesi.at/support/ <p>Hi!<br /> Well, is not a big problem, if it's simple to solve ok, if not i don't care :)<br /> here the link of the image:<br /> <a href="http://www.chricchio.com/ToDelete/Tiling.jpg" rel="nofollow">http://www.chricchio.com/ToDelete/Tiling.jpg</a><br /> Thanks again! </p> http://www.kriesi.at/support/topic/two-background-images-linked-to-header-and-footer-zone#post-26389 Sun, 04 Sep 2011 23:43:57 +0000 Chris Beard 26389@http://www.kriesi.at/support/ <p>If this really forms a problem for you, can you provide me with a screenshot? My monitor isn't that big (I ordered one though ;p) and when I zoom out it doesn't really form a problem. </p> http://www.kriesi.at/support/topic/two-background-images-linked-to-header-and-footer-zone#post-26286 Fri, 02 Sep 2011 14:11:44 +0000 Christian Ronchi 26286@http://www.kriesi.at/support/ <p>i think doesn't work...<br /> here you can check the page:<br /> <a href="http://www.chricchio.com/" rel="nofollow">http://www.chricchio.com/</a><br /> i use a monitor resolution of 1920x1200, and if you take a look at the bottom of the page, you see the problem. I think is a problem when the page height is less than the monitor vertical resolution...<br /> Thanks again for your support!<br /> :)<br /> Chris. </p> http://www.kriesi.at/support/topic/two-background-images-linked-to-header-and-footer-zone#post-26242 Thu, 01 Sep 2011 21:03:18 +0000 Chris Beard 26242@http://www.kriesi.at/support/ <p>Glad you got it to work.<br /> For the bottom of the page issue have you tried adding<br /> <code>padding:0;margin:0;</code><br /> to the code you made? I'm uncertain if it works, can you link me to your site if it doesn't work? </p> http://www.kriesi.at/support/topic/two-background-images-linked-to-header-and-footer-zone#post-26122 Wed, 31 Aug 2011 10:09:21 +0000 Christian Ronchi 26122@http://www.kriesi.at/support/ <p>Hi!<br /> i solve the problem in this way, in custom.css i put that:</p> <p>html, body {<br /> background:<br /> url(http://www.chricchio.com/wp-content/uploads/2011/08/background_top.jpg) top center no-repeat,<br /> url(http://www.chricchio.com/wp-content/uploads/2011/08/background_down.jpg) bottom center no-repeat,<br /> url(http://www.chricchio.com/wp-content/uploads/2011/08/background_tile.jpg) center center repeat-y;<br /> }</p> <p>The tiling image is the one with the lower z, with vertical repeating. the other two images are aligned on top and bottom of the pages.<br /> Your code privide a more "elegant" solution? :)<br /> i have a small problem on the bottom of the pages, with chrome. Sometimes i see a small row displaying the tiling texture (this because the down image are not perfectly on the bottom of the page). </p> http://www.kriesi.at/support/topic/two-background-images-linked-to-header-and-footer-zone#post-26097 Tue, 30 Aug 2011 12:13:02 +0000 Christian Ronchi 26097@http://www.kriesi.at/support/ <p>Thank you very much, i try with the help you provide me :) </p> http://www.kriesi.at/support/topic/two-background-images-linked-to-header-and-footer-zone#post-26051 Mon, 29 Aug 2011 20:39:43 +0000 Chris Beard 26051@http://www.kriesi.at/support/ <p>Hey,<br /> it's possible to do this. You could read <a href="http://css-tricks.com/8596-stacking-order-of-multiple-backgrounds/">this</a> and use it on the body in your style.css. If this is hard for you I can provide you the code you need if you provide me with the background images you'd like to use. </p> http://www.kriesi.at/support/topic/two-background-images-linked-to-header-and-footer-zone#post-26008 Mon, 29 Aug 2011 09:57:11 +0000 Christian Ronchi 26008@http://www.kriesi.at/support/ <p>Hi!<br /> it's possible to have two backgound images with scroll, one linked to the top of the page and the another one linked to the bottom?<br /> I want have the header and the footer zone with a background, and the middle part or the pages without, to prevent problem when i have different page height.<br /> Here the example image, for sure better than my english :)<br /> <a href="http://imageshack.us/photo/my-images/571/backgroundimages.jpg/" rel="nofollow">http://imageshack.us/photo/my-images/571/backgroundimages.jpg/</a> </p>