Background image on top of the page

Hello,

is it possible to have an background image (png with transparent background) on top of the page.
Repeated x and height 160px.

THe background image should only be shown on desktops. For mobile devices like smartphones or tablets the backround should be unchanged.

To show my idea i attached a picture.

Hi

Please edit file /layout/default.php and right before ending body tag add this code:

Code: Select all

<div id="topBg"></div>


than tell me the url to Your site and url to the image You want to use for this background,

First, thanks for your help.

The site is still in development, but i uploaded and installed the system on my test server.
We are planning to make an non-profit website for our kindergarden, so we are looking for the template that fits our needs.

The URL is http://p206012.mittwaldserver.info/
The path to the background image is http://p206012.mittwaldserver.info/temp ... ground.png

layout/deault.php is edited as you explained.

Please add this code to override.css and make sure override is enabled in template settings.

Code: Select all

#topBg {
    background: url("http://p206012.mittwaldserver.info/templates/gk_quark/images/background.png") repeat-x scroll 0 0 transparent;
    height: 160px;
    position: absolute;
    top: 0;
    width: 100%;
}


Thanks.

It works perfect.

Hi

No problem. Glad I could help