Changing Badges

Discussion in 'iOS Themes and Customization' started by PieOPah, Jun 1, 2009.

  1. PieOPah

    PieOPah Member

    Joined:
    Aug 19, 2008
    Messages:
    381
    Likes Received:
    0
    Device:
    iPhone 4 (Black)
    I am wanting to change the badge so it fits my theme.

    Currently I have the default however, I would prefer to be able to have a black background (or transparent) with the figure in a light grey.

    Also, is it possible to move the location of the badge? I would prefer it to be lower down...

    Many thanks
  2. cocotutch

    cocotutch Community Development Team Staff Member

    Joined:
    Oct 6, 2008
    Messages:
    1,285
    Likes Received:
    117
    Device:
    5G iPod touch
    Yup. It's all possible. Just download another theme such as MobileMe Full GUI and extract SBBadgeBG.png from the Folders>SpringBoard.app> area.

    Then...

    Open it in Photoshop and make your own Badge in the style you want and you can move it down/up/left or right in that Canvas area.

    Then...

    Save it to your Theme folder via Save For Web And Devices.

    Copy the theme over via SSH...

    And Respring.

    Ta-Da

    Please Register or Log in to view images



    Anything else, just post here and I will try to be of service sir.

    Good Evening.
  3. PieOPah

    PieOPah Member

    Joined:
    Aug 19, 2008
    Messages:
    381
    Likes Received:
    0
    Device:
    iPhone 4 (Black)
    Thank you for that. I'll give that a go when I get home tonight (can't shh in the office due to no WiFi).
  4. cocotutch

    cocotutch Community Development Team Staff Member

    Joined:
    Oct 6, 2008
    Messages:
    1,285
    Likes Received:
    117
    Device:
    5G iPod touch
    Hey, how did you go with changing your badges?
  5. PieOPah

    PieOPah Member

    Joined:
    Aug 19, 2008
    Messages:
    381
    Likes Received:
    0
    Device:
    iPhone 4 (Black)
    I have only had a minor play with this so far. The biggest problem I am facing is relocating the badge.

    I would like to move it slightly down and left so it is close to the icon.

    Attached Files:

  6. Alt+F4

    Alt+F4 New Member

    Joined:
    Mar 12, 2009
    Messages:
    373
    Likes Received:
    0
    Device:
    2G iPod touch
    In Photoshop, i think all you have to do is move just the little red circle part down twards the bottom of the transparent square. It's kinda hard to explain, just move the picture down.
  7. PieOPah

    PieOPah Member

    Joined:
    Aug 19, 2008
    Messages:
    381
    Likes Received:
    0
    Device:
    iPhone 4 (Black)
    I have had a look at a couple of badges and there is no room to move the icon around the canvas... it takes up all of the available space!
  8. Manic Nimrod

    Manic Nimrod Well-Known Member

    Joined:
    Nov 26, 2007
    Messages:
    8,769
    Likes Received:
    149
    Moving the badge is Very limited. As others have said you can move it in the canvas.

    You can also move it a little via info.plist. But not that much.

    You could try to make the canvas of the badge image bigger, then moving the badge again.

    I'm not sure if that will help.
  9. PieOPah

    PieOPah Member

    Joined:
    Aug 19, 2008
    Messages:
    381
    Likes Received:
    0
    Device:
    iPhone 4 (Black)
    I'll try resizing the canvas...
    I did try using the plist but it seems that what I was doing was moving the value inside the badge...

    No big loss if it can't be done.

    Thanks to each of you for the suggestions.

    My other option will be to modify my theme slightly

    Please Register or Log in to view images

  10. Manic Nimrod

    Manic Nimrod Well-Known Member

    Joined:
    Nov 26, 2007
    Messages:
    8,769
    Likes Received:
    149
    urgh, Sorry, yes, with the info.plist you move the value, then you will have to move the badge image in the canvas, but again, its very limited.

    You could edit the image to make it fit in more with your theme.

Share This Page