HomeStoreForumsWikiiPhone Native AppsiPhone Apps modmyifone Downloadsmodmyifone Links








Cell Phone Reception

Go Back   iPhone Forums at ModMyiFone.com - iPhone | iPod Touch, news, apps, themes. > Design and Media For the iPhone / iPod Touch > Skinning / Themes Discussion > WinterBoard
Register FAQ Members List READ THIS Today's Posts Mark Forums Read

WinterBoard Discussion on using/creating themes with WinterBoard, the best theming software for the iPhone.


Discuss AppStore Apps! | MMi Cydia Repo Download Stats

Get more out of ModMyiFone by joining our free community. By registering you get privileges to download files from our downloads section and you may also post your questions in our forums! It's fast, free, and easy!

2.0 Unlock|Jailbreak OS X / Windows | iPhone 3G Detailed Review w/Pics! | Developers - Port Your Apps to 2.0
Reply
 
LinkBack Thread Tools Display Modes
  #1 (permalink)  
Old 08-10-2008, 08:49 AM
opusandbill's Avatar
iPhone? More like MyPhone
 
Join Date: Oct 2007
Device + Firmware: iPhone 1st Gen 2.0
Operating System: Mac 10.4.11
Location: The Republic of Texas
Posts: 296
Thanks: 17
Thanked 60 Times in 40 Posts
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 ModMyiFone.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: Click the image to open in full size.

/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"

Click the image to open in full size.

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.

Click the image to open in full size.

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

Click the image to open in full size.

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

Click the image to open in full size.

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

Click the image to open in full size.

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:
Click the image to open in full size.
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.

Click the image to open in full size.

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"

Click the image to open in full size.

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.

Click the image to open in full size.

------------------------------------------------------------------------------------------------------------------------
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
-------------------------------------------------------------------------------------------------------------------------
here are some photos of what I have done.

Click the image to open in full size. Click the image to open in full size. Click the image to open in full size. Click the image to open in full size. Click the image to open in full size. Click the image to open in full size. Click the image to open in full size. Click the image to open in full size.

Last edited by opusandbill; 08-24-2008 at 10:19 AM. Reason: added how to change sounds
Digg StumbleUpon Delicious Reddit Newsvine Google Yahoo Thanks Reply With Quote
The Following 12 Users Say Thank You to opusandbill For This Useful Post:
Atomik (08-11-2008), bobsuruncle (08-13-2008), chancre_scolex (08-26-2008), enjoicrapping (08-13-2008), hartphoto (08-12-2008), Onemajorflaw (08-13-2008), plasma.d00d (08-22-2008), shadow_light_7 (08-17-2008), spam_artist (08-11-2008), tahazahoor@hotmail.com (08-14-2008), Talynrider (08-10-2008), Vaxxla (08-19-2008)
  #2 (permalink)  
Old 08-10-2008, 09:34 AM
Talynrider's Avatar
Green Apple
 
Join Date: Jul 2008
Device + Firmware: iPhone 1st Gen 2.0.1
Operating System: Mac OSX Intel 10.5.4
Posts: 51
Thanks: 4
Thanked 4 Times in 4 Posts

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.
Digg StumbleUpon Delicious Reddit Newsvine Google Yahoo Thanks Reply With Quote
  #3 (permalink)  
Old 08-10-2008, 01:23 PM
LeathaFace's Avatar
My iPhone is a Part of Me
 
Join Date: Sep 2007
Posts: 580
Thanks: 36
Thanked 125 Times in 103 Posts
Send a message via AIM to LeathaFace

*bookmarked* info was too good.
__________________
If I helped you by any way,shape,or form help me by pressing the thanx button.

Digg StumbleUpon Delicious Reddit Newsvine Google Yahoo Thanks Reply With Quote
  #4 (permalink)  
Old 08-10-2008, 09:33 PM
What's Jailbreak?
 
Join Date: May 2008
Device + Firmware: 8Gb iPhone 1.1.4 Jailbroken
Operating System: Windows XP
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.
Digg StumbleUpon Delicious Reddit Newsvine Google Yahoo Thanks Reply With Quote
  #5 (permalink)  
Old 08-11-2008, 11:52 AM
What's Jailbreak?
 
Join Date: Aug 2008
Device + Firmware: iPhone 1st Gen 2.0
Operating System: WinXP
Location: Canada
Posts: 3
Thanks: 5
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.
Digg StumbleUpon Delicious Reddit Newsvine Google Yahoo Thanks Reply With Quote
  #6 (permalink)  
Old 08-11-2008, 04:45 PM
What's Jailbreak?
 
Join Date: Jun 2008
Posts: 2
Thanks: 0
Thanked 0 Times in 0 Posts

@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..
Digg StumbleUpon Delicious Reddit Newsvine Google Yahoo Thanks Reply With Quote
  #7 (permalink)  
Old 08-12-2008, 06:45 AM
opusandbill's Avatar
iPhone? More like MyPhone
 
Join Date: Oct 2007
Device + Firmware: iPhone 1st Gen 2.0
Operating System: Mac 10.4.11
Location: The Republic of Texas
Posts: 296
Thanks: 17
Thanked 60 Times in 40 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.
Digg StumbleUpon Delicious Reddit Newsvine Google Yahoo Thanks Reply With Quote
  #8 (permalink)  
Old 08-12-2008, 06:50 AM
iPhoneaholic
 
Join Date: Sep 2007
Device + Firmware: 2G-1.0.0.1,2,3&4 + 3G PwNd 2.0.2
Operating System: OS X 10.5.4 ~ XP
Location: Melbourne, Australia
Posts: 425
Thanks: 28
Thanked 35 Times in 35 Posts
Send a message via AIM to nickh Send a message via MSN to nickh

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

Nice job.
Digg StumbleUpon Delicious Reddit Newsvine Google Yahoo Thanks Reply With Quote
  #9 (permalink)  
Old 08-12-2008, 08:07 AM
What's Jailbreak?
 
Join Date: Dec 2007
Posts: 11
Thanks: 0
Thanked 0 Times in 0 Posts

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.
Digg StumbleUpon Delicious Reddit Newsvine Google Yahoo Thanks Reply With Quote
  #10 (permalink)  
Old 08-12-2008, 08:10 AM
iPhone? More like MyPhone
 
Join Date: Jun 2008
Device + Firmware: PWN'd 2G 2.0.1
Operating System: Mac OS X 10.5.4
Posts: 105
Thanks: 11
Thanked 21 Times in 14 Posts

Great tutorial! Thank You.
Digg StumbleUpon Delicious Reddit Newsvine Google Yahoo Thanks Reply With Quote
  #11 (permalink)  
Old 08-12-2008, 09:41 AM
What's Jailbreak?
 
Join Date: Aug 2008
Device + Firmware: IPhone
Posts: 1
Thanks: 1
Thanked 0 Times in 0 Posts

How long does it usually take a person to do a theme of their own?
Digg StumbleUpon Delicious Reddit Newsvine Google Yahoo Thanks Reply With Quote
  #12 (permalink)  
Old 08-12-2008, 09:56 AM
iPhone? More like MyPhone
 
Join Date: Jun 2008
Device + Firmware: PWN'd 2G 2.0.1
Operating System: Mac OS X 10.5.4
Posts: 105
Thanks: 11
Thanked 21 Times in 14 Posts

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.
Digg StumbleUpon Delicious Reddit Newsvine Google Yahoo Thanks Reply With Quote
  #13 (permalink)  
Old 08-12-2008, 10:18 AM
opusandbill's Avatar
iPhone? More like MyPhone
 
Join Date: Oct 2007
Device + Firmware: iPhone 1st Gen 2.0
Operating System: Mac 10.4.11
Location: The Republic of Texas
Posts: 296
Thanks: 17
Thanked 60 Times in 40 Posts
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
Digg StumbleUpon Delicious Reddit Newsvine Google Yahoo Thanks Reply With Quote
  #14 (permalink)  
Old 08-13-2008, 11:44 AM
What's Jailbreak?
 
Join Date: Aug 2008
Device + Firmware: iphone 3g 2.0.1
Posts: 1
Thanks: 1
Thanked 0 Times in 0 Posts
transparent text

I'm curious about the transparent text. Your instructions are missing - they're just the steps for the wallpaper repeated.
Digg StumbleUpon Delicious Reddit Newsvine Google Yahoo Thanks Reply With Quote
  #15 (permalink)  
Old 08-13-2008, 12:52 PM
poetic_folly's Avatar
 
Join Date: May 2007
Device + Firmware: iPhone 3G | 2.0 | Jailbroke
Operating System: OS X Leopard 10.5.4
Posts: 7,523
Thanks: 206
Thanked 1,535 Times in 657 Posts

Stickied.
__________________
Click the image to open in full size.

↑ ↑ ↓ ↓ ← → ← → B A B A [select] [start]
Digg StumbleUpon Delicious Reddit Newsvine Google Yahoo Thanks Reply With Quote
Reply

  iPhone Forums at ModMyiFone.com - iPhone | iPod Touch, news, apps, themes. > Design and Media For the iPhone / iPod Touch > Skinning / Themes Discussion > WinterBoard

Thread Tools
Display Modes

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

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are On
Pingbacks are On
Refbacks are On
Forum Jump

ModMyMoto.com - ModMyGPhone.com - ModMyiFone.com - Dedicated Server Hosting by SingleHop - iPhone Wallpapers - iPhone forums | iPod touch forums, news, themes, apps, games, unlock, jailbreak community - ModMyiFone.com RSS Feeds - Contact Us - Link to us - Archive - Privacy Statement - - Top
Copyright © 2007-08 by ModMy, LLC. All rights reserved. You may not copy anything on this site unless you link to the original.
All times are GMT -6. The time now is 02:38 PM. Powered by vBulletin® Version 3.7.2
Copyright ©2000 - 2008, Jelsoft Enterprises Ltd.
SEO by vBSEO 3.2.0
ModMyiFone.com is an independent publication and has not been authorized, sponsored, or otherwise approved by Apple, Inc or Cisco Systems, Inc. The information contained on this site is for educational purposes only.
Forum skin by poetic_folly