Black Boxes around custom icons

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

  1. LukkyB
    Offline

    LukkyB iPF Noob

    Joined:
    Feb 20, 2013
    Messages:
    1
    Thanks Received:
    0
    Trophy Points:
    0
    Location:
    Gulfport, MS
    Ratings:
    +0 / 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
    Offline

    Mickey330 Administrator Staff Member

    Joined:
    Aug 30, 2010
    Messages:
    11,454
    Thanks Received:
    1,717
    Trophy Points:
    113
    Location:
    Western NY state (USA)
    Ratings:
    +1,840 / 0
    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
    Offline

    Rolleicord iPF Novice

    Joined:
    Feb 10, 2013
    Messages:
    50
    Thanks Received:
    0
    Trophy Points:
    0
    Location:
    Kuala Lumpur
    Ratings:
    +0 / 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
    Offline

    Rolleicord iPF Novice

    Joined:
    Feb 10, 2013
    Messages:
    50
    Thanks Received:
    0
    Trophy Points:
    0
    Location:
    Kuala Lumpur
    Ratings:
    +0 / 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
    Offline

    f4780y Super Moderator Staff Member

    Joined:
    Sep 11, 2010
    Messages:
    7,109
    Thanks Received:
    635
    Trophy Points:
    113
    Location:
    Troon, Scotland
    Ratings:
    +635 / 0
    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
    Offline

    Rolleicord iPF Novice

    Joined:
    Feb 10, 2013
    Messages:
    50
    Thanks Received:
    0
    Trophy Points:
    0
    Location:
    Kuala Lumpur
    Ratings:
    +0 / 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
black black box around icons on ipad screen
,
black box around icons on ipad
,
black boxes around ipad
,
black line around custom icon
,
black line round icons i phone
,
how do i get rid of the borders around icons on my ipad
,
how to eliminateblack boxon ipad screen
,

how to get rid of black boxes around icons

,

how to get rid of black outline around themed iphone icons

,
how to remove black rims round icons on ipad
,
icons on ipad are black and cannot use them
,

ipad 3 has black box around icons

,
ipad air gets how to remove boxes around icons
,

ipad black box around apps

,
ipad black box around icons
,
ipad box around icons
,
ipad has boxes around apps
,
ipad mini with black boxes around icons
,

iphone, how to remove box around icons

,
proper file names for icon masks ipad mini