Joomla Templates Club 406,261 posts

[beyondsports Friend beyondsportsJoin date: May 2008Posts: 304Downloads:0Uploads:28 Thanks: 4 Thanked: 2 times in 1 posts]

#133057

i am looking to add a background graphic to the upper part of the webpage…. and have it repeat left to right and stretched verticaly… what would i need to edit to add this.. i also need to make sure the actual background within the webpage stay’s white… see attached graphic for the gradient…

also please note i have put some paddinng on the header at about 35px to bring it down from the top…’
thanks
trey

---

Attachments:

1. 

[Menalto Friend MenaltoJoin date: May 2007Posts: 4736Downloads:0Uploads:43 Thanks: 2 Thanked: 531 times in 361 posts]

#269173

Is this for the same template as the module positions/footer and menu?

[beyondsports Friend beyondsportsJoin date: May 2008Posts: 304Downloads:0Uploads:28 Thanks: 4 Thanked: 2 times in 1 posts]

#269181

yes it is…. if you can point out the code i can edit i will take t from here… i really appreciate the help from you as well…

how is it coming… are you also adding the mod position at the top above the header; so, i can place a secondary menu…again thanks for the help..

trey

[beyondsports Friend beyondsportsJoin date: May 2008Posts: 304Downloads:0Uploads:28 Thanks: 4 Thanked: 2 times in 1 posts]

#269284

what do i need to edit to add this to my site??
thanks
trey

[marciello Friend marcielloJoin date: July 2007Posts: 29Downloads:0Uploads:3 Thanks: 2]

#269444

Okay let me try to help you. From my understanding, you want to add some gradient to the body background.

So here is what you need to do
1. Open template.css and find the following code
[PHP]body#bd {

color: #515756;
background: #FFFFFF;
{
[/PHP]

2. Replace it with the following code
[PHP]body#bd {

color: #515756;
background: #FFFFFF;
background: url(../images/bd-bg.gif) repeat-x top #FFFFFF;

}[/PHP]

Explaination:
[PHP]background: url(../images/bd-bg.gif) repeat-x top #FFFFFF;[/PHP]
I’ve set the background to the image that I’ve put in templates/Ja_edinite/images which I gave a name of bd-bg. This image will be repeated horizontally and aligned to the top of the page. White background will be added when the page goes beyond the image height.

Hope that will help you out.

[Menalto Friend MenaltoJoin date: May 2007Posts: 4736Downloads:0Uploads:43 Thanks: 2 Thanked: 531 times in 361 posts]

#269449

body#bd {
background:#FFFFFF;
color:#515756;
}
Line 25 in the css file:
Changes to:

body#bd {
background: url(../images/yourimagename) repeat-x top #fff;
color:#515756;
}

[beyondsports Friend beyondsportsJoin date: May 2008Posts: 304Downloads:0Uploads:28 Thanks: 4 Thanked: 2 times in 1 posts]

#269486

thanks i appreciate the help
trey

[Author]

Posts