0
Welcome Guest! Login
0 items Join Now

Afterburner. Is it possible to "stretch" the png bg further?

Last Post
Search Topic
    • Vidar's Avatar
    • Vidar
    • Hero Rocketeer
    • Posts: 413
    • Thanks: 0

    Re: Afterburner. Is it possible to "stretch" the png bg further?

    Posted 15 years 1 week ago
    • Ben Lee wrote:
      Henning's way works and will be much easier I think.

      Look in the css file specific to the style you're using, for this example I'm using light4.css.

      On line 17, you'll find:
      .background {position:absolute;width:100%;height:130px;background:url(../images/light4.png) 0 -384px repeat-x;}

      This is the part we're working with:

      background:url(../images/light4.png) 0 -384px repeat-x

      Change it to:

      background:url(../images/YOUR_NEW_BACKGROUND.png) 0 0 repeat-x

      And upload your new background image to the templates "/images/" directory.
      I just wanted to say that this don't work. The background stops where the old one stopped. Somewhere there's something telling the bg to not go further down.
    • Regards,
      Vidar
    #433033
    • Vidar's Avatar
    • Vidar
    • Hero Rocketeer
    • Posts: 413
    • Thanks: 0

    Re: Afterburner. Is it possible to "stretch" the png bg further?

    Posted 15 years 1 week ago
    • Henning wrote:
      body div.background
      {height:500px;background: url(../images/light4.png) repeat-x;}
      In this case that gives me the background in all it's height, and THEN the rest of the site comes. Weird looking.
    • Regards,
      Vidar
    #433036
    • Vidar's Avatar
    • Vidar
    • Hero Rocketeer
    • Posts: 413
    • Thanks: 0

    Re: Afterburner. Is it possible to "stretch" the png bg further?

    Posted 15 years 1 week ago
    • .background {position:absolute;width:100%;height:300px;background:url(../images/bg_300.png) 0 0 repeat-x;}

      Gives me what I was looking for.
    • Regards,
      Vidar
    #433039
    • Ben Lee's Avatar
    • Ben Lee
    • Elite Rocketeer
    • Posts: 4193
    • Thanks: 42

    Re: Afterburner. Is it possible to "stretch" the png bg further?

    Posted 15 years 1 week ago
    • Glad you got it sorted out. :cheesy:
    #433042
    • Henning's Avatar
    • Henning
    • Preeminent Rocketeer
    • Posts: 29362
    • Thanks: 954
    • Volunteer

    Re: Afterburner. Is it possible to "stretch" the png bg further?

    Posted 15 years 1 week ago
    • You just should have added that line :oops:
      body div.background
      {height:500px;background: url(../images/YOUR-PIC) repeat-x;}

      it was not thought as a replacement for
      .background
      {position:absolute;width:100%;height:130px;background:url(../images/light4.png) 0 -384px repeat-x;}
      That could have stayed unchanged in the css in this case.

      I tested that locally and it worked without a problem ...
    #433046
    • Burner's Avatar
    • Burner
    • Newbie
    • Posts: 19
    • Thanks: 0

    Re: Afterburner. Is it possible to "stretch" the png bg further?

    Posted 14 years 8 months ago
    • Henning wrote:
      You just should have added that line :oops:
      body div.background
      {height:500px;background: url(../images/YOUR-PIC) repeat-x;}

      it was not thought as a replacement for
      .background
      {position:absolute;width:100%;height:130px;background:url(../images/light4.png) 0 -384px repeat-x;}
      That could have stayed unchanged in the css in this case.

      I tested that locally and it worked without a problem ...

      I can't seem to get anywhere with stretching my background image. Does your line of code, does it go in the css or template php file?
    • Neil
      "Burner"
      Vancouver, BC
    #484550
    • Vidar's Avatar
    • Vidar
    • Hero Rocketeer
    • Posts: 413
    • Thanks: 0

    Re: Afterburner. Is it possible to "stretch" the png bg further?

    Posted 14 years 8 months ago
    • Burner wrote:
      Does your line of code, does it go in the css or template php file?
      CSS
    • Regards,
      Vidar
    #484598
    • Burner's Avatar
    • Burner
    • Newbie
    • Posts: 19
    • Thanks: 0

    Re: Afterburner. Is it possible to "stretch" the png bg further?

    Posted 14 years 8 months ago
    • Vidar wrote:
      Burner wrote:
      Does your line of code, does it go in the css or template php file?
      CSS

      Tried the !.. line below and doesn't work. The next line has the backgound only going down to the 1st fold/1024px page height. I'm wanting the gradient background to go down to the 2nd fold and adjust to the content body.
      !..body div.background{height:500px;background: url(../images/topas_background.jpg) repeat-x;}

      .background {position:absolute;width:100%;height:100%;background:url(../images/topas_background.jpg) 0 0 repeat-x;}

      Cheers,
    • Neil
      "Burner"
      Vancouver, BC
    #484677
    • Henning's Avatar
    • Henning
    • Preeminent Rocketeer
    • Posts: 29362
    • Thanks: 954
    • Volunteer

    Re: Afterburner. Is it possible to "stretch" the png bg further?

    Posted 14 years 8 months ago
    • well perhaps a link could help here
    #484735
    • Burner's Avatar
    • Burner
    • Newbie
    • Posts: 19
    • Thanks: 0

    Re: Afterburner. Is it possible to "stretch" the png bg further?

    Posted 14 years 8 months ago
    #484760

Time to create page: 0.070 seconds