Results 361 to 375 of 375

Your favorite Apple, iPhone, iPad, iOS, Jailbreak, and Cydia site.


Thread: GUIDE theming in 4.X

Threaded View

  1. #1
    Default GUIDE theming in 4.X

    Should probably advise I'm not monitoring this thread AS MUCH anymore not enough time for my own stuff

    EDIT EDIT

    I don't have the platform for testing anymore, moved on to android



    This was originally written on 4.0..on the iphone 4, 4.1 has changed a little but most of this should still work


    I will leave the original in tact. Anything above the asteriks superseeds anything below.



    Turn off reflective dock


    Simply create a blank png named [email protected] from Bundles\com.apple.springboard folder 118 x 120

    You can also create a custom dock above the multitask bar named [email protected] in the same directoy 640x 90


    UPDATED ICONS

    Maps now has its own folder

    Bundles/com.apple.Maps:- Icons named [email protected], [email protected] and icon@2x~iphone.png I forgot to test to see which one made it work. feel free to update me

    Camera And Photos no longer share the same folder

    com.apple.mobileslideshow

    Photos still lives inside but is name [email protected] (note the lowercase i)
    Camera now lives inside com.apple.camera names [email protected]


    To manually make The [email protected] and multitask backgroundimages work.

    delete the 4 cache files found in var/mobile/Library/Caches/ (com.apple.SpringBoard.folderSwitcherLinen.0, 1, 2, and 3). then respring.


    *******************************


    VampireV’s beginner guide to themeing for Iphone 4x
    I am by no means the authority on theme creating but I decided to write this in the hopes it will help a few people make their own changes / themes
    It would be nice to see some people put a little more effort in rather than changing wallpaper then calling it a ‘theme’

    The main elements I will cover are

    - Wallpaper / lock background / dock
    - Icons
    - Slider
    - Battery
    - Badges
    - Carrier logo / Wifi / Signal bars
    - Ringtone /SMS tones / sounds
    - Multitask bar background
    - Sms bubbles / background
    - getting your theme on the iphone.

    By all means you do not need to follow all of these steps, if you simply want to create a lockscreen follow it then scroll to the getting theme on your iphone bit.

    Programs to use, let’s keep this as user friendly as possible,
    Easy to use gui file browser for the iphone.http://www.i-funbox.com/ (this will be to put your custom themes on your phone
    Personally I also use, Adobe Audition for audio and Adobe Photoshop for pretty much anything else.

    Step 1#
    Jailbreak your phone, if it isn’t don’t bother reading any further...unless you just want the custom ringtone section...in which case a standard iphone will do it.. If you don’t know how to jailbreak Search the forums.
    Step #2
    Create a new folder for your theme, My_Theme or something. For the use of the tute we will use My_Theme.

    Wallpapers

    By far one of the easiest changes to make on the iphone, In your graphics program simply create a new image 320 x 480 (If there is a higher res you can use on 4x please let me know).
    For wallpaper save as “Wallpaper.png” under My_Theme
    For a lockscreen use the same size and save as ”LockBackground.jpg”
    I usually go with a transparent dock since I use my icons and wallpaper etc. If you wish to do the same create a file 320 x 91 called “Dock.png “and make it transparent. (or create a custom dock)
    To remove the dock shadows:-
    Create a folder under My_Theme > Bundles, then under that one called com.apple.springboard
    Create a transparent icon 60 x 60 and save as
    WallpaperIconDockShadowT@2x
    WallpaperIconDockShadow@2x
    and for good measure. SwitcherIconShadow@2x (feel free to experiment with these too )
    Your theme directory should now look like this
    My_Theme
    LockBackground.jpg
    Wallpaper.png
    Dock.png
    Bundles
    com.apple.springboard
    [email protected]
    [email protected]
    [email protected]

    Easy so far huh?

    Okies
    Icons
    Now the fun part, with the introduction of the iphone 4 HD icons are supported, well they aren’t really hd but who’s gunna argue semantics when clearly they look better the old ones.

    Method #1

    Icons are 114 x 114 for most part. At the moment you have no choice but to create rounded rectangle icons due to limitations in the current winterboard.. (correct me if I’m wrong)
    Under your bundles folder you will need to create a new directory for each icon. Now the fun part, third party apps etc have different naming conventions.
    Let’s start simple.
    For most of the default apple apps they are under folders called “com.apple.mobileXXXXX”
    Here is a link to a website that actually tells you what each folder should be called and what the icon is (usually [email protected] but beware, the weather icon needs to be named [email protected] or differently depending on location)
    https://spreadsheets.google.com/ccc?...lE&hl=en#gid=0
    Also here is a link to an awesome guide on how to find out for yourself if the app isn’t in the spreadsheet
    http://www.alexwhittemore.com/?p=71

    so an example of this is for the Phone icon.
    Bundles > com.apple.mobilephone then save as [email protected]
    Camera and photo icons are under com.apple.mobileslideshow

    Method #2 – Will work, more flexibility but they will never look as good as method 1.
    If you are happy to continue using the old method create a folder under your My_Theme folder called “Icons”.
    Now icons are usually 60 x 60 but using this method you can pretty much make them any size you like, experiment...
    Simply save the icon to the name of the application you want it for, note the IS case sensitive.
    Eg
    ipod.png will not work, it needs to be iPod.png

    Custom Slider

    This is actually pretty easy ..
    Under bundles > create a folder called “com.apple.TelephonyUI”
    Create a transparent icon 79 x 96 and save as (or toy with it for your own look)
    [email protected]
    [email protected]
    [email protected]
    This removes all the clutter.

    For the slider itself, create an image 142 x 94 and name it “[email protected]
    This is the slider itself. Throw in your own graphic.


    To change the text “slide to unlock etc”

    Under Bundles > com.apple.springboard Create a folder “en.lproj” then open notepad and paste the following :-


    <?xml version="1.0" encoding="UTF-8"?>
    <!DOCTYPE plist PUBLIC "-//Apple//DTD PLIST 1.0//EN" "http://www.apple.com/DTDs/PropertyList-1.0.dtd"><plist version="1.0">
    <dict>
    <key>AWAY_LOCK_LABEL</key>
    <string color="gray">New unlock text<string>
    </dict>
    </plist>

    Change the ‘New unlock text” to your own, There is a limit to characters though so keep it short.
    Save as “SpringBoard.strings”

    Ok so now directory should look like this

    My_Theme
    LockBackground.jpg
    Wallpaper.png
    Dock.png
    Bundles
    com.apple.TelephonyUI
    [email protected]
    [email protected]
    [email protected]
    [email protected]

    com.apple.springboard
    [email protected]
    [email protected]
    [email protected]
    enl.lproj
    SpringBoard.strings
    A whole bunch of icon folders eg com.apple.mobilephone OR
    Icons (if you didn’t go with the hd...shame on you 

    Still with me? Wow, congratulations on that... this is fun yeah?

    Anyways

    Custom Battery
    Create an image 528 * 258, this is now the battery image. You will need to save them from
    BatteryBG_1@2x all the way to BatteryBG_17@2x. With 17 being full charged and 1 being empty / dead.

    These images go under Bundles>com.apple.springboard
    *** handy tip. I usually create icon 17 first then use a mask for the slider move it around save next image etc...play around its fun some of the things you can do.

    Custom Badgers ...err um badges
    Some of you are asking WTF are badges I’m sure of it... you know the little icons that appear at the top of your icons saying you have 2 messages etc... yeah...then that’s them

    Create a file 58 x 55 and create your rounded imaged (now this is stretched somehow so tend to make it a little off perfect, ie make it wider then it is high)
    Then save as the following files under Bundles > com.apple.springboard
    [email protected]
    [email protected]

    Custom Carrier logo

    Now this gets fun, most of you guys are in the us, Personally I’m from Australia and I use Optus.

    First thing you will to do is find out the naming convention of your phone provided. In my case its
    com.apple.Optus_au
    most of you will probably have
    com.apple.ATT_US
    TBH not 100% sure how to figure this out, well I mean you could probably ssh in and look around or google it. Surely you should be able to find it.

    Anyway depending on your carrier, create that folder under Bundles > com.apple.springboard
    Then create an image 80 x 40 and save as
    [email protected]
    [email protected]
    under the carrier folder

    ***EDIT #Create any images that go on the status bar as below at twice the size with @2x at the end of the name. Alone they don't work so you need the 1/2 size images there as well, thanks to Kingjust.***#

    Wifi / Signal bars
    Ok, back to the main folder My_theme
    Create a folder called UIImages (case sensitive)
    Create an icon 19 x 20 and save as
    Black_0_Bars.png - being no reception
    Black_1_Bars .png ---
    Black_2_Bars.png -----
    Black_3_Bars.png I’m sure you can guess the rest
    Black_4_Bars.png ----------
    Black_5_Bars.png - being full reception

    Now do the exact same thing expect call them
    Silver_0_Bars.png  Silver_5_Bars.png

    Don’t know why...just do it 

    To change the wifi logo

    Create and image 21 x 21 and save as
    Black_0_WifiBars.png --- no wifi
    Black_1_WifiBars.png
    Black_2_WifiBars.png
    Black_3_WifiBars.png --- max wifi
    Then again, same thing but named as
    Silver_X_WifiBars.png

    Ok so now the tree should look like this



    My_Theme
    LockBackground.jpg
    Wallpaper.png
    Dock.png
    Bundles
    com.your carrierdetails
    [email protected]
    [email protected]
    com.apple.TelephonyUI
    [email protected]
    [email protected]
    [email protected]
    [email protected]

    com.apple.springboard
    [email protected]
    [email protected]
    [email protected]

    [email protected]
    [email protected]

    Lots named [email protected] (starting from BatteryBG_1@2x)

    enl.lproj
    SpringBoard.strings
    A whole bunch of icon folders eg com.apple.mobilephone OR
    Icons (if you didn’t go with the hd...shame on you 
    UIImages
    Black_0_Bars.png
    Black_1_Bars .png
    Black_2_Bars.png
    Black_3_Bars.png
    Black_4_Bars.png
    Black_5_Bars.png
    Silver_0_Bars.png
    Silver_1_Bars.png
    Silver_2_Bars.png
    Silver_3_Bars.png
    Silver_4_Bars.png
    Silver_5_Bars.png
    Black_0_WifiBars.png
    Black_1_WifiBars.png
    Black_2_WifiBars.png
    Black_3_WifiBars.png
    Silver_0_WifiBars.png
    Silver_1_WifiBars.png
    Silver_2_WifiBars.png
    Silver_3_WifiBars.png


    Ringtones / SMS tones.


    Ok, creating a ringtone is easy 

    Open up the file you wish to save as a ringtone (usually 27 seconds is max)
    Save as a new mp3 (with only the 27 seconds) if it doesn’t work, the length is too long
    Open itunes and add the new file.
    Right click and Create AAC version, > then locate the created file (Usually under CUsers\yourname \Music\iTunes\iTunes Media\Music (99% of the time it’s in Unknown Artist folder)
    Grab the file and paste it elsewhere so itunes won’t delete it on you and rename to .m4r
    Remove the 2 small mp3s from itunes (unless you like them coming back up in a playlist later)
    manually add the ringtone to itunes (drop n drag)

    SYNC...done

    Custom SMS tones
    As a tip with a jailbroken the tones will play in your ear when you are on a call so keep them short..(should follow my own advice...but I hate that guy)

    Open the file in your audio editor (I use adobe audtion) normalize the file to 90% sound) save as apple.aif (apple format)_. then rename the following depending on what you want the sound to do...
    Create the following folder under My_Theme
    UISounds
    Beep-beep.caf plugged onto charge
    lock.caf lock sound
    low_power.caf low battery warning
    mail-sent.caf email sent
    new-mail.caf new email
    ReceivedMessage.caf
    I think it’s the sound if you your sms opened and someone replies

    sms-received1.caf (up to 6) These are the sms tones
    Tink.caf I forget
    Tock.caf keyboard sound
    unlock.caf um...do I really need to tell you?
    Voicemail.caf default notification sound

    • Apologies if I get some wrong, going from memory.


    Multitask background
    Create a file 640 x (well i made mine 960 due to some weird stretch and only used the top portion, again experiment) and call it “[email protected]” under Bundles > com.apple.springboard

    see top for instructions on how to get this to work now.

    Okies, on the home stretch.
    Custom SMS
    Create a folder called “Folders” under the My_Theme directory then another “ChatKit.framework” under Folders
    Create an image 86 * 64 and save it as
    [email protected]
    Do the same again except change the colour
    [email protected]
    (have both facing the same way with the tail to the right.)
    EDIT*** for 4.1** you need to name any files under chatkit.framework as ~iphone..eg Balloon_1@2x~iphone.png***


    To create an sms background save a 640*480
    “SMSBackground.png” under My_theme. (don’t forget you will see more of the image when put in landscape mode during use)


    TADA

    Congratulations, you have made a pretty kewl theme.. give yourself a pat on the back and feel free to send $$ to my home address..

    So the final structure should look like this:- (I’ve named the sections for quick reference)

    My_Theme
    LockBackground.jpg {lock background}
    Wallpaper.png {Theme background}
    Dock.png {dock image ,usually transparent}
    SMSBackground.png {txt background}


    Folders
    {SMS} com.apple.ChatKit.framework
    [email protected]
    [email protected]
    Bundles
    {Carrier logo} com.your carrierdetails
    [email protected]
    [email protected]
    {slider} com.apple.TelephonyUI
    [email protected]
    [email protected]
    [email protected]
    [email protected]

    com.apple.springboard
    [email protected]
    [email protected]
    [email protected]
    {multitask dock background}
    [email protected]

    [email protected]
    [email protected]
    {battery}
    Lots named [email protected] (starting from BatteryBG_1@2x)

    enl.lproj
    SpringBoard.strings
    A whole bunch of icon folders eg com.apple.mobilephone OR
    Icons (if you didn’t go with the hd...shame on you 
    UIImages
    {signal bars} Black_0_Bars.png
    Black_1_Bars .png
    Black_2_Bars.png
    Black_3_Bars.png
    Black_4_Bars.png
    Black_5_Bars.png
    Silver_0_Bars.png
    Silver_1_Bars.png
    Silver_2_Bars.png
    Silver_3_Bars.png
    Silver_4_Bars.png
    Silver_5_Bars.png
    {wifi} Black_0_WifiBars.png
    Black_1_WifiBars.png
    Black_2_WifiBars.png
    Black_3_WifiBars.png
    Silver_0_WifiBars.png
    Silver_1_WifiBars.png
    Silver_2_WifiBars.png
    Silver_3_WifiBars.png


    {Sounds} UISounds
    Beep-beep.caf
    lock.caf
    low_power.caf
    email-sent.caf
    new-mail.caf
    ReceivedMessage.caf
    sms-received1.caf (up to 6)
    Tink.caf
    Tock.caf
    unlock.caf
    Voicemail.caf


    THE FINAL CHAPTER


    So you have got this far...woot

    Ok for windows users grab ifun box from the link at the start..for mac users...meh. (kidding) but I don’t know ssh etc, plenty of tutes laying round.

    Connect your iphone to the pc and run i fun box.

    Navigate to
    Var > stash > themes.XXXX (usually random letters or numbers)
    Drop your My_theme folder in there... open winterboard on the iphone, enable your theme

    DONE!!!!!!!


    ############


    merged data since update

    KEYPAD

    Keypad update

    Dialerpad when you make a call
    640 x 546
    [email protected] and [email protected]
    put under com.apple.mobilephone

    Dialerpad when entering unlock code
    320x216 [email protected] and [email protected]
    put in com.apple.springboard

    keypad icons for mute etc

    they are 140 x 136 and located in com.apple.mobilephone
    names as

    [email protected]
    [email protected]
    [email protected]
    [email protected]
    [email protected]
    [email protected] (for bluetooth)
    [email protected]
    [email protected]



    Congrats

    Happy theme creating 

    follow me on twitter @mbliesner
    Last edited by VampireV; 09-29-2012 at 10:35 AM. Reason: updating for 4.1
    Follow me on twitter @inappmatt check out my YouTube stupidity Youtube.com/Inappropriatematt (NSFW)

  2. The Following 37 Users Say Thank You to VampireV For This Useful Post:

    1hihum (12-13-2010), babyybee (09-18-2010), blanked (09-12-2010), Boldywaer (02-10-2011), Bonito77 (07-20-2012), brian8534 (07-30-2012), bubble.tea (02-25-2012), christopherjason (10-13-2010), Daidouji (10-10-2011), ev_ol (10-14-2010), five0.gutierrez (11-19-2010), giyang (01-23-2011), haveaname (12-18-2010), Hypers (09-24-2011), hypnotik78 (12-02-2010), indyzzzz (05-11-2011), InsecureSpike (01-27-2011), JesseDegenerate (11-16-2010), kaosrealm (10-13-2010), kunal0072005 (01-05-2011), Lovebirdparakeet (04-28-2011), milleung (05-21-2011), Mr370Z (01-24-2012), MyStur (10-29-2010), Nachtwandler (03-29-2012), NDM (10-25-2010), rasputin007 (09-11-2010), seamariners85 (11-04-2010), sephiroth726 (11-09-2010), Shanteeman (12-27-2010), Sinamuk (12-29-2010), SnR (10-06-2010), Suevans (09-14-2010), thunderwolf333 (10-05-2010), umma_urban (12-30-2010), Windmeel (09-16-2010), WingHack (03-20-2011)

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