Showing posts with label Tutorial. Show all posts
Showing posts with label Tutorial. Show all posts

#1nfect3di5 sent to cydia, Full instructions here.



Listen while your read;)






Winterboard Layout 
1nfect3d SB Weather
1nfect3d Slideshow
1nfect3d LS
1nfect3d 

Set Weather
To set the weather get ifile. In ifile navigate to Library/Themes/1nfect3d SB Weather/Private/Weather.js
At the top of the js enter your zip code where 38671 is.

Change Slidshow Walls
Download ifile from cydia. It is free, but also has a paid version. Once installed open it up. At the top of the screen you should see a /. If you do not touch the top left button until you do. This is the beginning of your system directory(root). 

 First I will explain how to get your image. Go to var then mobile then media then DCIM. Click DCIM you will see 100APPLE click it. Now you see all your images from your camera roll.

Now we need to copy this image so we can use it in 1nfect3d. Find an image. Once you have found one  click edit in the top right. Now you will see circles on the left hand side of everything. Click the circle on the image you want. Now at the very bottom, far right there is a clipboard icon. Click it then click Copy/Link.

Now navigate to Library/Themes/1nfect3d LS/walls or 1nfect3d Slideshow/walls.
Click edit and past the images from camera roll. You will need to rename these the same as the images that are originally in there. Exampe 1a.jpg


To add more images to the slideshow. Open the html look for

<div id="walls">
<img src="Images/Walls/1a.jpg"/>
<img src="Images/Walls/2a.jpg" />
<img src="Images/Walls/3a.jpg" />
<img src="Images/Walls/4a.jpg" />
<img src="Images/Walls/5a.jpg" />
</div>

To add a sixth wall add <img src="Images/Walls/6a.jpg" /> then add an image 6a.jpg into Images/Walls. You can add as many walls as you like. BUT the more you add the more the code has to run fyi.

iOS6 image changes


iOS 6 Changes

Safari App

MobilePhone App

UIProgressBarOuter_Bar@2x.png
UIProgressBarInner_Bar@2x.png
Progress bars


4s

4G Symbol 

StatusBar
Silver_Base is no longer used.

Lockscreen Line, Nav bar shadow

UITableViewTexture@2x.png
 themes pinstripe/settings

switcher slidup share icons

PLActivityYouTube@2x~iphone
PhotoLibrary for share slide up use as wallpaper icon
Winterboard update will fix the need to package .artwork

Siri
Winterboard update?

Clock
com.apple.mobiletimer-framework
ClockElegantUnnumbered77
ClockTraditionalNumbered77
base@2x.png
pmbase@2x

Notes
body-568h@2x~iphone
Applications/Notes

Notification Center
BulletinListLinen-568h@2x

UIImages
UISegmentBarBlackMiniButton@2x
UISegmentOptionsDividerBlue@2x
UISegmentOptionsButtonBlue@2x
UISegmentOptionsButtonSelectedBlue@2x
UISegmentBarBlackMiniDivider@2x
UISegmentOptionsDividerSelectedBlue@2x
UIButtonBarContactAdd@2x
UIAlertSheetBlackBackground@2x
UIProgressBarInner_Bar@2x
UIProgressBarOuter_Default@2x
UIProgressBarInner_Default@2x
UIProgressBarOuter_Bar@2x
WhiteOnBlackEtch_DataTypeLTE@2x
WhiteOnBlackShadow_DataTypeLTE@2x


About Call in the Phone.App
I put a file in Library/Themes/EZ4U2NV/Folders/MobilePhone.app

This is a string folder. Strings are what change things. May it be text or sometimes style. If you are having issues with strings displaying incorrectly. My first guess would be this file. Delete it from the theme and see. Also Screenshots would help greatly.

This is new in iOS6. I have not found a perfect fix. Other than changing your string in the Applications/MobilePhone.app/YourLanguage/Generalsettings. Some people it works through the Folders some people it dont. Hard thing to fight or find a fix. Maybe a Winterboard Update would fix this just as it would, UISounds, Lockscreen Notifications, Siri, and whatever else that is screwed atm.


Settings icons
Download


THIS IS IMPORTANT! Everything that can be themed will be found on your device. You have your Applications folders. These are all your main apps. Most of the images here will theme that app.

Other Folders you will need! System/Library  There are a couple folders in here that has a bunch of items. 1. PrivateFrameworks 2. Frameworks 3. CoreServices  With them three, the applications folder, and winterboards abiltiy to find all unthemed UIImages. Your pretty much good to go.

Winterboards Record UIImages Feature. This feature can be enabled in winterboard under ThemerSettings. Turn this on and now winterboard will only record unthemed UIImages. It will place these images with there names in tmp/UIImages. All you have to do is add @2x to them.

Note: It only records them as you see them. So if your looking for a UIImage and you cant find it. It is because it has not shown on your phone. It HAS to show on your phone before it is recorded. 
Great feature use it:)











How to make Auto Create Icons - This will theme all AppStore Apps


I get this question quite a bit so here is "How to Create and Auto Skinning Icon mask and Shadow"


Lets start first with the file structure.

Create a folder MyNewIcon

Inside MyNewIcon create a folder named Bundles

Inside Bundles Create a folder com.apple.mobileicons.framework

Simple enough huh? 

Inside the com.apple.mobileicons.framework we will have three images the AppIconMask@2x~iphone.png, AppIconShadow@2x~iphone.png, and AppIconOverlay@2x~iphone.png

The AppIconOverlay@2x~iphone.png only works half the time, but is not needed so go ahead and make this image transparent.

Time to photoshop
Open photoshop and create a new canvas 118x120 on a transparent background. *If you deviate from this size there is a chance it will not work

Create your icon. At this point I just make the icon in full. Make it look like the finished product.

Here is mine from 1ntox


As you see it looks like the finished product, and will work for when you theme cydia apps.

Next Step would be to break the icon down in photoshop.

I usually do the AppIconShadow first cause its simple. Just remove the image and make sure you have a black background and White Glow (if you have a glow)
Here is mine

Last and final step is to create the mask.

This is where everybody messes up. "mainly cause they dont follow directions"

So here we go. Remove everything from the icon in photoshop besides the part where you want the AppStoreIcon image to be. 
As you see here there is nothing but the space where the appstoreicon image would be. 


Now you may have noticed that the mask above is white and grey. Anything that is white Will show 100% of the image behind it. If different shades of grey then it would be used kinda like opacity. If black then nothing will be shown. 

The Mask has to be at 100% opacity. This means no transparency in the mask AT ALL!!! 
Once you have finished your mask it is time to save it. But before we do we need to fill the background of the mask. Since on a mask the White Shows 100% we need to fill the background with Black. Yes fill the background with black. This is a have too. 

Here is mine


Now to save, you DO NOT want to go to file and save as. You will never get the mask to work nomatter how hard you try.

You want to go to "File" and select "Save for Web and devices" Select png 24

That's it put the images in the folders you made earlier, stick it in winterboard and respring.

(Beginners) About iPhone Themes

So you have found an iphone theme, maybe your co-worker has there iPhone customized and you would like to do that to yours.  You have no clue about themes. Dunno where you can get them,  or even how the theme works.

In this write up ill try to explain in engrish.


First and foremost your phone needs to be jail broken.  More about jail breaking over at http://greenpois0n.com/ 

Once you are jailbroken you will have a new store added to your springboard. (Springboard is where your icons sit) the new Store/App is Cydia. 

Cydia is a store that contains modifications for your iPhone. From themes, fonts, ringtones, apps, tweaks. Tons of stuff. Right now we will talk about Themes. 

You can purchase and download Themes for your phone, through this store. 

If you have found one you would like to purchase it is as easy as entering your paypal and accepting the charge.

iPhone Themes. What are they? How do they work? 

Iphone themes use a tweak called Winterboard to show graphics over the stock images of the iphone. 

When you install a theme, it does NOT overwrite any stock images! 
It simply uses winterboard to display these images instead of the stock images. 

If something is not themed by the developer then that image will stay stock when the theme is selected. 

Most every theme has  a certain order which files need to be in winterboard.  Anything at the top overwrites anything below it. 

So let's say we have a theme with two icon sets. If we have both icon sets turned on in winterboard. Only one will show. The one that shows is The one on top. 

Usually when I do my themes I try to simplify the folders so it doesn't get confusing. I make a 

ThemeName LS
ThemeName SB
ThemeName HD

The LS is the Lockscreen
The SB is the Springboard
The HD just stands for High Definition.  This is the main part of the theme. 

The main theme will be on the very bottom of winterboard 99% of the time. The LS, SB, Alt icon sets, and color mods go on top of the main theme. 

Where does a theme install? This is very important If you are going to alter anything with the theme. A lot of themes require the user to change things inside code. Most common is your zip code. 

When a theme installed it is installed in Library/Themes

Useful tools like ifile make it where you can edit files from your phone. It is a must have IMO. 

So If you buy a theme and it comes with a image you don't like. You can go to ifile go to Library/Themes find the theme and look for the image you want to delete or replace. To replace just name it the same as the image your replacing and overwrite it.  Thats it.

Short write up I found in my notes. Literally

Theming iOS Folders folder #iOSThemingTips 3


This write  up will explain the Folders folder. Up to this point we have a theme folder. Inside the folder we have a Bundles folder, Fallback folder. This is really all you need for a theme folder.

You may say that is wrong, but thats all you need. If you see a theme that has more folders than that. Then the themer used a different system to theme certain things.  I will explain. 

Some themes will have a Folders folder. Alot of my themes do. The Folders folder will contain other folders named yourapp.app for example we made com.apple.AppStore to theme the AppStore Icon. Well instead of doing that we can name a Folder AppStore.app stick it in the Folders folder, and It will theme the same

Why to try not to use the Folders folder. The way the phone is setup is by cfbundleidentifier which we discussed in ThemeingTips #1. Saurik has included in winterboard the ability to use Folders as yourapp.app. This is only a winterboard feature. So of course using it will cause the phone to use more ram to use the theme. 

Well I have done it why?  If you are working on uiimages and you have the folder com.uikit.framework in your bundles. It is full of 100's and 100's of images. Instead of adding new images to that folder to test them I will make a folder in Folders named UIKit.framework. This way the only items that are in the Folders folder is the UI,  I am testing.

Other features of the Folders folder that helps keep your themes current on all firmwares. If the Folders folder wasnt possible, then we could not make themes that work on all firmwares. Reason for this is Apple updating there firmware. Say in 5.1 the AppStore icon was named icon@2x.png well in 6.0 they may name is Icon@2x.png.

Just because the capitalization change, if you name it wrong it will not work. So usually for icons like this I will put one named icon@2x.png in com.apple.AppStore and put Icon@2x.png in the AppStore.app folder. This way it will work on both firmwares. This is just an example and the AppStore does not have these icon names. But there is a few apps that do.

An easy way to tell what apps should be named, is to look in your spotlight search. These names will be the name you put before the .app. One thing you will need to be very aware of is that. If you put an image in say com.apple.AppStore and put a different image but named the same in the AppStore.app folder the Bundle will always override it. 

Planned on talking about info.plist, but this has become longer than I anticipated. Next one;)

Support: Glad everyone is liking these. If you could share them by hitting the tweet or like button below. Also you can help by visiting our sponsored ads. Your click counts!

Theming iOS Fallback and UISounds #iOSThemingTips 2


Welcome back! Just a quick overview. In #iOSThemingTips 1 We learned how to create a theme folder, inside that folder create a Bundles folder, Fallback folder, find a bundle name, and theme the AppStore icon. 

Lets touch on the Fallback folder real quick. This folder is used to hold your loading screens or splash screen. This is the screen that shows while an app is loading. Inside this folder we need two things Default@2x.png and Default@2x~iphone.png.

 This will replace most app's loading screens. To do them individually you will need to use the same process as we used to find the icon name and image. Go into the application folder, find the loading screen image, look in the plist to verify what the bundle name is, make a bundle, put the new image you made, naming it the same as was in the application folder.

QuickTip: The compass loaders are difficult to find. they will be in the English.lproj and other language named folders. There is also another image, you can theme here. Just make a folder named exactly as the language named folder. then put the images in, and put it in the com.apple.compass bundle.

Think thats it on loaders. I'll give my point on it. It is not necessary to theme every app with a different screen. I'm glad Saurik has implemented this feature. These images are 640x960 keep that in mind. You may want to render, if you use photoshop in File/Save for web devices then change to png-24, and click save. Then compare the size to File/SaveAs. You will see it is much smaller, and you could tweak even more. Compare loss of quality etc.

UISounds: Everyone loves unique sounds for there themes. These are pretty simple to do. First and foremost, like almost everything you do in theming you will need to know where these images are in the system

System/Library/Audio/UISounds/ is where they are located. These are .caf files. Pretty much useless for anything but iPhone sounds. To theme them you will need to create a folder UISounds. Put this in the base of the theme. Meaning it will be with the same folder as Bundles and Fallback.

 So how do you make them? For mac and windows I recommend WavePad. Nice simple program. Heres the secret. Save as .aiff once you save as .aiff just rename the .aiff to .caf now rename it as the one in the phone and put it in the UISounds folder. 

You can also purchase sounds offline, there are tons of .wav sites. Bunch of free too. You can open the .wav in wave pad tweak it, then save as aiff rename to .caf and wala.

Thats it for today, if you have any questions post below. Next we will finish up with the base of the theme. Explain info.plist, and show you a few things i bet you didn't know:)

Support: If you like this please share it.  What did you think about this text design? Easier to read?



Theming iOS Introduction #iOSThemingTips 1



Good evening iOS themers! Since I have some downtime. (waiting on a jailbreak) I would like to share some of my 3+ year experience theming iOS.  In this post and future posts, I will help you understand theming a bit more. With over 12 themes (could be more) I have learned quite a bit. Useful tricks that help in theming, customizing sizes of images, getting familiar with the file stucture, and much more. I hope you follow along.

iOSThemingTip #1 Winterboard

     As with most things you start at the beginning. Winterboard is where all the magic happens. Winterboard lets you change the icons of applications, use a custom wallpaper, and change pretty much everything you see.  

    This doesn't come easy, but with a little knowledge you will get the hang of it. Winterboard uses a main theme folder in which you put other folders so Winterboard knows what images you want to change. We will name this theme iOSThemingTips. 

Create a folder iOSThemingTips. Inside that folder make 2 more folders. You will want to name these Bundles and Fallback.

Bundles Folder:  You will need to name the Bundles folder with a Capitol B. This is very important in winterboard to get Caps on everything correct.  Why a bundles folder? Each application contains a cfbundleidentifier. This is required on any app made for iOS. Winterboard uses this bundleidentifier to know what apps images you are changing. 

Finding bundle names: Ok so we have our iOSThemingTips theme with our Bundle folder created. Now how do we find the bundle identifier? Easy go to ifile, or ifunbox. Go to system applications. Inside applications choose AppStore. Inside the AppStore.app you will see an info.plist every app has this. Open it. Inside you will find various strings and keys. Look for <key>CFBundleIdentifier</key>  <string>com.apple.AppStore</string>      This is your bundle name!!
     
Create a folder in Bundles and name it com.apple.AppStore. Thats it. Now go back into SystemApplications/AppStore.app.  Inside this folder shows images you can theme. For instance the icon is icon@2x.png. Make your icon with the same size, name it icon@2x.png and put it into your com.apple.AppStore Folder. Put the iOSThemingTips Theme in Library/Themes, go into winterboard and select this theme. Respring and wala themed Icon! 

Note#1 If you are theming icons, make sure you respring via winterboard. Go to winterboard deselect theme re select then respring. 

Note#2 In winterboard you will notice a list icon on the right. You can grab this and move your themes. Whatever is on top with override whats below it.

This is just beginning, we will get in more indepth stuff in a couple days. Have to get the basics out of the way. If your looking for more info on winterboard check out Saurik write up. I believe every themer must read this.  Winterboard