How to add a header/background image - Updated January 30, 2011

Collapse
X
 
  • Time
  • Show
Clear All
new posts
  • DotKritic
    Forum User
    • Jun 2009
    • 2974

    #1

    How to add a header/background image - Updated January 30, 2011

    This is slightly revised to give those people who were concerned with the original thread an easier view of how to add a header and a background to your profile. If some info in this thread inaccurate, please let me know so I can fix it.
    --------------------------------------------------------------------------------------------------------------
    Step 1: Look ANYWHERE on the FFR website at the top of the page you will see the FFR logo at the top left and to the top right are the current site stats (number of accounts made, current members using FFR, how many arrows were hit so far (each day), and the current time, as well as your current profile picture and current account stats (FFR Rank, credits, plays (all-time), and total score. Look above your profile picture where it says “[your account name]’s stats.” Click on your account name and it will take you to your profile.


    ____________________________________________________________________________________________________

    Step 2: You made it to you profile. CONGRATS! Now the fun begins. Look one banner below and you will see “Search Profiles, My Settings, Photos, etc.” Look further to the right and you will see “Show Style Editor” in RED. Click on that and see what happens…


    ____________________________________________________________________________________________________

    Step 3: If you did everything right, you should see what’s in the picture below (minus the red arrows). If not, then I guess you’ll have to start over at Step #1 . Assuming you did everything right, click on the “Default/Banner/Background – Style Editor” button at the top right of your profile. Not the page. The profile.


    ____________________________________________________________________________________________________

    Step 4: “Oh crap! So many buttons…” It’s easier than it looks. You can choose between having a solid color as your background or go for your own custom (or “custom”) background and/or header. However, if you want to have a solid color as your background, you can’t have a image as your background – and vice versa. Once you've got all you needed, click on "Update Default/Banner/Background" and *WALLA*, you're done.


    ____________________________________________________________________________________________________

    Step 5: Once you're done, click on "Hide Style Editor" and go play some FFR.
    ____________________________________________________________________________________________________

    Frequently Asked Questions:
    Q. What is the size limit for the background image and the header image?
    A. The max image size is 960 x 200 px. for the background image, but it does have a size limit of 512kb; it's usually a .jpg file.
    The max image size is unlimited for the header image, but it will be resized to fit the header. It doesn’t matter if your image is 1600 x 1200, your image will automatically be resized.

    Q. My background won't go through. It keeps saying "Background-Failed to upload" Help!!!
    A. There was likely an issue with the profile before then or you should try a different image format.

    Q. What if I want to have someone make me a custom background/header image?
    A. You can go to the 32-Bit RGB forum. Some members may want credits for doing your dirty work. It can range anywhere between the thousands to the millions.

    Q. Since you gave the sizes of the background and header image, what’s the size limit for avatars and forum signatures?
    A.
    Originally posted by FFR Forum Rules
    Avatars and Signatures: Please keep your signature to a maximum width of 600 pixels, and a maximum height of 250 pixels (If you want to put multiple pictures in your signature, sum of your pictures shouldn't exceed this size). Avatars must be no more than 200 pixels in height, and no more than 200 pixels in width. Total size of pictures in yout signature must be no more than 1MB.



    Please Remember: We feel that quoting inappropriate material is just as bad as if you posted the content yourself, so don't do it! Quoting posts that are bannable will earn the quoter a ban of the same length as the original offense (i.e. quote racism = two weeks, quote porn = whatever ban applies to the porn).
    Last edited by DotKritic; 01-31-2011, 12:53 PM.

    FFR Member Since December 17th, 2004
    Save 50% on Codecademy Plus, Pro, or Pro Student
  • HammyMcSquirrel
    Everlong
    FFR Simfile Author
    FFR Music Producer
    • Dec 2004
    • 3833

    #2
    Re: How to add a header/background image - Updated January 30, 2011

    Good to have an updated thread on this stuff. I'll make this a sticky and close the old thread. One thing you should note is the dimensions for banners/backgrounds under the new profile layout as well.

    Comment

    • DotKritic
      Forum User
      • Jun 2009
      • 2974

      #3
      Re: How to add a header/background image - Updated January 30, 2011

      Originally posted by HammyMcSquirrel
      Good to have an updated thread on this stuff.
      Yeah...it's been on my list of things to do for a while. Happy to finally get it updated.

      FFR Member Since December 17th, 2004
      Save 50% on Codecademy Plus, Pro, or Pro Student

      Comment

      • ULTIMEGA
        Torn to oblivion!
        • Mar 2009
        • 1498

        #4
        Re: How to add a header/background image - Updated January 30, 2011

        Glad I'm a fast learner.
        Subscribe To My Channel!

        Originally posted by _Zenith_
        @ULTIMEGA, dank meme genie.

        HIGHEST AAA:Necropotence [90]
        HIGHEST SDG: Magical 8 Bit Tour [100] (7-0-0-4)
        HIGHEST FC: Six Acid Strings [101]
        HIGHEST SCORE: Magical 8 Bit Tour [100] (7-0-0-4)

        Comment

        • Missdeltona07
          FFR Player
          • Jan 2008
          • 18

          #5
          Re: How to add a header/background image - Updated January 30, 2011

          Ok so i wanna know how to make my own headers. But idk how. I had my friend log on my acct and make the header that i currently have. My question is, how do i make headers like the one i have?

          Comment

          • Emithith
            FFR Player
            • Sep 2008
            • 1784

            #6
            Re: How to add a header/background image - Updated January 30, 2011

            In any image editing program you can make a header. Photoshop, MSPaint, Paint.net, GIMP are all common image editors.


            I also want to add that Backgrounds can be 995xhoweverthehellhighyouwantthem. They just need to obey the 500kb/1MB cap.

            Comment

            Working...