Web Wiz

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

Adding background image to CSS

 Post Reply Post Reply Page  12>
Author
Warlords1973 View Drop Down
Newbie
Newbie


Joined: 22 December 2007
Status: Offline
Points: 20
Post Options Post Options   Thanks (0) Thanks(0)   Quote Warlords1973 Quote  Post ReplyReply Direct Link To This Post Topic: Adding background image to CSS
    Posted: 21 January 2008 at 1:13am
I am trying to add a background image into the CSS file for a skin but for some reason it wont take.
 
The background is in the forum_images folder
 
/* Page body */
body{
 background-color: #C000C0;
 background-image:url('../forum_images/BEARBACK.gif');
 margin-left: 0px;
 margin-top: 5px;
 margin-right: 0px;
 margin-bottom: 5px;
}
 
It will not load the image I get no errors
 
Anyone have any ideas?
Thanks
Back to Top
melodik View Drop Down
Newbie
Newbie
Avatar

Joined: 26 March 2003
Location: Turkey
Status: Offline
Points: 19
Post Options Post Options   Thanks (0) Thanks(0)   Quote melodik Quote  Post ReplyReply Direct Link To This Post Posted: 21 January 2008 at 5:58am
My code:
 
background-image: url(../forum_images/sayfa_arka.gif);
 
 
Your code:
 
background-image:url('../forum_images/BEARBACK.gif');
Back to Top
Warlords1973 View Drop Down
Newbie
Newbie


Joined: 22 December 2007
Status: Offline
Points: 20
Post Options Post Options   Thanks (0) Thanks(0)   Quote Warlords1973 Quote  Post ReplyReply Direct Link To This Post Posted: 22 January 2008 at 5:19am

I tried

background-image:url(../forum_images/BEARBACK.gif);
 
and it still does not load the background is there something else that is needed in the body?
 
/* Page body */
body{
 background-image: url(../forum_images/bearback.gif);
 background-color: #B1D5EC;
 margin-left: 0px;
 margin-top: 5px;
 margin-right: 0px;
 margin-bottom: 5px;
Back to Top
AlexKok View Drop Down
Newbie
Newbie


Joined: 04 February 2008
Status: Offline
Points: 5
Post Options Post Options   Thanks (0) Thanks(0)   Quote AlexKok Quote  Post ReplyReply Direct Link To This Post Posted: 04 February 2008 at 10:38am
Originally posted by Warlords1973 Warlords1973 wrote:

I am trying to add a background image into the CSS file for a skin but for some reason it wont take.
 
The background is in the forum_images folder
 
/* Page body */
body{
 background-color: #C000C0;
 background-image:url('../forum_images/BEARBACK.gif');
 margin-left: 0px;
 margin-top: 5px;
 margin-right: 0px;
 margin-bottom: 5px;
}
 

Hi) Check if U have image in ../forum_images. May by U have to define ../../forum_images folder?
Back to Top
WebWiz-Bruce View Drop Down
Admin Group
Admin Group
Avatar
Web Wiz Developer

Joined: 03 September 2001
Location: Poole
Status: Offline
Points: 9446
Post Options Post Options   Thanks (0) Thanks(0)   Quote WebWiz-Bruce Quote  Post ReplyReply Direct Link To This Post Posted: 04 February 2008 at 10:46am
It does need to be:-

('../../forum_images/image_name.gif')

You may also find if you are an IE user that you need to do a hard refresh (CTRL -> F5) so that IE loads in the CSS file.
Back to Top
arj1981 View Drop Down
Newbie
Newbie


Joined: 03 December 2008
Status: Offline
Points: 11
Post Options Post Options   Thanks (0) Thanks(0)   Quote arj1981 Quote  Post ReplyReply Direct Link To This Post Posted: 05 December 2008 at 5:29am
Yea, how do u use that code because it's not working for me. 
Back to Top
123Simples 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 123Simples Quote  Post ReplyReply Direct Link To This Post Posted: 05 December 2008 at 7:51pm
Since I'm a nice person and I don't mind helping here is a heads up



Please give generously LOL
Back to Top
mattysdad View Drop Down
Groupie
Groupie


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 12:24pm
Hi Guys.

I wonder if one of you learned and scholarly people could tell me how to add a background image to my forum and make the Cool Blue skin I am using ever so slightly transparent so that the image can be seen?

My foum is here www.room327.biz

and I would like to look something like my friend's site here

http://www.balearic-jobs.com/asp/mb/forums.html

Obviously, not with the skin he is using (though there is nothing wrong with it I hasten to add!!) nor the background image.

Bu I think you get my meaning?

My eternal thanks, in advance, as always!!!


Back to Top
 Post Reply Post Reply Page  12>
  Share Topic   

Forum Jump Forum Permissions View Drop Down

Forum Software by Web Wiz Forums® version 12.01
Copyright ©2001-2018 Web Wiz Ltd.



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

Web Wiz is the trading name of Web Wiz Ltd. Company registration No. 05977755. Registered in England and Wales.
Registered office: Web Wiz Ltd, Unit 18, The Glenmore Centre, Fancy Road, Poole, Dorset, BH12 4FB, United Kingdom.

Prices exclude VAT unless otherwise stated. VAT No. 988999105 - $, € prices shown as a guideline only.


Copyright ©2001-2018 Web Wiz Ltd. All rights reserved.