Joomla Templates Club 406,261 posts

[easykey Friend easykeyJoin date: December 2006Posts: 70Downloads:12Uploads:5 Thanks: 6]

#118715

The idea I have is this…

I wish to display two images as backgrounds

one as a background behind the logo along the top (see topcurve750x125.jpg attached)

and the other behind the navigation menu down the left side. (see leftcurve130x360.jpg attached)
The idea is that they join and create a nice curve in the background

I have uploaded the two images into the image folder for the template but I am getting really frustrated trying to work out where in what css file or even the main index.php I can tell them to be displayed. :p Please help me someone :((

I have even included them in the filenames for the XML file

---

Attachments:

1. 
2. 

[Hieu Nguyen Admin Hieu NguyenJoin date: November 2005Posts: 678Downloads:36Uploads:0 Thanks: 69 Thanked: 61 times in 1 posts]

#214314

Hi easykey,

Please try to edit the following CSS.

– For the header:

#ja-header {
clear: both;
background: url(../images/header-bg.jpg) top right repeat-x #4F89D2;
color: #FFFFFF;
text-align: left;
line-height: normal;
height: 70px;
position: relative;
}

Change it to:

#ja-header {
clear: both;
background: url(../images/topcurve.jpg) top left no-repeat #4F89D2;
color: #FFFFFF;
text-align: left;
line-height: normal;
height: 70px;
position: relative;
}

-For the left side:

#ja-leftcol {
float: left;
width: 25%;
}

change it to:

#ja-leftcol {
float: left;
width: 25%;
background: url(../images/leftcurve.jpg) top left no-repeat;
}

Hope it helps! 🙂

[easykey Friend easykeyJoin date: December 2006Posts: 70Downloads:12Uploads:5 Thanks: 6]

#214349

OK many thanks for your reply
I have tried that and it makes no difference to the header or the left. Is this because the template has other images layered over the top?
see http://www.heliodynamics.com

[Hieu Nguyen Admin Hieu NguyenJoin date: November 2005Posts: 678Downloads:36Uploads:0 Thanks: 69 Thanked: 61 times in 1 posts]

#214351

<em>@easykey 7832 wrote:</em><blockquote>OK many thanks for your reply
I have tried that and it makes no difference to the header or the left. Is this because the template has other images layered over the top?
see http://www.heliodynamics.com</blockquote>
Hi easykey,

It seems that you’ve not uploaded the nessesary images (topcurve.jpg, leftcurve.jpg) to the images folder. Please try again and tell me if it work 😉 !

http://www.heliodynamics.com/templates/ja_bellatrix/images/topcurve.jpg
http://www.heliodynamics.com/templates/ja_bellatrix/images/leftcurve.jpg

[easykey Friend easykeyJoin date: December 2006Posts: 70Downloads:12Uploads:5 Thanks: 6]

#214390

OK they are definitely there now – But sign of them on the website

[Author]

Posts