The forum of the forums
Would you like to react to this message? Create an account in a few clicks or log in to continue.

Centering the Background?

5 posters

Go down

Centering the Background? Empty Centering the Background?

Post by FunnyBoy195 September 15th 2008, 1:17 pm

I was wondering, is there any way to 'center' the background image on your forum?
FunnyBoy195
FunnyBoy195
Forumember

Male Posts : 69
Reputation : 0
Language : English

Back to top Go down

Centering the Background? Empty Re: Centering the Background?

Post by Christos September 15th 2008, 4:39 pm

Hey,


There are 2 ways to do that.

Simple way :
You edit the image and make it really bigger, though it will not work on big screens.

Advanced way: Edit the fact that sais repeat on your CSS and replace it with fixed; and no-repeat;


Regards,
Christos
Christos
Christos
Active Poster

Male Posts : 1238
Reputation : 37
Language : English,French,Greek,Luxembourgish
Location : Luxembourg

http://misery.in-goo.com

Back to top Go down

Centering the Background? Empty Re: Centering the Background?

Post by FunnyBoy195 September 16th 2008, 12:32 am

Where is the CSS? I forget where it is. Razz
FunnyBoy195
FunnyBoy195
Forumember

Male Posts : 69
Reputation : 0
Language : English

Back to top Go down

Centering the Background? Empty Re: Centering the Background?

Post by endless013 September 16th 2008, 1:05 am

Admin CP>> display>> colors>> (scroll down a little) Css Stylesheet
endless013
endless013
Forumember

Male Posts : 450
Reputation : 13
Language : english
Location : Some where in NY

http://www.darkrealm13.com

Back to top Go down

Centering the Background? Empty Re: Centering the Background?

Post by FunnyBoy195 September 16th 2008, 1:11 am

Im confused. It is still not centered. What do I need to change? It is the the part where it says "background-attachment: fixed;" ? Or is it something else?

If it is that, then how would i put the no-repeat in it, because it is still repeating.
FunnyBoy195
FunnyBoy195
Forumember

Male Posts : 69
Reputation : 0
Language : English

Back to top Go down

Centering the Background? Empty Re: Centering the Background?

Post by endless013 September 16th 2008, 1:32 am

Try this in your stylesheet, the should center and not repeat

Code:
<style type='text/css'>
.poqbum1 {content:"Body Properties";}
body {
background-color:000000;
background-image:url('URL TO PIC HERE');
background-position:center center;
background-repeat: no-repeat;
background-attachment:fixed;}</style>

Where it says 000000 will make the rest of the backround black, you can change that if you know the HTML for the color you want. If you don't know it a quick google for "HTML color sheet" will help in getting you the color code you want
endless013
endless013
Forumember

Male Posts : 450
Reputation : 13
Language : english
Location : Some where in NY

http://www.darkrealm13.com

Back to top Go down

Centering the Background? Empty Re: Centering the Background?

Post by FunnyBoy195 September 16th 2008, 2:21 am

Thanks, it worked.

One more thing, which im not sure is possible.

My background image is longer than the forum (ex: say I have a BG that is 1000 pixels in height, but then I only have 2 categories on my forum), and because of that, it makes the BG image change its position and move up a little bit. Is there anyway to make it so that the BG will stay in the same position, and not move if its longer than the forum.

Sorry, its hard to explain.

lol, heres a picture of what im trying to explain

https://2img.net/r/ihimizer/img404/7499/69529965eh5.png
FunnyBoy195
FunnyBoy195
Forumember

Male Posts : 69
Reputation : 0
Language : English

Back to top Go down

Centering the Background? Empty Re: Centering the Background?

Post by Merlin333 September 17th 2008, 7:21 pm

These Css commands center the background:

background-image: url("http://hitskin.com/themes/10/94/18/i_background.png");
background-attachment:fixed;
background-position: top center;
Merlin333
Merlin333
Forumember

Male Posts : 147
Reputation : 0
Language : English

http://www.merlin333.bigforumlive.com/index.htm

Back to top Go down

Centering the Background? Empty Re: Centering the Background?

Post by Guest September 17th 2008, 7:24 pm

To fix that follow as posted above however for the background-position use something like

background-position: center center;

This will lock the image in place directly in the center of the screen

Regards







Craig
avatar
Guest
Guest


Back to top Go down

Centering the Background? Empty Re: Centering the Background?

Post by jonn October 30th 2008, 5:52 pm

Can you make it stretched?
avatar
jonn
Forumember

Male Posts : 40
Reputation : 0
Language : English

http://www.talktalk.1talk.net

Back to top Go down

Back to top

- Similar topics

 
Permissions in this forum:
You cannot reply to topics in this forum