custom 'horizontal bottom' background


Author Message
geoff

Posted: 1/20/2010
Quote message 

how can i create a custom 'horizontal bottom' background for a blogger template using the home edition of artisteer?

when i attempt to upload my own file, i only get the option of placing the image top left, top center, or tile. what i want is for the image to remain anchored at the bottom and not move even when i scroll down a long page.

thanks
 
Sylvain

Posted: 1/21/2010
Quote message 

@Geoff: anchored at the bottom a the window/form/sheet/whatever inside your HTML page or at the bottom at the HTML page itself?

For the first case, you must adapt your HTML code and this in a particular way for each case; ie., the solution would be different from a template to another template.

For the second case, you could use a javascript or better, the "fixed" position in a CSS style; along with a proper z-index if necessary. I have put some example of fixed position with a Blogger template at the following adress:

http://test.sylvainlafontaine.com

Look at the various yellow lines of text while moving the page.

Best,
Sylvain

 
Moriah

Posted: 2/2/2010
Quote message 

I presume the same template css code exists between Blogger and other CMS like Joomla, to anchor the background image to the bottom.

Here is what is needed:
body { 	margin: 0 auto; 	padding: 0; 	background-color: #CEA6C4; 	background-image: url('../images/Page-BgTexture.jpg'); 	background-repeat: repeat-x; 	background-attachment: fixed; 	background-position: bottom left; } 


It would be nice for Artisteer's future versions to support additional properties for using a custom image in the background with these options:
FIXED for background-attachment, BOTTOM LEFT for background-position

That way, we dont' have to rewrite the css template after the template is exported.

Thanks.