Web Wiz
Home
Home		 Hosting Services
Hosting Services		 Knowledgebase
Knowledgebase		 Community and Support Forums
Support Forums		 Customer Login
Customer Login

  New Posts New Posts RSS Feed - Adding background image to CSS
  FAQ FAQ  Forum Search   Events   Register Register  Login Login

Windows Web Hosting 30 Day Free Trial

Windows Web Hosting 30 Day Free Trial

Windows Hosting 30 Day Free Trial, with no obligation, on all our Windows Web and Reseller Hosting Packages.

For more information see our Windows Hosting 30 Day Free Trial page.

Adding background image to CSS
 Post Reply Post Reply Page  <12
Author
  Topic Search Topic Search  Topic Options Topic Options
MrTWS View Drop Down
Senior Member
Senior Member
Avatar

Joined: 08 July 2007
Location: United Kingdom
Status: Offline
Points: 1192 		Post Options Post Options   Thanks (0) Thanks(0)   Quote MrTWS Quote  Post ReplyReply Direct Link To This Post Posted: 13 July 2009 at 6:31pm
See the post above matty (above what you wrote) and it should help, but to imitate the forum you mention

/* Page body */
body{
    background-color: #FFFFFF;
    background-image: url('../../forum_images/whateveryourimageiscalled.jpg');
                opacity:0.80;
                filter:alpha(opacity=80);
    margin-left: 0px;
    margin-top: 5px;
    margin-right: 0px;
    margin-bottom: 5px;
}


Obviously picking an image and replacing whateveryourimageiscalled.jpg to a name of your image. Make sure the image goes in the correct folder, so in other words on your forum it would be in the forum_images folder

Hope that helps
Visit 123 Simples Web Design
Back to Top
MrTWS View Drop Down
Senior Member
Senior Member
Avatar

Joined: 08 July 2007
Location: United Kingdom
Status: Offline
Points: 1192 		Post Options Post Options   Thanks (0) Thanks(0)   Quote MrTWS Quote  Post ReplyReply Direct Link To This Post Posted: 13 July 2009 at 6:33pm
The opacity figure can be adjusted if you want so have a play - at 0.80 it will give you just the right bit, but you can adjust it to 0.70, or whatever
As long as you backup the css file that you are changing, you won't go wrong
Visit 123 Simples Web Design
Back to Top
mattysdad View Drop Down
Groupie
Groupie
Avatar

Joined: 24 February 2008
Status: Offline
Points: 47 		Post Options Post Options   Thanks (0) Thanks(0)   Quote mattysdad Quote  Post ReplyReply Direct Link To This Post Posted: 13 July 2009 at 8:27pm
Aw MrTWS that was just what I was looking for!!!

THANKS!!!!Smile

Just one question....

If I wanted to insert a page wide banner saying "THE SAN MIGUEL FORUM" between Blue bar that has all the "Forum Home, member control panel, new messages etc" and the start of the General Chat forum, how would I do that?

OR infact underneath the Shoutbox?

My thanks! (again!)
Back to Top
MrTWS View Drop Down
Senior Member
Senior Member
Avatar

Joined: 08 July 2007
Location: United Kingdom
Status: Offline
Points: 1192 		Post Options Post Options   Thanks (0) Thanks(0)   Quote MrTWS Quote  Post ReplyReply Direct Link To This Post Posted: 14 July 2009 at 11:05am
At the moment I think you have used your image as you would do in the admin area by setting it as part of your header. If PM me your email address (which I might have Wacko but I can't think at the moment) I can perhaps give you a hand on this if you like. My initial thing answer though would be to create a smaller banner, then use a background repeating image to give the illusion the banner is all one image, when it is in reality not, as everyone has different screen resolutions anyway
Visit 123 Simples Web Design
Back to Top
 Post Reply Post Reply Page  <12
  Share Topic   

Forum Jump Forum Permissions View Drop Down



Become a Fan on Facebook Follow us on Twitter Web Wiz on Google+ Community Forums Web Wiz Blogs Web Wiz News
Company Information | Contact Web Wiz | Terms & Conditions | Privacy Policy

Prices exclude VAT unless otherwise stated - $, € prices shown as a guideline only
Web Wiz Ltd, Unit 10E Dawkins Road Ind. Est, Poole, Dorset, UK, BH15 4JD
Copyright ©2001-2012 Web Wiz - All rights reserved