17488 Posts in 4473 Topics by 1978 members
|
Page:
1
|
Go to End | |
| Author | Topic: | 1402 Views |
-
Watermark image as background on container
10 July 2008 at 4:30am
Is it possible to have a watermark image (e.g. Company logo) as the background to main areas of site ?
If so how is it done ?
Any help appreciated.
Regards
Gerry -
Re: Watermark image as background on container
10 July 2008 at 4:38am
Just wrap a div around $layout in the template and in the Layout CCS and give the div a background image. Or if there is a div already around it - just give that a background image.
If your content area expands ie. height: auto; give the div a background colour the same as the background to the image -
Re: Watermark image as background on container
10 July 2008 at 6:03am
Hi Pixel
Did that in Page.ss (code below)
<div id="Main" class="typography">
$Layout
background-image:url(../images/bglogo.gif);
</div>I obviously have something wrong as this does not work.
Thanks for help
-
Re: Watermark image as background on container
10 July 2008 at 8:23pm
Yes you need to put the background image in the CSS not the SS
.SS looks like
<div id="Main" class="typography">
$Layout
</div>CSS (themes/YOURTHEME/css/layout.css) could look like
#Main {
height: auto;
width: ????px;
padding: 10px;
float: left;
background: #FFFFFF url(../images/bglogo.gif) no-repeat;
} -
Re: Watermark image as background on container
11 July 2008 at 12:02pm
Pixel
Thank you . That worked perfectly. All I need to do now is reduce the opacity.
Regards
Gerry
| 1402 Views | ||
|
Page:
1
|
Go to Top |
