Please Read First
Troubleshooting Tips
Frequently Asked Questions
Note: Appearance issues are often caused by caching plugins.
When Posting Please Include Your URL.
Search Forum Using Google Search Box Above
IMPORTANT: If after forum login, you appear logged out, click on "New Posts". You should show as logged in then. It's a Vbulletin bug.
Forum Video

Page 1 of 2 12 LastLast
Results 1 to 10 of 20
  1. #1
    Join Date
    Jul 2010
    Location
    Columbia, SC
    Posts
    12
    Rep Power
    0

    Default Fixed Background

    I chose that blue to white (top to bottom) background, didn't like it repeating though so it now fades to the regular background.

    I would prefer to fix/lock it. I did a search for css background fix, inserted what I found in the style menu below the background color, but it didn't work. Couldn't figure out anywhere else to put it.

    How can I lock the background so it won't scroll?
    My online mission: Changing Lives, Saving Lives, & Helping Others!

  2. #2
    Join Date
    Jun 2010
    Location
    South Bend, IN
    Age
    42
    Posts
    876
    Rep Power
    8

    Default

    If I use a gradient I choose "repeat x" and the fade doesn't repeat. You can see at www.wirelesskindledx.com

  3. #3
    Join Date
    Jul 2010
    Location
    Columbia, SC
    Posts
    12
    Rep Power
    0

    Default

    Eric, I had already done that, but I would prefer to lock the blue in place rather than have it scroll off the screen. There is a distinct line between the the loaded background and the standard color below as the blue fades to white. I don't want a white background.

    You can see what I mean... at JustBlogn.com
    My online mission: Changing Lives, Saving Lives, & Helping Others!

  4. #4
    Join Date
    Jun 2010
    Location
    Maine
    Posts
    7,940
    Rep Power
    14

    Default

    Just change background styling color to: FFFFFF

  5. #5
    Join Date
    Jul 2010
    Location
    Columbia, SC
    Posts
    12
    Rep Power
    0

    Default

    Dan, I realize I could do that, but I really didn't want a plain white background upon scrolling... and I prefer to fix the blue gradient if possible.
    My online mission: Changing Lives, Saving Lives, & Helping Others!

  6. #6
    Join Date
    Jun 2010
    Location
    Maine
    Posts
    7,940
    Rep Power
    14

    Default

    Check out this page.. sorry don't have time to test right now..

    http://www.w3schools.com/Css/pr_back...attachment.asp

  7. #7
    Join Date
    Jul 2010
    Location
    Columbia, SC
    Posts
    12
    Rep Power
    0

    Default

    Thanks for the effort Dan, I inserted it exactly as is, but figured that wouldn't work. I'm not sure I inserted it in the right place (quite new to messing around with code...some I can figure out, the rest is mumbo jumbo).

    I assumed I would need the url image location for that code, but haven't found it anywhere yet. I tested the code as is, it didn't work as expected. I inserted it near the top of the css style sheet where the background info is.

    Perhaps, the next edition of Socrates will include a button to check to fix the background in the background area (we can hope for it)
    Last edited by JustBlogn; 07-03-2010 at 05:08 AM.
    My online mission: Changing Lives, Saving Lives, & Helping Others!

  8. #8
    Join Date
    Jun 2010
    Location
    Maine
    Posts
    7,940
    Rep Power
    14

    Default

    Justnblog,

    It's in the header.php file.

    You can delete this in header.php...

    body {background:url(<?php bloginfo('template_url'); ?>/background-images/<?php echo $bg['bg']; ?>) <?php echo $bg['repeat']; ?> #<?php echo $style['bgColor']; ?> }

    And then hard code the fixed css code in your stylesheet.

    To be honest fixed backgrounds are really pretty rare. Not sure the feature would get much use.

  9. #9
    Join Date
    Jul 2010
    Location
    Columbia, SC
    Posts
    12
    Rep Power
    0

    Default

    Knowing very little about coding, I deleted the suggested file, which removed the background altogether, but attemtping to put code into the css file... yeah, that didn't work, obviously I don't know what I'm doing. For non-coders, anything that isn't obvious is just jibberish.

    RE: Fixed backgrounds being rare
    I set up a couple of forums some years ago (before css was the thing), and I used ezboard which was mostly fill in the blank for us web dummies, and learned about the background=fixed html command, which I used. Suddenly, everyone was asking me how to fix their background too. Personally, I think it is rare because us non-coders don't know how to do it. Given a few simple options, I think we would see a lot more rare items being used.
    Last edited by JustBlogn; 07-03-2010 at 12:15 PM.
    My online mission: Changing Lives, Saving Lives, & Helping Others!

  10. #10
    Join Date
    Jun 2010
    Location
    Maine
    Posts
    7,940
    Rep Power
    14

    Default

    Sorry, I was thinking you grab the code from the page I sent.

    http://www.w3schools.com/Css/pr_back...attachment.asp

    In Style.css try replacing


    body { background-color:#F4F4F4; margin:0;
    font-size: 9pt;
    font-family: 'lucida grande', Verdana, Sans-Serif;
    }


    with

    body { background-image:url('pathtoimage/image.gif');
    background-repeat:no-repeat;
    background-attachment:fixed;
    margin:0;
    font-size: 9pt;
    font-family: 'lucida grande', Verdana, Sans-Serif;
    }

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •