Forum Support

Shape 5
March 29, 2024, 02:23:05 AM *
Welcome, Guest. Please login or register.

Login with username, password and session length
News: Shape 5 Forum
 
   Home   Help Search Login Register  
Pages: [1]
  Print  
Author Topic: adding textured effect to the back ground image  (Read 520 times)
jennymac
Jr. Member
**
Offline Offline

Posts: 144



WWW
« on: October 08, 2011, 10:02:44 PM »

I have two colours for my site. The lower colour I managed to change really easity (a fluke I think) and using info from another post
(Topic: Add\Change Header Image in New Callie Rush Template? posted Sept 26 by Mr.4)  I changed the top colour. Then I created a textured image in the top colour (using a psd) and have loaded it into the media manager but the code I found in a tutorial about putting textured images in a website is not working; it just removes the colour all together and makes the background all the lower colour. I have put it back to my two colours for now.

The code I tried at line 449 is: <body background="../images/topheader.jpg">
Can you tell me what I am missing?

http://www.expresswebsites.com.au/~lmpao/

Many thanks
Logged

Jenny McWilliam
Girls' Brigade Victoria
Webmaster!
mikek
Administrator
*****
Offline Offline

Posts: 28743



WWW
« Reply #1 on: October 10, 2011, 08:21:47 AM »

Hello,

What area are you trying to change? I see purple, then green, then white on your site. Which color are you trying to apply the image to?
Logged

Mike Knott
------------
Shape 5 Team

- Need a great host for your website? We highly recommend siteground.com!


- Put your trust in the hands of our extremely qualified staff to get your job done right!


- Firebug is the most powerful web development and debugging tool, and it will save you a lot of time, frustration and forum questions:
Install Firebug
jennymac
Jr. Member
**
Offline Offline

Posts: 144



WWW
« Reply #2 on: October 11, 2011, 06:42:07 AM »

The purple at the top
Thanks
Logged

Jenny McWilliam
Girls' Brigade Victoria
Webmaster!
mikek
Administrator
*****
Offline Offline

Posts: 28743



WWW
« Reply #3 on: October 11, 2011, 07:42:28 AM »

Easy Smiley

Just add the following to the bottom of template.css:

#s5_header_area1 {
background:url(http://www.yoursite.com/image.jpg);
}

Obviously swap out the url with the url of your image and that's all you'll need.
Logged

Mike Knott
------------
Shape 5 Team

- Need a great host for your website? We highly recommend siteground.com!


- Put your trust in the hands of our extremely qualified staff to get your job done right!


- Firebug is the most powerful web development and debugging tool, and it will save you a lot of time, frustration and forum questions:
Install Firebug
jennymac
Jr. Member
**
Offline Offline

Posts: 144



WWW
« Reply #4 on: October 12, 2011, 10:15:28 PM »

Thanks Mike. I'll give it a go and let you know how I go.
Logged

Jenny McWilliam
Girls' Brigade Victoria
Webmaster!
jennymac
Jr. Member
**
Offline Offline

Posts: 144



WWW
« Reply #5 on: October 23, 2011, 01:21:37 AM »

Hi Mike
I copied the code you gave me into the file : Shape5_Callie_Rush_template_current/css/template.css , modified the address, made sure the image file was loaded but all that happened was I lost all colour (like before). I copied it to the end of the template.css file. Is that what I was supposed to do, or should I have overwritten another piece of code? Sorry to be so thick.
Blessings
Logged

Jenny McWilliam
Girls' Brigade Victoria
Webmaster!
Pages: [1]
  Print  
 
Jump to:  

Powered by MySQL Powered by PHP Powered by SMF | SMF © 2013, Simple Machines
Joomla Bridge by JoomlaHacks.com
Valid XHTML 1.0! Valid CSS!
Looking for the largest variety in template designs? Look no more. Never buy 1 theme again. Signups start at just $89 for access to all of our themes.
Send Us An Email
Please send us your questions and we will email you back as soon as we can. Product support questions should be posted in our support forums under the Help menu. Our staff will assist you from there.