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
vaynenick View Drop Down
Newbie
Newbie
Avatar

Joined: 26 February 2015
Location: Duabi
Status: Offline
Points: 1
Post Options Post Options   Thanks (0) Thanks(0)   Quote vaynenick Quote  Post ReplyReply Direct Link To This Post Topic: Adding background image to CSS
    Posted: 26 February 2015 at 8:01am
try this one...a detailed tutorial on CSS Background Image
 
http://www.corelangs.com/css/text/image.html
 
Vayne
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: 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
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 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
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: 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
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: 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
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
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
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
 Post Reply Post Reply Page  12>
  Share Topic   

Forum Jump Forum Permissions View Drop Down

Forum Software by Web Wiz Forums® version 11.10
Copyright ©2001-2017 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.