Forum posts to 'Archive'

Re: Watermark image as background on container

gkinane — Fri, 11 Jul 2008 12:02:34 +1200

Pixel

Thank you . That worked perfectly. All I need to do now is reduce the opacity.

Regards

Gerry

Posted to: Watermark image as background on container Show Thread | Post Reply

Re: Watermark image as background on container

Pixel — Thu, 10 Jul 2008 20:23:54 +1200

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(http://www.silverstripe.org/../images/bglogo.gif) no-repeat;
}

Posted to: Watermark image as background on container Show Thread | Post Reply

Re: Watermark image as background on container

gkinane — Thu, 10 Jul 2008 06:03:09 +1200

Hi Pixel

Did that in Page.ss (code below)
      <div id="Main" class="typography">
         $Layout
background-image:url(http://www.silverstripe.org/../images/bglogo.gif);
      </div>

I obviously have something wrong as this does not work.

Thanks for help

Posted to: Watermark image as background on container Show Thread | Post Reply

Re: Watermark image as background on container

Pixel — Thu, 10 Jul 2008 04:38:19 +1200

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

Posted to: Watermark image as background on container Show Thread | Post Reply

Watermark image as background on container

gkinane — Thu, 10 Jul 2008 04:30:06 +1200

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

Posted to: Watermark image as background on container Show Thread | Post Reply