Add Header Background Pic

[RareIntent]

I want to try to put a 100% wide gif in the header where the logo area is as a background and have the logo sit on top of that....where and how do I do that?

 

Thanks

[Jack_mcs]

You need to surround the table that holds the logo (first one in includes/header.php). Use something like this:

<table border="0" cellpadding="0" style="border-collapse: collapse" width="100%" background="some_image.gif">
 <tr>
   <td>
     Original code is here
   </td>
  </tr>
</table>

 

Jack

[Guest]

Actually I did something different than that (and a bit easier). Though I don't know if is the "right" thing to do.

 

The header in default osc has its own background in stylesheet.css so I just changed the stylesheet:

 

From:

 

TR.header {

background: #ffffff;

}

 

To:

 

TR.header {

background-image: url(images/Head_Background.jpg);

/*background: #4c0c04;*/

}

 

As you can see I just commented out the background color, and added in background image. This covers the entire header area just fine (at least as far as I can see). If I have messed up somewhere someone let me know :D

I am able to use a small image and just have it seamlessly tile in the background.

 

RW

 

PS. you can see this in action at:

MutzigCreations.com

 

 

I want to try to put a 100% wide gif in the header where the logo area is as a background and have the logo sit on top of that....where and how do I do that?

 

Thanks

<{POST_SNAPBACK}>

[wheeloftime]

Actually I did something different than that (and a bit easier). Though I don't know if is the "right" thing to do.

 

The header in default osc has its own background in stylesheet.css so I just changed the stylesheet:

 

From:

 

TR.header {

  background: #ffffff;

}

 

To:

 

TR.header {

  background-image: url(images/Head_Background.jpg);

/*background: #4c0c04;*/

}

 

As you can see I just commented out the background color, and added in background image.  This covers the entire header area just fine (at least as far as I can see).  If I have messed up somewhere someone let me know  :D

I am able to use a small image and just have it seamlessly tile in the background.

 

RW

 

PS. you can see this in action at:

MutzigCreations.com

<{POST_SNAPBACK}>

 

I was thinking the same and looking at your shop I can only say it looks damn good, hat's off !

[Jack_mcs]

Actually I did something different than that (and a bit easier). Though I don't know if is the "right" thing to do.

 

The header in default osc has its own background in stylesheet.css so I just changed the stylesheet:

 

From:

 

TR.header {

  background: #ffffff;

}

 

To:

 

TR.header {

  background-image: url(images/Head_Background.jpg);

/*background: #4c0c04;*/

}

 

As you can see I just commented out the background color, and added in background image.  This covers the entire header area just fine (at least as far as I can see).  If I have messed up somewhere someone let me know  :D

I am able to use a small image and just have it seamlessly tile in the background.

 

RW

 

PS. you can see this in action at:

MutzigCreations.com

<{POST_SNAPBACK}>

Good job. :) I thought you were saying you wanted a background for the whole shop.

 

Jack