custom 'horizontal bottom' background |
|
geoff
|
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
|
@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
|
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.
|
|
|
|