Page 1 of 8 123 ... LastLast
Results 1 to 20 of 147

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


Thread: how to make your own winterboard theme Tutorial

  1. #1
    iPhoneaholic opusandbill's Avatar
    Join Date
    Oct 2007
    Location
    The Republic of Texas
    Posts
    384
    Thanks
    24
    Thanked 304 Times in 60 Posts

    Default how to make your own winterboard theme Tutorial
    I have seen several threads about people wanting to know how to change something using Winterboard. So I thought I would write this.

    First if you really want to do this I think you should read Sauriks blog about winterboard, it explains alot.

    iPhone Theming on WinterBoard - Jay Freeman (saurik)

    second you will need to download this zip file (iPhone Forums at ModMyI.com - iPhone | iPod Touch, news, apps, themes. - Downloads - 2.0 UIImages), it contains the images you will need to change the keyboard and other.artwork files (even the overlays that apple adds to icons)

    third you will need to install winterboard (it will have 1 default theme named Saurik)


    to add your own theme you will want to do the following:

    add a folder with your theme name
    you should see this
    /Library/Themes/(theme name)
    then add both a UIImages and Bundles folders
    EX:

    /Library/Themes/(theme name)/UIImages
    /Library/Themes/(theme name)/Bundles

    if you want to add a wallpaper to the springboard it goes in the folder of your theme and needs to be called "Wallpaper.png"



    you can copy the plist from the default theme and add it to yours.
    This will allow to change the type of font, color and transparency of the fonts both on the dock and springboard.

    If you want transparent icon text, check the end of the post for info about new features of the latest update of winterboard.



    now to change an image on the springboard like the dock background, you have to add a folder called com.apple.springboard to the Bundles folder.
    /Library/Themes/(theme name)/Bundles/com.apple.springboard



    the images that you can change on the springboard are located here:
    /System/Library/CoreServices/SpringBoard.app

    you have to use the names that are listed in the SpringBoard.app or your images will not change.

    For Example the dock is called SBDockBG.png



    to change any thing about a apple installed app (this includes appstore programs), You need to know what to name the folder.

    open the plist for the app and look for a set of words that start with "com."
    example
    the weather app is called com.apple.weather



    you then add your images just as you did for the springboard.

    the apps from the apple store are located at:
    /var/mobile/Applications

    all other apps are located at:
    /Applications

    this is a list of some of the apps I have modify:

    whatever image you want to change has to have the same name as the original.

    By doing it this way you can switch between themes fairly easy, and all your stock images are still there.

    to change either the keyboard or other.artwork images, you open the image from the zip that you download earlier (I use Photoshop CS3), and make whatever changes to it you want.

    when you save the file you want to use the "Save For Web & Devices" option.

    then select PNG-8 and make sure the transparency box is checked and that it says none for matte.

    you then place the image in the UIImages folder.



    once you are done when press the winterboard app you should see the name of your theme.

    you simply press theme name and once winterboard resets to the locked screen you will want to restart your phone to make sure the changes stick.

    if you want to delete a theme you simply goto (/Library/Themes/(themename)) and delete the theme.

    UPDATED WINTERBOARD
    with the latest version of winterboard there are now 3 new options

    1. User Wallpaper lets you use the same wallpaper that is on your locked screen.
    step A: press the bar that says User Wallpaper, you then should see a check mark to the right
    step B: press the 3 grey bars and drag it to the top (it should be on top of your theme)
    step C: when exit winterboard will automatically restart and the wallpapers should now match

    2. making icon text transparent
    step A: press the bar that says Transparent Icon Labels, you then should see a check mark to the right
    step B: press the 3 grey bars and drag it to the top (it should be on top of your theme)
    step C: when exit winterboard will automatically restart and the text should now be gone.

    New winterboard update 8-19-2008
    Saurik has added support for changing User interface sounds.
    this is were the sounds are located: /System/Library/Audio/UISounds/

    Step 1: open itunes
    Step 2: click Itunes, then preferences
    Step 3: click Advanced
    Step 4: click import
    Step 5: where it says "Import Using" select AIFF encoder
    Step 6: load sound to itunes
    Step 7: select sound and right click and select "convert selection to AIff"
    You should now have 2 clips with the same name.
    Step 8: select the AIFF file click "get Info" and make note of where the file is located.
    Step 9: find clip
    Step 10: drag clip to desktop and rename it as the file you want to replace and changing .aif to .caf
    Step 11: Add UISounds to your theme
    Step 12: place new clip into UISounds folder
    Step 13: open winterboard and tap your theme twice and then exit winterboard and wait for springboard to restart.

    you now have a new sound.

    ---------------------------------------------------------------------------------------------------------------------------------------------------
    Another feature of winterboard is that when you open the app you see a list of options.
    In my example I am going to explain how to have the same wallpaper on both the lockscreen and springboard.

    When you open winterboard you will see a tab labeled with you theme name and one with the words "User Wallpaper"



    In the previous photo you see that my theme is checked. If I leave it like this I will have a different wallpaper on both the lockscreen and springboard.

    If you press the "User Wallpaper" tab so it has a check mark too and then press the 3 grey bars and drag it on top of your theme you will now have the same wallpaper on both the lockscreen and springboard.

    the one on top overwrites the one on the bottom, even though both have a check mark.



    ------------------------------------------------------------------------------------------------------------------------
    to change you carrier do the following.
    all carrier logos are located at the following path:
    /System/Library/Carrier Bundles/____.bundle

    you will need to open the plist for whatever logo you want to change and get the name.
    For at&t it is called: com.apple.ATT_US
    there are 2 pngs for each logo a FSO and Default.
    add com.apple.ATT_US to /Library/Themes/(theme name)/Bundles

    this is what you want:
    /Library/Themes/(theme name)/Bundles/com.apple.ATT_US
    you will then place your new FSO_CARRIER_ATT.png & Default_CARRIER_ATT.PNG into the com.apple.ATT_US folder
    Restart winterboard and you are done
    -------------------------------------------------------------------------------------------------------------------------
    update 7-30-2009
    To change the weather app icon you will need to place a png called "SBWeatherCelsius.png" in the com.apple.springboard folder in your bundles in your theme. 2.0 and up uses this png for its summerboard icon (not the one in the app folder).

    to change the ipod icon you have 2 choices.
    first you can add "icon-MediaPlayer.png" to the com.apple.mobileipod in bundles
    or
    second (and this is what I have done) you can split the ipod icon into 2 seperate icons (1 for music & 1 for videos)
    You will need this file.
    http://rapidshare.com/files/26171988...plist.zip.html

    then replace the original plist (backup stock plist) in the MobileMusicPlayer app.

    then add com.apple.mobileipod to your theme

    you then can add 2 icons called "icon-VideoPlayer.png" & "icon-AudioPlayer.png"

    here are some photos of what I have done.
    Last edited by opusandbill; 07-30-2009 at 07:05 AM. Reason: added how to change sounds

  2. The Following 157 Users Say Thank You to opusandbill For This Useful Post:

    abbesk8 (01-13-2012), afanoulis (02-09-2013), agent005 (11-15-2008), ahiggs (11-08-2010), aifounaaja (03-01-2010), albgk (04-13-2009), Argon27 (07-09-2009), athynz (12-26-2008), Atomik (08-11-2008), Avtech_OS (09-13-2014), b3nny (02-13-2009), Badongers (03-14-2010), badstone (02-06-2010), bdoyle159 (07-07-2010), bhz1 (09-15-2008), bigmike3 (11-07-2010), bini_ni_mc (08-31-2010), blb9556 (12-25-2013), Blindneas (11-24-2009), bobsuruncle (08-13-2008), Bonito77 (07-12-2012), bonus4 (12-29-2008), Booga-Booga (10-19-2008), brada1983 (08-10-2009), Breezygirl (03-05-2010), bvxracer (09-18-2009), caffinii (11-29-2009), calfergo (08-31-2008), callum_88 (04-06-2010), CaptainChaos (09-07-2008), cartman13 (11-25-2008), cender (09-02-2008), chancre_scolex (08-26-2008), chillbär (03-22-2009), ckybam69 (10-05-2008), clikzip (10-27-2009), CNewell (03-13-2009), Cocacolafire (09-10-2009), CodeRed52 (02-13-2013), Cody Overcash (11-11-2008), d3rson (07-16-2012), dagger80 (02-22-2010), dakillervamp (03-17-2010), Dashiznit (10-02-2008), DieselUofA (01-03-2011), divineauthority (06-07-2010), djphoto (07-18-2010), Domi84 (01-22-2012), Dragon721 (12-22-2009), DragonXDoom (07-20-2009), dsg (02-04-2009), DuBCaDiLLaC (10-11-2009), eggs588 (05-10-2010), eight0r (02-23-2009), enjoicrapping (08-13-2008), evilmojofcs (05-31-2009), EZO (10-13-2008), freeipod (05-11-2010), fritzer (01-02-2010), Gangstair (06-15-2012), GanymedeDC (05-10-2009), geoffe (11-17-2009), Goosie (09-26-2008), grahamc1965 (05-30-2010), guarroman (09-04-2008), hacker555 (12-25-2009), HairyDave (10-02-2010), hartphoto (08-12-2008), hjljhp (06-24-2009), hoangyb (09-24-2011), Ifri (11-03-2010), imacaller (07-08-2009), Imagine09 (04-02-2009), InsanityOnABun (11-24-2010), invisiblelight (02-10-2011), iPhone-mne (06-16-2010), iPirate8245 (09-11-2009), iRoach74 (03-04-2009), jason0785 (09-18-2008), jdriessen (10-12-2009), jingram20 (03-10-2009), jonmassot (01-28-2011), Joshuawilde (06-19-2010), JStraitiff (12-11-2008), juanpablo30 (09-04-2009), Julie1309 (10-17-2009), jvouin (12-08-2010), Katya (09-03-2008), kelticfury (09-12-2008), King Shady (06-12-2010), Kirbyknight (03-04-2012), L3GACY (09-16-2009), Late_Nights (08-18-2009), lau_rits (10-01-2009), leonn (03-25-2010), leram84 (02-23-2009), lili4311 (05-11-2009), LittleBit (02-04-2009), llescaflownell (09-07-2008), Lovebirdparakeet (07-16-2010), M&M21 (10-12-2009), markanie (01-09-2010), MastaJames (05-02-2011), mvpgoldglover (10-06-2009), nayte (12-21-2009), Newbee123 (08-11-2010), ninthchamber99 (09-20-2008), olivernikus (05-03-2009), Onemajorflaw (08-13-2008), pant456 (09-27-2011), Patou (02-18-2009), pattulus (09-15-2008), peanut_48 (09-19-2008), PeebaThC (09-19-2009), peteywhit (03-10-2011), plasma.d00d (08-22-2008), pnunez1310 (03-30-2012), projectdisable (09-27-2012), Proserpine (12-27-2008), Ptolemaeus (11-08-2009), raymen864 (08-02-2010), RedRebellion (03-16-2009), Reska (10-20-2010), rimigoca (09-12-2008), robertmdwill (08-25-2009), ryantcb (01-22-2010), s0niclong (09-22-2010), scotkersten (12-20-2009), Senojal (08-23-2010), SH0X (07-19-2010), shadow_light_7 (08-17-2008), shawn808 (03-25-2009), snuckols (10-23-2008), sp72 (01-22-2012), spam_artist (08-11-2008), squatch1971 (03-02-2010), steveathome (01-23-2010), stobo (02-11-2009), [email protected] (08-14-2008), Talynrider (08-10-2008), theblackhand (04-06-2009), TheCrow13 (03-24-2009), TheWarlu (02-27-2011), The_Real_Azrael (09-22-2008), thomas_james (07-02-2009), TSauer09 (01-08-2011), tueland (11-10-2009), Umarji (03-21-2009), uzi78678 (12-20-2010), Valkrin (01-17-2009), VampireV (09-16-2008), Vaxxla (08-19-2008), Vigi (09-27-2010), Wait...What? (10-16-2008), yakabod (09-27-2009), ZappZero (10-23-2010)

  3. #2
    Clear and concise, very nice opusandbill! Thank you. This should be stickied because a lot of people are going to want to reference this when they get started.

  4. #3
    *bookmarked* info was too good.
    They can be a great people, Kal-El, they wish to be.
    They only lack the light to show the way.
    For this reason above all, their capacity for good, I have sent them you... my only son.

  5. The Following 3 Users Say Thank You to LeathaFace For This Useful Post:

    alextran888 (01-21-2010), impala64 (03-16-2010), Millenium (08-12-2010)

  6. #4
    What's Jailbreak?
    Join Date
    May 2008
    Location
    knoxville, tn
    Posts
    1
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Would you mind either attaching a template theme or some screenshots of what the theme consists of? I have seen them made several different ways. I have read Saurik's blog about making Winterboard themes, but people have made them several different ways. Also could you elaborate on customizing UIImages? I am very interested in doing some customizations with those files as well.

  7. #5
    What's Jailbreak?
    Join Date
    Aug 2008
    Location
    Canada
    Posts
    4
    Thanks
    8
    Thanked 1 Time in 1 Post
    Does anyone know if we can change 'SpringBoard.strings' through WinterBoard? I haven't been able to yet. The file is found in 'root/System/Library/CoreServices/SpringBoard.app/English.lproj' but putting it into 'root/Library/Themes/(theme name)/Bundles/com.apple.springboard/English.lproj' does not seem to work. For now I am just editing the original directly but that goes against the benefits of WinterBoard.

  8. #6
    @opusandbill:
    hey.. nice tutorial.. much appreciated..
    can you please tell how you modified the dialer with Winterboard. i used the UIImages tool in the Winterboard app folder but no images from MobilePhonePackedImages.artwork were there..

  9. #7
    iPhoneaholic opusandbill's Avatar
    Join Date
    Oct 2007
    Location
    The Republic of Texas
    Posts
    384
    Thanks
    24
    Thanked 304 Times in 60 Posts

    Quote Originally Posted by gauravgiri View Post
    @opusandbill:
    hey.. nice tutorial.. much appreciated..
    can you please tell how you modified the dialer with Winterboard. i used the UIImages tool in the Winterboard app folder but no images from MobilePhonePackedImages.artwork were there..
    that is actually the dialer I made when I was on 1.1.4, so if you have one that will work on firmware 1.1.4 it should work.

  10. #8
    Livin the iPhone Life nickh's Avatar
    Join Date
    Sep 2007
    Location
    Melbourne, Australia
    Posts
    1,216
    Thanks
    66
    Thanked 148 Times in 118 Posts

    Great guide, only wish i had seen this this morning, would of saved me a good 2 -3 hours.

    Nice job.

  11. #9
    Green Apple
    Join Date
    Dec 2007
    Posts
    34
    Thanks
    0
    Thanked 2 Times in 1 Post
    I saw one problem or perhaps I am not understanding about navigation bar. When I open app bloomberg to see the index map some how on the lower end i see part of the wallpaper and not the app bloomberg background. Any ideas how to get rid of this.

  12. #10
    Great tutorial! Thank You.

  13. #11
    How long does it usually take a person to do a theme of their own?

  14. #12
    Quote Originally Posted by briannatn View Post
    How long does it usually take a person to do a theme of their own?
    This is entirely dependent on the knowledge of the individual. Someone familiar with the process (and tools needed) starting from scratch, maybe a few hours.

    Someone not familiar with the process (and tools required), maybe much much longer.

    But, that's part of the fun. Learning it all, using the tools, and then seeing the results on the iPhone is mucho grande satisfying.

  15. #13
    iPhoneaholic opusandbill's Avatar
    Join Date
    Oct 2007
    Location
    The Republic of Texas
    Posts
    384
    Thanks
    24
    Thanked 304 Times in 60 Posts

    Default problem
    Quote Originally Posted by aniel1 View Post
    I saw one problem or perhaps I am not understanding about navigation bar. When I open app bloomberg to see the index map some how on the lower end i see part of the wallpaper and not the app bloomberg background. Any ideas how to get rid of this.
    can you please post a screenshot of the app.

    thanks

  16. #14
    Default transparent text
    I'm curious about the transparent text. Your instructions are missing - they're just the steps for the wallpaper repeated.

  17. #15
    Owner / Founder - ModMyi
    aka poetic_folly
    Kyle Matthews's Avatar
    Join Date
    May 2007
    Location
    Tampa, Florida, United States
    Posts
    8,483
    Thanks
    570
    Thanked 4,809 Times in 1,229 Posts

    Stickied.
    .


    ↑ ↑ ↓ ↓ ← → ← → B A [select] [start] Kyle Matthews

  18. The Following 2 Users Say Thank You to Kyle Matthews For This Useful Post:

    pepeu (11-10-2010), V3CTR (07-21-2009)

  19. #16
    not sure if this is the right place for this...but what if i want to take a theme that i am currently using and make the navagation bar black? ie when I go into the text app or cyndia app, i want the navagation bar to be black. i had this on the "type windows" winterboard theme, however I used a bosspref app to "fix user dir permissions" and now when I use the same theme it comes up blue and then turns to black, how can I make this permanently black like it was before?! oh, and im on 2.0.1, jailbroke obviously.

  20. #17
    Hey I have literally been searching everywhere, all different popular ipod touch/iphone forums to find the answer to one seemingly simple, yet frustratingly complicating question.

    Where can you find the background picture file of the springboard?

    I've been trying to change the background picture manually instead of using winterboard for a long time. I've been pointed to the Other.artwork file, I have extracted the pictures out of it, (mind you I am on 2.0.1) and the closest thing that looks like a background picture was the others-393.png file, but oddly the picture's dimensions was a bit off, but i decided to replace it nonetheless. I repacked the Other.artwork file and replaced the one in the ipod. The effect, it didn't change the springboard's background picture and if it changed something else, i've yet to find out.
    So I ask this forum, where do you find the file that you modify to change the springboard's background image. Or if there is any other way of changing it other than using winterboard or some theming application, what is it? Thanks for those who choose to answer.

  21. #18
    just a note about my text above. can i edit something in the info.plist file??
    Last edited by ean101; 08-13-2008 at 10:06 PM.

  22. #19
    iPhoneaholic opusandbill's Avatar
    Join Date
    Oct 2007
    Location
    The Republic of Texas
    Posts
    384
    Thanks
    24
    Thanked 304 Times in 60 Posts

    Default theme & bar
    Quote Originally Posted by ean101 View Post
    not sure if this is the right place for this...but what if i want to take a theme that i am currently using and make the navagation bar black? ie when I go into the text app or cyndia app, i want the navagation bar to be black. i had this on the "type windows" winterboard theme, however I used a bosspref app to "fix user dir permissions" and now when I use the same theme it comes up blue and then turns to black, how can I make this permanently black like it was before?! oh, and im on 2.0.1, jailbroke obviously.
    the latest version has made it very easy to have black navigation bars.
    When you open you will see the words "Black Navigation Bars"
    1. press bar so you get a check mark
    2. press 3 grey bars and drag to the top
    3. exit winterboard

    after restart (which is now automatic) you should have black bars.

    Quote Originally Posted by ean101 View Post
    just a note about my text above. can i edit something in the info.plist file??
    yes you can and if you are using a mac it is very easy to do with the installed text editor.

    just open
    change
    hit save

    Quote Originally Posted by kordaemon View Post
    Hey I have literally been searching everywhere, all different popular ipod touch/iphone forums to find the answer to one seemingly simple, yet frustratingly complicating question.

    Where can you find the background picture file of the springboard?

    I've been trying to change the background picture manually instead of using winterboard for a long time. I've been pointed to the Other.artwork file, I have extracted the pictures out of it, (mind you I am on 2.0.1) and the closest thing that looks like a background picture was the others-393.png file, but oddly the picture's dimensions was a bit off, but i decided to replace it nonetheless. I repacked the Other.artwork file and replaced the one in the ipod. The effect, it didn't change the springboard's background picture and if it changed something else, i've yet to find out.
    So I ask this forum, where do you find the file that you modify to change the springboard's background image. Or if there is any other way of changing it other than using winterboard or some theming application, what is it? Thanks for those who choose to answer.
    the image in the other.artwork file is only for when you have your phone locked.
    You can not manually change the springboard wallpaper, you have to use some sort of program.
    I am using winterboard to change the wallpaper, you can either add a theme or use the "User Wallpaper" option.
    Last edited by opusandbill; 08-14-2008 at 08:50 AM. Reason: Automerged Doublepost

  23. #20
    I was unaware all the files in the Other.artwork file were for when the iphone is locked (i don't believe it is, as there are files that are probably used elsewhere) but if it is not possible to use the Other.artwork file to change the springboard background would someone mind explaining to me how exactly summerboard or winterboard works; how it changes the springboard background, since if the creators of winterboard and summerboard were able to do it, and make it so everyone else can change the background, why not be able to do it manually without the program. Thanks again for those who answer.

Page 1 of 8 123 ... LastLast
Posting Permissions
  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •