Centering the Background?
5 posters
Page 1 of 1
Centering the Background?
I was wondering, is there any way to 'center' the background image on your forum?
FunnyBoy195- Forumember
- Posts : 69
Reputation : 0
Language : English
Re: Centering the Background?
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
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
Re: Centering the Background?
Where is the CSS? I forget where it is.
FunnyBoy195- Forumember
- Posts : 69
Reputation : 0
Language : English
Re: Centering the Background?
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.
If it is that, then how would i put the no-repeat in it, because it is still repeating.
FunnyBoy195- Forumember
- Posts : 69
Reputation : 0
Language : English
Re: Centering the Background?
Try this in your stylesheet, the should center and not repeat
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
- 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
Re: Centering the Background?
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
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- Forumember
- Posts : 69
Reputation : 0
Language : English
Re: Centering the Background?
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;
background-image: url("http://hitskin.com/themes/10/94/18/i_background.png");
background-attachment:fixed;
background-position: top center;
Re: Centering the Background?
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
background-position: center center;
This will lock the image in place directly in the center of the screen
Regards
Craig
Guest- Guest
Similar topics
» Centering Help
» Centering the Background for small resolutions
» Background centering for screen size
» Forum not centering correctly with background [solved]
» Background problem - centering it horizontaly and verticaly
» Centering the Background for small resolutions
» Background centering for screen size
» Forum not centering correctly with background [solved]
» Background problem - centering it horizontaly and verticaly
Page 1 of 1
Permissions in this forum:
You cannot reply to topics in this forum