PDA

View Full Version : Background image

crazymilk
08-04-2009, 10:18 AM
How do i stop the background image from repeating?
Basicly i want the background image to stay still when i scroll down the forums.
Thanks in advance for your help
lasjaakon
08-04-2009, 11:49 AM
I would really like to know this too, if anyone have a clue please tell us:)
Xtrato
08-04-2009, 01:50 PM
do you mean from Repeating or just STATIC , as in ............ ALWAYS There? there are a couple of ways..

example : first you create a body class....

body#mybg {
background-attachment:fixed;
background-position:center top; (((( here you specify where you want your bg , center , left , right etc..))))
}

then in your <body> tag ( in the commun templates ) , you add something like ...


<body style="background-image: url(pathtoyourimg/img.jpg);" id="mybg">

that should work..
crazymilk
08-05-2009, 06:08 AM
Thanks i will try this when i get home from work cheers
crazymilk
08-15-2009, 09:06 AM
first question is where do i create this body class?
vB Tree
08-15-2009, 02:43 PM
Go to AdminCP > Styles & Templates > All Style Options

Near the bottom, there is a section titled "Additional CSS Definitions"

You can add any CSS to this area.

Hope this helps.
metalguy639
08-18-2009, 04:51 AM
Go to AdminCP > Styles & Templates > All Style Options

Near the bottom, there is a section titled "Additional CSS Definitions"

You can add any CSS to this area.

Hope this helps.

Actually if you are putting a fixed background on the entire site you need only put the background css in the top Page Body area box to the left. No need to create extra tags. divs etc.

Open your css of your style and scroll to where you see "Body (Customized in this Style)" it will be the first box that you see for the css definitions. Now in the box that says "Extra CSS Attributes" place the background code you want to use like this:

background-image: url(images/background.jpg);
background-attachment:fixed;

Be sure to change the images/background.jpg to your correct path where your image for your background was uploaded & give the correct file name for the background. You may have to use a full URL it would look something like this:

background-image: url(http://www.yoursite.com/images/background.jpg);
background-attachment:fixed;

just be sure that you use the proper pathway & file name and it should work just fine. Be sure to click the "save" button after making the edit.