Jump to content


How do I make the background image fixed?


10 replies to this topic

#1 Zhaan

    Member

  • 52 posts
  • Joined: September 16, 2011
  • 15 topics
  • Local time: 12:03 PM
  • Zodiac:Leo
  • OS:Windows 7
  • Country:
Offline
  • Time Online: 14h 56m 7s

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?

#2 Broni Re: How do I make the background image fixed?

    Malware Annihilator

  • 24,883 posts
  • Joined: October 04, 2004
  • 1,860 topics
  • Age: 57
  • Skin: IPBoard wide
  • Local time: 10:03 AM
  • Zodiac:Virgo
  • Gender:Male
  • Location:Daly City, CA
  • OS:Windows Vista
  • Country:
Online
  • Time Online: 57d 11h 50m 50s

Posted 08 January 2012 - 05:16 AM

For some reason I can only see one skin (+mobile), but here is your setting:



Quote

body {


background: url("http://halonations.com/public/style_images/HALO_Images/background.jpg") no-repeat fixed center top #000000;
color: #FFFFFF;
}


#3 Zhaan Re: How do I make the background image fixed?

    Member

  • 52 posts
  • Joined: September 16, 2011
  • 15 topics
  • Local time: 12:03 PM
  • Zodiac:Leo
  • OS:Windows 7
  • Country:
Offline
  • Time Online: 14h 56m 7s

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 Zhaan Re: How do I make the background image fixed?

    Member

  • 52 posts
  • Joined: September 16, 2011
  • 15 topics
  • Local time: 12:03 PM
  • Zodiac:Leo
  • OS:Windows 7
  • Country:
Offline
  • Time Online: 14h 56m 7s

Posted 08 January 2012 - 05:47 AM

View PostBroni, on 08 January 2012 - 05:16 AM, said:

For some reason I can only see one skin (+mobile), but here is your setting:

where in the css do i find this? i'm looking in ipb_styles.css for the skin i'm trying to make the change to.

#5 Broni Re: How do I make the background image fixed?

    Malware Annihilator

  • 24,883 posts
  • Joined: October 04, 2004
  • 1,860 topics
  • Age: 57
  • Skin: IPBoard wide
  • Local time: 10:03 AM
  • Zodiac:Virgo
  • Gender:Male
  • Location:Daly City, CA
  • OS:Windows Vista
  • Country:
Online
  • Time Online: 57d 11h 50m 50s

Posted 08 January 2012 - 06:14 AM

It should be there.

#6 Zhaan Re: How do I make the background image fixed?

    Member

  • 52 posts
  • Joined: September 16, 2011
  • 15 topics
  • Local time: 12:03 PM
  • Zodiac:Leo
  • OS:Windows 7
  • Country:
Offline
  • Time Online: 14h 56m 7s

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 Broni Re: How do I make the background image fixed?

    Malware Annihilator

  • 24,883 posts
  • Joined: October 04, 2004
  • 1,860 topics
  • Age: 57
  • Skin: IPBoard wide
  • Local time: 10:03 AM
  • Zodiac:Virgo
  • Gender:Male
  • Location:Daly City, CA
  • OS:Windows Vista
  • Country:
Online
  • Time Online: 57d 11h 50m 50s

Posted 08 January 2012 - 05:45 PM

Those two other skins have background set in different location:



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;
}


Try to replace sections in red with this:
no-repeat fixed center top

#8 Zhaan Re: How do I make the background image fixed?

    Member

  • 52 posts
  • Joined: September 16, 2011
  • 15 topics
  • Local time: 12:03 PM
  • Zodiac:Leo
  • OS:Windows 7
  • Country:
Offline
  • Time Online: 14h 56m 7s

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.

#9 Broni Re: How do I make the background image fixed?

    Malware Annihilator

  • 24,883 posts
  • Joined: October 04, 2004
  • 1,860 topics
  • Age: 57
  • Skin: IPBoard wide
  • Local time: 10:03 AM
  • Zodiac:Virgo
  • Gender:Male
  • Location:Daly City, CA
  • OS:Windows Vista
  • Country:
Online
  • Time Online: 57d 11h 50m 50s

Posted 09 January 2012 - 01:44 AM

Search just for html {

#10 Zhaan Re: How do I make the background image fixed?

    Member

  • 52 posts
  • Joined: September 16, 2011
  • 15 topics
  • Local time: 12:03 PM
  • Zodiac:Leo
  • OS:Windows 7
  • Country:
Offline
  • Time Online: 14h 56m 7s

Posted 09 January 2012 - 01:57 AM

It's all done...I edited the above post. Thanks again!

#11 Broni Re: How do I make the background image fixed?

    Malware Annihilator

  • 24,883 posts
  • Joined: October 04, 2004
  • 1,860 topics
  • Age: 57
  • Skin: IPBoard wide
  • Local time: 10:03 AM
  • Zodiac:Virgo
  • Gender:Male
  • Location:Daly City, CA
  • OS:Windows Vista
  • Country:
Online
  • Time Online: 57d 11h 50m 50s

Posted 09 January 2012 - 02:11 AM

You're very welcome :smiley_says_hello:





1 user(s) are reading this topic

0 members, 1 guests, 0 anonymous users


This topic has been visited by 6 user(s)