Black Boxes around custom icons

Discussion in 'iPad Hacking' started by LukkyB, Feb 20, 2013.

  1. LukkyB

    LukkyB
    Expand Collapse
    iPF Noob

    Joined:
    Feb 20, 2013
    Messages:
    1
    Thanks Received:
    0
    Hi guys - I'm a designer taking my first step into creating Themes for jailbroken iOS devices. So far the threads in the community have helped me out quite a bit - thanks!

    One problem I'm having, however, that I can't find a solution to are these black boxes around custom icons that I'm creating. As you can see the Camera.app worked fine - but Facebook is showing this box around it. Any ideas on how I can get rid of this?

    icons_zpsc1b97d47.jpg

    Any help would be appreciated.
     
  2. Mickey330

    Mickey330
    Expand Collapse
    Administrator
    Staff Member

    Joined:
    Aug 30, 2010
    Messages:
    11,876
    Thanks Received:
    2,189
    Take a look at your icon mask or overlay files. It looks to me as if your new icon is not blocking Apple's standard icon overlay (which is why you can see the black square). You've got to build an image that will mask that black square.

    Your camera icon works fine because that IS the image. Stock icons are not affected by theming/masks - which is why you have to theme them individually. The App Store icons, such as Facebook, a the ones that need the masks.

    I still don't understand exactly how the white and black work in making masks. I just know that you've got to have two or three masks to get the icons right.

    Hopefully, that helps?

    Marilyn
     
  3. Rolleicord

    Rolleicord
    Expand Collapse
    iPF Novice

    Joined:
    Feb 10, 2013
    Messages:
    50
    Thanks Received:
    0
    I have a question on icons ... its just a tiny query so I don't want to create a new thread.

    I have changed my icons for apps like Al-Jazeera and The Onion. They worked fine. Basically, upgrading to retina resolution on my iPad 3 on Ayecon theme.

    Next I want to change the Apple Slideshow icon (com.apple.mobileslideshow) in my ipad mini under LeviathanHAZ theme. I have replaced the pngs with my own but I am not getting the theme border effect. Its only showing the small picture. My questions:

    - Where is the info.plist located for apple programs on the springboard. (Under what directory shall I look for them)

    - When I download the icons using windows SCP, I cannot view them on my pc. I can view them using iFile. I read that there is an optimization on the RGB info done etc etc. Is there a program which can revert the pngs so that they can be viewed on PC and than convert them back for IOS?

    - The icon size for the LeviathanHAZ is 73 x 76, but I'm reading that standard size is 72 x 72. I'm using 73 x 76 now and without the IOS RGB conversion. Is this causing the borders to not appear?

    - Or there is something else? Help!! :(
     
  4. Rolleicord

    Rolleicord
    Expand Collapse
    iPF Novice

    Joined:
    Feb 10, 2013
    Messages:
    50
    Thanks Received:
    0
    Ok, I think the apple programs, the borders are already drawn in the icons. Maybe thats why I'm getting a square pic only. For non apple apps, you can take a basic pic, say a plain square facebook icon, and somehow, either in winterboard, the square image is magically altered to include the nice borders. I think ....;)

    com.macciti.leviathanhaz3hdforiphone.png

    If that's the case, I have to draw my own borders ...:confused:
     
  5. f4780y

    f4780y
    Expand Collapse
    Super Moderator
    Staff Member

    Joined:
    Sep 11, 2010
    Messages:
    7,114
    Thanks Received:
    648
    Yes, that's right, stock app icons are not themed the same way as App Store icons. You can normally use the icon mask in whatever graphics program you are using to easily add it as a layer.
     
  6. Rolleicord

    Rolleicord
    Expand Collapse
    iPF Novice

    Joined:
    Feb 10, 2013
    Messages:
    50
    Thanks Received:
    0
    Ah so ... Thanks for the reply. Is there a default place where I can find the icon masks? Or its different depending on the themes?

    Also is there an info.plist file for apple apps? Thanks again.
     

Share This Page



Search tags for this page
how to get rid of black boxes around icons
,
how to get rid of black outline around themed iphone icons
,
ipad 3 has black box around icons
,
ipad air gets how to remove boxes around icons
,

ipad black box around apps

,
ipad box around icons
,
ipad has boxes around
,
iphone, how to remove box around icons
,
why are the icons on my ipad white outlined in black
,
why is there a black border around my non stock app icons ios 7