enV Touch Theme Hacking and How-to Guide (Updated 7/11/09)
I am working on hacking the enV Touch themes. I know I can do it and already have extracted the images and icons from the blue theme. I need some suggestions for icons to replace them. They need to 86x86 pixels and the main background needs to be 800x480. Also the home buttons need to be 480x54.
The first step is to get a copy of the Blue Inspiration theme. To do this:
1. Connect your phone via BitPim (always use the most recent version)
2. Manually set your phone to LG VX10000 (Voyager)
3. Open the file system and browse to flash/ui/menu (1) then right click on topSclassType1Sub.swf (2) and hit save
You should keep two copies of this file one to keep as a backup and one to work on.
The next step is to begin editing.
Sizes
Icons 86x86px in png format
Home button (static) 480x54px in png format
Home button (pressed) 480x54px in png format
Background 480x800px in jpg format
If working from scratch follow the above sizes.
If you wish to work from the pre-existing images or wish to use them as a template see the following steps.
1. Load “topSclassType1Sub.swf” into a Flash decompiler (this guide uses Flash Decompiler Trillix Full, acquire it however you see fit, however, I am not condoning piracy)
2. Navigate to the Extract tab and put a checkmark next to any image you want to extract (1), then select the location you want to extract to (2), and hit Extract (3)
Once you have all your images prepared it is time to load them into the .swf, to do this:
1. Navigate to the Edit tab and click on Images. Then, select the image you wish to replace (1), then click the Browse button (2), navigate to the location of the image you wish to replace it with and click open (3)
Once done it will look like this
2. Continue to do this until you have replaced all images you wish to replace (1), then press the save button (2)
The last thing to do is edit the text (if you want to).
1. Navigate to the edit tab, click texts (1), you will receive a warning that you have to select a new font to edit text-hit OK, then select the text you wish to edit and change, next select a new font from the dropdown list at the bottom (2), the edit controls will ungrey (3)
2. Using the controls (1) you can edit the font, size, color, and make it bold and/or italic. Using the text box (2) you can alter the actual text. The position can be modified with the options at the bottom (3)
You can see a preview of your edits (1) in the preview window (2)
To help keep yourself organized try this:
Create a new folder for your theme (name it after your theme) place the .swf in there. Make a folder in there titled resources and place your background and home buttons there. Make another new folder in there titled icons and three inside there for the top middle and bottom rows.
It will look something like this
Follow basic design rules such as:
When using multiple fonts limit yourself to only using two fonts (one should be serif and one sans serif)
Make sure all text is legible and readable
Preview your work periodically on its final medium (on the phone in this case)
And so on…
Custom heading colors and placement
The headings can’t have their color changed, for whatever reason color changes don’t get applied. To remedy this I came up with the following solution
In the text edit box (outlined) you can set the font size to 0 & it won’t be visible (arrow).
This can be done to any text, not just headings.
When using this trick to add headings open your background in your image editor and you can do whatever you like (color, size, position, type face, even skew and twist), then resave your background. Its good practice to save this as a new file.
Image sizes
Icons 86x86px in png format
Home button (static) 480x54px in png format
Home button (pressed) 480x54px in png format
Background 480x800px in jpg format
Image locations
Background – Image1
Home (static) – Image111
Home (pressed) – Image113
—Top Row Icons—
Contacts – Image11
Messaging – Image17
Recent Calls – Image24
Mobile email – Image29
Mobile IM – Image36
Visual Voice Mail – Image41
—Middle Row Icons—
Media Center – Image47
Browser – Image52
My Music – Image56
Games & Apps – Image63
V Cast Music – Image68
V Cast Video – Image75
Text Locations (English)
—Headings—
Communications – Static Text 116
Multimedia – Static Text 119
Settings & Tools – Static Text 121
—Top Row Text—
Contacts – Static Text 10
Messaging – Static Text 16
Recent Calls – Static Text 23
Mobile email – Static Text 28
Mobile IM – Static Text 35
Visual Voice Mail – Static Text 40
—Middle Row Text—
Media Center – Static Text 46
Browser – Static Text 51
My Music – Static Text 55
Games & Apps – Static Text 62
V Cast Music – Static Text 67
V Cast Video – Static Text 74
—Bottom Row Text—
ZV Navigator – Static Text81
My Ringtones – Static Text85
Settings – Static Text 90
Bluetooth – Static Text 95
Tools – Static Text 99
Touch Settings – Static Text 104
Quick install directions courtesy of y2kss66
1. Make sure you have the latest version of BitPim
2. Manually set your enV Touch to the Voyager profile in BitPim
3. Browse to this location in the file system: /flash/ui/menu/
4. In there, there will be a file named "topSclassType1Sub.swf"*
5. Right click on the file name and click "Overwrite"
6. Browse to one of the themes included in this archive with the same name
7. Click on the file and then click OK
8. It will then replace the file
9. Restart the phone right after and make sure you have the theme set to Blue Inspiration.
10. Voila! Now when you click on the menu icon you will see your new theme.
I would like to thank the following people:
y2kss66 – for discovering the theme hack and sharing it with us
pal379 – for helping me out while I was learning
nm3210 – for a complete backup of the flash directory http://nm3210.com/upload/data/backup.zip
If there is anyone I missed or something you feel should be added just let me know and I’ll update this guide.
Download an up to date copy of the full guide on PDF here
Although I am clueless in this field of graphic designing, by the looks of it seems like you have the hang of it ! Good luck with the hacking and hopefully it'll work for all of us Cant wait to get my hands on some new themes.
lol my POC has some Mac os x icons but the transparency is screwed up among other things. oh well I am uploading a video of it to youtube right now.
Here it is: http://www.youtube.com/watch?v=5hR8Q7CRp-k
And I know that not all of the icons are customed. This was a very rough test Poc.
There are still some problem but the black transparency problem is fixed (yes i know it is a black background but the icons actually do have clear boarders).
There are still some problem but the black transparency problem is fixed (yes i know it is a black background but the icons actually do have clear boarders).
Very nice! But will this be usable? good job!
It's not the post count..it's how the post counts!
this will be fully usable once we get write access to the phones filesystem via bitpim if we don't have so already lol.
I also will be able to edit the text and the fonts so find some fonts that you guys like and i will use them. What font do they use on the iPhone?
Wow, this is really cool, great job so far! I've got some ideas for themes I'd like (I'm partial to red and black) but no graphics skills to back them up...
I know I also think that the theme would mesh with the stamp theme well, but I can't seem to find the stamp theme in the firmware, give me some time though.
If someone could, find a picture of the metal dock on the bottom screen of the iPhone without icons on it?
enV Touch Theme Hacking and How-to Guide (Updated 7/11/09)
Reply With QuoteCant wait to get my hands on some new themes.
Originally Posted by y2kss66
Bookmarks