Mark C
|
Any know if it's possible to have two background images in an artisteer theme.
http://www.gilliganmeats.ie/ has one on top (if it had been made in Artisteer) - the blue gradient, and another on the bottom - the green strip.
I am trying to create something similar - flannerys.markconroy.net for an early draft (ignore everything from the menu down, I'm working on a top down approach), but am a bit stumped about getting a second image in to the background at the bottom of the page.
My solution might be to add a gradient to the bottom of the page, and then change the gradient file (grad.jpg or whatever) to my new image. Does that sound like a workable workaround?
So far, I've done the same with the menu items - exported and then recreated the menu images (replicating the menu that is used here: http://www.webworksgalway.com/)
Thanks a lot for the help,
Mark C.
|
| |
Garry
|
Are you referring to white background image at top(flannerys.markconroy.net), if yes you can easily insert it as glare.
|
| |
Mark C
|
The "white" background image is made up of the green bar, the white block, and the grey gradient below (it's 2px by 360px) repeating horizontally. I'm now going to change that to a glare, and then in the sytle.css make the glare repeat horizontally and add a background image to the bottom of the page instead.
Thanks.
|
| |
Mark C
|
I've placed the image I want at the bottom repeating as the background image and I've inserted the image I want at the top as a glare, and replaced the
#art-page-background-glare
{
position: absolute;
width: 100%;
height: 360px;
left: 0;
top: 0;
}
#art-page-background-glare-image
{
background-image: url('images/page_gl.jpg');
background-repeat: no repeat;
height: 360px;
width: 20px;
margin: 0;
}
to background-repeat: repeat-x
but it is not repeating.
What am I missing?
|
| |
Mark C
|
Bump.
|
| |
Garry
|
URL may be helpful.
|
| |
Mark C
|
Sorry, it's posted above.
flannerys.markconroy.net
Mark.
|
| |
Mark C
|
Garry,
A pre-emptive thanks for your help. I am after getting it to work by adding this:
background-image: url('images/page_gl.jpg');
background-repeat: repeat-x;
to this:
#art-page-background-glare
{
position: absolute;
width: 100%;
height: 360px;
left: 0;
top: 0;
}
It seems to work: flannerys.markconroy.net (though I need to now resize the image to make it fit properly.
Thanks again,
Mark.
|
| |
Mark C
|
Crap. On closer inspection, I now see that the footer has moved up the page a bit, as well as the background image on the bottom of the page.
Your thoughts are appreciated.
|
| |
Mark C
|
Jeez, this is becoming like a personal blog. It seems the issue above is only showing if there is not enough content to push the page to the bottom. When I click on any page (except the frontpage) everything is fine.
|
| |