How do I make the background image fixed?
Started By Zhaan, Jan 08 2012 04:25 AM
10 replies to this topic
#1
Posted 08 January 2012 - 04:25 AM
http://halonations.com/
I have 3 skins installed on my board. Only one of them has a fixed background. The other two skins backgrounds scroll with the forum when you scroll it up or down. That presents a problem because in one case, the image repeats and starts over while in the other case, it doesn't repeat so you see solid background after the image runs out. The fixed background on the primary skin works wonderfully for me, so I want to edit the CSS on the other two to make them fixed as well. Can you help me?
I have 3 skins installed on my board. Only one of them has a fixed background. The other two skins backgrounds scroll with the forum when you scroll it up or down. That presents a problem because in one case, the image repeats and starts over while in the other case, it doesn't repeat so you see solid background after the image runs out. The fixed background on the primary skin works wonderfully for me, so I want to edit the CSS on the other two to make them fixed as well. Can you help me?
#2 Re: How do I make the background image fixed?
#3 Re: How do I make the background image fixed?
Posted 08 January 2012 - 05:39 AM
Yeah, the board is set for guests to only see one skin. Not really sure where to change that setting. But I'll check the other skins for similar code and see if I can locate it.
#4 Re: How do I make the background image fixed?
#5 Re: How do I make the background image fixed?
#6 Re: How do I make the background image fixed?
Posted 08 January 2012 - 04:23 PM
I edited the skin sets so that all users have access to them. Could you take a look at "Real" and "Aqua" and tell me where to find the code? I've scrolled all through the ipb_styles.css and I guess I'm overlooking it.
#7 Re: How do I make the background image fixed?
Posted 08 January 2012 - 05:45 PM
Those two other skins have background set in different location:
Try to replace sections in red with this:
no-repeat fixed center top
Quote
html {
background: url("http://halonations.com/public/style_images/Real_Images/kil_background.png") repeat-x scroll center top, url("http://halonations.com/public/style_images/Real_Images/kil_background.gif") repeat scroll 0 0%, none repeat scroll 0 0 #FFFFFF !important;
}
background: url("http://halonations.com/public/style_images/Real_Images/kil_background.png") repeat-x scroll center top, url("http://halonations.com/public/style_images/Real_Images/kil_background.gif") repeat scroll 0 0%, none repeat scroll 0 0 #FFFFFF !important;
}
Try to replace sections in red with this:
no-repeat fixed center top
#8 Re: How do I make the background image fixed?
Posted 09 January 2012 - 01:41 AM
So, is that still in ipb_styles.css for the skin it applies to? i always use Control+F and enter a search string to find what I'm looking for, but nothing comes up.
edit - Real skin fixed. Code was in css.css
lemme try the other one now.
edit 2 - and...done! woot! thanks, Broni.
edit - Real skin fixed. Code was in css.css
lemme try the other one now.
edit 2 - and...done! woot! thanks, Broni.
#9 Re: How do I make the background image fixed?
#10 Re: How do I make the background image fixed?
Posted 09 January 2012 - 01:57 AM
It's all done...I edited the above post. Thanks again!
















