how to: background-color with bg-image ?

erich37

Well-known member
how do I make a background-color using a small bg-image for my XF-Forum ?
where to put this in ACP ?

Same as the orange bg-image (just the orange color) at this website:

http://omg.yahoo.com/

Many thanks!
 

erich37

Well-known member
many thanks Brogan!

could you please give me a help on how to include a background-image including the CSS for the color, the same as has been done for the blue-colored-background at this page:
http://xenforo.com/help/nodes/

Code:
.wrapperXfSite {
    background: url("styles/default/xfsite/docs-bg.png") repeat-x fixed center top #F0F7FC !important;
    padding-bottom: 100px;
}
How and where to put the CSS ?
 

Brogan

XenForo moderator
Staff member
You don't need it.

What are you trying to do exactly?

You can always use the Miscellaneous box to enter custom markup.
 

erich37

Well-known member
I have put the URL to the image into the URL-box and it shows fine.
Then I have put the following code into the "Miscellanious box", but this does not work....

Code:
background: repeat-x fixed center top #F0F7FC !important;
But it is working fine when using the drop-down-boxes for color and position.
I just was not sure whether I have to also use the "!important" code.
 

Brogan

XenForo moderator
Staff member
You don't need any of that.

You can enter a background colour, image URL, repeat-x and position using the pre-defined fields.

bg.PNG

You don't need to enter anything in the Miscellaneous field.
The !important isn't required.
 

derdude

Member
this dont work for me. /styles/novus/xenforo/backround.jpg is the path to the image - but it doesn`t show up. 1094630.png
 

Jake Bunce

XenForo moderator
Staff member
this dont work for me. /styles/novus/xenforo/backround.jpg is the path to the image - but it doesn`t show up. View attachment 20822
Try removing the beginning slash, like this:

styles/novus/xenforo/backround.jpg

And I trust backround is an intentional misspelling? Make sure this matches the location and name of the file on the server. Perhaps you meant background?
 

derdude

Member
oh thx, it was background.jpg, not backround.jpg, now the image is there :) (y)

but i have 1 last question: the image is repeatet in the length. do you know how can i install the backround image like this: http://www.nextgengamers.org/community/ the backround is NOT moving, the forum is moving. do you know what i mean? :unsure:
 
Top