Okay, I've been working on a Viber style theme on behalf of my girlfriend using gosmstheme.goforandroid.com but it just doesnt want to work properly, often showing boxes around my speech bubbles or whatever.
Anyway I was wondering if anyone could quickly do it? It's driving me crazy, its basically the iphone theme built into gosms with a purple bar instead of a blue bar and a pure white background.
If no one is willing to do it, could someone tell me where on my phone the gosms themes are stored so i can edit it myself cos the online theme maker currently has lots of bugs.
Heres actual Viber:
{
"lightbox_close": "Close",
"lightbox_next": "Next",
"lightbox_previous": "Previous",
"lightbox_error": "The requested content cannot be loaded. Please try again later.",
"lightbox_start_slideshow": "Start slideshow",
"lightbox_stop_slideshow": "Stop slideshow",
"lightbox_full_screen": "Full screen",
"lightbox_thumbnails": "Thumbnails",
"lightbox_download": "Download",
"lightbox_share": "Share",
"lightbox_zoom": "Zoom",
"lightbox_new_window": "New window",
"lightbox_toggle_sidebar": "Toggle sidebar"
}
The online theme maker misses exactly 1 row of pixels off the top of the purple top bar and shows a dark border around my bubble images making it incredibly ugly.
Can anyone help? I can upload the resources I made if anyone is interested in helping.
Heres how it looks so far. crap, in other words.
see? the png files become distorted as the are stretched and the boxes dont match up well. heres the resources if anyone else wants to try.
Body:
Recieved:
Sent:
Top Bar:
Anyone care to help?
I'm not sure if it can use 9patch files, which allows images to be resized without distortion. Google it up for more info and how to create them.
Also, remove the white backgrounds in the speech bubbles, and perhaps add some space around them
Thanks for the reply, I tried removing the white background but it didnt work (it showed up as light grey for some reason). I'll look into the 9patch files. Cheers.
Super short answer:
Edit: Those images were suppossed to have black lines on the borders, not sure what happened there xP
Use thoses as guides. Open them directly with Photoshop or other tool. Do not copy/paste. That could mess with the transparent background.
Short answer:
Those bubbles are way to near to the borders, you need to leave some space in there. As ock said, you should probabbly use draw9 too. In short it's a special kind of png images (9.png) that have a tiny transparent 1 pixel border which can be filled with black if you want to stretch them verticaly or horizontaly.
Long answer:
You could try the GOSMS Theme maker here http://gosms.goforandroid.com/?p=235, you need Java for that.
Just run ThemeTool.bat, configure what you want and then apply. This is going to generate a file called _signed.apk if I remember correctly.
Then you can use apk_manager to decompile it, all you need to do is place the apk (which you can rename) into the "place-apk-here-for-modding" subfolder and then run Script.bat.
That's going to show you a menu, the option you need to pick is 22 for choosing your project. And then 9 to decompile. When you pick 9, its going to make a subfolder in "projects" named "_signed.apk" or whatever you called it. You can access that folder and edit every single image in there.
The images you're looking for are inside "\res\drawable-hdpi", the names are
msgbox_other.9.png
msgbox_other_selected.9.png
msgbox_self.9.png
msgbox_self_selected.9.png
Those kind of files are very sensitive, the borders need to be transparent or black, if they're not, the project wont compile until you fix it. So, make backups a edit carefully.
Thanks dude.
Related
I was wondering if someone could mod any of these? I'm failing miserably. >_>
I'm still trying though!
Basically, my homescreen looks like this:
http://i52.tinypic.com/33bjrdg.png
and those words are folder shortcuts via Desktop Visualizer,
and it opens a folder using Smart Shortcuts.
Problem is, that folder is a little unsightly compared to my theme.
I was wondering if someone could help me mod them so they are little sexier?
Something just black, with a 60% transparency, like Tajm and Battstat?
Thanks! If I get one anyways.
good idea... I just busted open the res folder of Folder Organizer and cant figure out what file controls the folder's background
its probably a xml file, which I have no idea how to alter
Adamsville MITM said:
good idea... I just busted open the res folder of Folder Organizer and cant figure out what file controls the folder's background
its probably a xml file, which I have no idea how to alter
Click to expand...
Click to collapse
Its like that with the other two. I've been experimenting with all the xml's I can find.
I tried a few weeks ago for about 10mins no luck though, no time to try again........it'd be nice if someone can figure something out
It's the only thing that's missing to make a complete theme for me.
Sent from my HTC Desire using XDA App
hollywooder said:
I was wondering if someone could mod any of these? I'm failing miserably. >_>
I'm still trying though!
Basically, my homescreen looks like this:
http://i52.tinypic.com/33bjrdg.png
and those words are folder shortcuts via Desktop Visualizer,
and it opens a folder using Smart Shortcuts.
Problem is, that folder is a little unsightly compared to my theme.
I was wondering if someone could help me mod them so they are little sexier?
Something just black, with a 60% transparency, like Tajm and Battstat?
Thanks! If I get one anyways.
Click to expand...
Click to collapse
its a .9 image file, most likely
those are tricky to edit, but for what you want... it can be done easily, well for me lol
Try Apps Organizer. The screen/folder that pops up isn't too bad. Better than the standard one at least. It is transparent.
{
"lightbox_close": "Close",
"lightbox_next": "Next",
"lightbox_previous": "Previous",
"lightbox_error": "The requested content cannot be loaded. Please try again later.",
"lightbox_start_slideshow": "Start slideshow",
"lightbox_stop_slideshow": "Stop slideshow",
"lightbox_full_screen": "Full screen",
"lightbox_thumbnails": "Thumbnails",
"lightbox_download": "Download",
"lightbox_share": "Share",
"lightbox_zoom": "Zoom",
"lightbox_new_window": "New window",
"lightbox_toggle_sidebar": "Toggle sidebar"
}
@hollywooder
Hi maybe this will help ya,
With the newest folderorganizer 2.7 you are able to create your own themes
I have now a pitchblack label with grey borders , if you want to take it further than that , then goto
http://sites.google.com/site/folderorganizer/how-to/createskin
Good luck and love your yellow theme , hate the purple
ArrO
ArrO said:
@hollywooder
Hi maybe this will help ya,
With the newest folderorganizer 2.7 you are able to create your own themes
I have now a pitchblack label with grey borders , if you want to take it further than that , then goto
http://sites.google.com/site/folderorganizer/how-to/createskin
Good luck and love your yellow theme , hate the purple
ArrO
Click to expand...
Click to collapse
The skins are for widgets, but I made it brilliant! This is like exactly what I was looking for.
And, btw, I'm nowhere NEAR done with my theme/layout. Think bookshelf O:
And, if I release it, (not entirely sure yet) I'm going to do several colors, yellow being one ;D
How can I change my camera Icon on the Homescreen?
I recently have been trying to create a theme for the T-Mobile Theme Chooser that comes with CM7. I pulled the cyanbread apk and extracted it and just began to replace the images with my own, until I came across some indexed images. Basically when I open these in photoshop it turns all the alpha transparencies to opaque.
Original Image:
{
"lightbox_close": "Close",
"lightbox_next": "Next",
"lightbox_previous": "Previous",
"lightbox_error": "The requested content cannot be loaded. Please try again later.",
"lightbox_start_slideshow": "Start slideshow",
"lightbox_stop_slideshow": "Stop slideshow",
"lightbox_full_screen": "Full screen",
"lightbox_thumbnails": "Thumbnails",
"lightbox_download": "Download",
"lightbox_share": "Share",
"lightbox_zoom": "Zoom",
"lightbox_new_window": "New window",
"lightbox_toggle_sidebar": "Toggle sidebar"
}
After import then saved:
Obviously I can't work with this.
Is there a template or something that I can work with? Or an easier way? I'm basically just taking the best parts of a couple themes and putting them together, and editing the colors. I'm not smart enough with xml to write code from scratch.
Thanks.
I use gimp. It has a setting to change the mode from "indexed" to "RBG" or "greyscale".
When I run into those, I open them in pixlr.com (a free image editor that pretty much ignores permissions), save them, then re-open in Photoshop.
iamthebigcheeze said:
When I run into those, I open them in pixlr.com (a free image editor that pretty much ignores permissions), save them, then re-open in Photoshop.
Click to expand...
Click to collapse
Thanks man, helped a ton.
Unfortunantly I keep running into speedbumps, anyone mind helping me here?
I have two themes at the moment, mine and another one. The other one replaces the widget icons in the notification bar. I like those much better than the stock cm7 ones. The problem is is that I can't just drag them and drop them from drawable folder from theirs to mine, as I'm assuming the XML in mine doesn't have any code to tell that image where to go.
How would I go about editing the xml file(s) to add support for theming of these icons? I have never really touched xml before, plus I haven't had any success finding how to edit any of the xml's in the apk.
Leave xml alone just drag and drop
Sent from my GT540 using XDA App
pashinator said:
Leave xml alone just drag and drop
Sent from my GT540 using XDA App
Click to expand...
Click to collapse
Problem is is that the apk I'm using as a template does a ton of stuff I don't want it to, but some stuff I do.
Like it reskins the whole browser and shrinks the pop-up menu when you hold your finger on the home screen. I don't want this, and just deleting the images doesn't solve the problem because I get errors while compiling.
The only thing I really want is the ability to skin notification bar widget icons (toggle wifi, gps, etc). Haven't had much luck finding themes that do.
You still need to resign a theme.apk after replace new png files!
What key do you sign it with?
I've got a couple themes up and running right.now and would be happy to help. Do you use Linux, Mac, or windows? Do you have decompiled Apk's that you're working with or are you editing compiled ones?
With theme *.apk file, I can only replace the existing icons, then use apk manager to sign, i cannot add new icons into it!
You can check out my theme chooser guide here
nhnt11 said:
You can check out my theme chooser guide here
Click to expand...
Click to collapse
+1. I used this guide as well. It's a great help
Lame thread title, I know, but I need someone that knows a lot more than I do to help out with a couple ideas I have... I have 8 themes out for 3 ROMs for the Moto Droid 1 so I'm legit... lol
IDEA 1: NO MENU ICONS - System wide though..
{
"lightbox_close": "Close",
"lightbox_next": "Next",
"lightbox_previous": "Previous",
"lightbox_error": "The requested content cannot be loaded. Please try again later.",
"lightbox_start_slideshow": "Start slideshow",
"lightbox_stop_slideshow": "Stop slideshow",
"lightbox_full_screen": "Full screen",
"lightbox_thumbnails": "Thumbnails",
"lightbox_download": "Download",
"lightbox_share": "Share",
"lightbox_zoom": "Zoom",
"lightbox_new_window": "New window",
"lightbox_toggle_sidebar": "Toggle sidebar"
}
On this screen shot all but 5 of the icons are gone, just an enlarged text instead like the expanded menu... I left that 1 icon as a reference.. All I did was make the icons 10x10 and transparent and made the text bigger.. pretty simple. But all this will do is make all the system apks I theme have that effect.. but if a data/app is used, the pop up menu will have an icon AND enlarged, cut off text... Can't have that now.. My question is "is there a way to have the system bypass even calling on or using ANY menu icons across the whole phone?.. Like put an @null somewhere?... The idea would be cool and I wanna complete it so any help would be great....
IDEA 2: ANIMATED LOCKSCREEN/ PULLDOWN - No screen shots for this one but I'll explain it.. I'll leave the pulldown out since I haven't messed with it yet, even though it was my original idea back in December.. The concept to have both or just 1 of these run a cycle of pngs to create an animation.. like live wallpapers do, sort of... then themers could use those png's to create their own animations... it's something different and I think would be very cool....
In res/layout/keyguard_screen_tab_unlock.xml the background is usually pointing to #70000000 for a 70% transparent lockscreen background.. I write in @drawable/lockscreen_background and toss a png into the drawable-hdpi folder cause I like having a set bg for my lockscreens... What I did is make it @drawable/lockscreen_bg, wrote(copied the stat_sys_upload.xml) a new xml named lockscreen_bg and put it in the res/drawable folder.. I set the duration to 200 and had all 6 of the test anim.png's listed just like the stat_sys_upload/download have, then I tossed 6 png's into the d-hdpi folder.. it compiles up fine and once applied, It reads the first anim.png but doesn't cycle them... upon some reading, I think I have to tell it to run() or start() the animation but that's a little beyond me.. the pulldown would actually be quite similar to the lockscreen background if that one is even possible... but it DID read my xml and read the first png in that xml so I think I'm on the right track.. I just need some help from anyone that has some insight into how animations run... thanks...
OK I'm attempting to create a cm9 theme with icons from crYsises rom. So far it works the only problem I'm having is they appear bunched up and not spaced out. Does anyone know what to edit to give more spacing for icons in the task bar?
I'm not sure about how cm9 images are. But I would look at the image dimensions. the images from the crysis theme may be smaller than what cm9 uses. If that is the case and the images themselves look ok just close together then you would prolly need need to increase the size of the background of the crysis images.
Btw which images look to close together??
{
"lightbox_close": "Close",
"lightbox_next": "Next",
"lightbox_previous": "Previous",
"lightbox_error": "The requested content cannot be loaded. Please try again later.",
"lightbox_start_slideshow": "Start slideshow",
"lightbox_stop_slideshow": "Stop slideshow",
"lightbox_full_screen": "Full screen",
"lightbox_thumbnails": "Thumbnails",
"lightbox_download": "Download",
"lightbox_share": "Share",
"lightbox_zoom": "Zoom",
"lightbox_new_window": "New window",
"lightbox_toggle_sidebar": "Toggle sidebar"
}
Its pretty much any of the icons that I add Like the data icon its all jumbled together maybe if someone knows how to fix it I could post the CM9 theme apk and they could take a look at it =). OK I'm gonna tryu rescalling all the icons and try again.
I got closer its still kinda bunched up though.
Go ahead and post it, I'll take a look.
Here is my modded theme file.
View attachment com.sonny.theme.vividred-1_Signed.apk
Ok looking at the screenine and the zip you posted the only images that really jump out that are off are the stat_sys_wifi_signal and stat_sys_wifi_signal_fully the ones in the zip are 39x51 and looking at several of the same images in other themes and ROM's the size is 38x38. I did resize a few of the images you posted and they do look ok after resizing. I would resize those images and see how it looks after that.
Thanks for your help another thing I wanted to ask about is on the mobile data the signal bars are ok but the signal type icon like 3g or h kinda sits on the signal bars would making the data connection type icons smaller fix this? HA I fixed it!!! It looks great now!!! I will post a screenie in a little bit
Making the signal type icons smaller would just make it worse and make it harder to see. By making the icons smaller you would also make the background smaller, in turn moving the icons further to the right. If those are the icons you want to use and just move them further to the left add a little bit of background to the right side of the icons, maybe 3-5 pixels worth.
I fixed it by moving the actual pixels of the png's to different corners of the picture and it works great now! DO you know anything about .9 pngs? I was trying to replace them with ones from crysis but it kept giving me an error. Very confusing but I think I got this.
Any chance anyone would know what to change for this red bar in the status bar? Oh and the time color.
I'm not a themer, but I'm a designer and I do a lot of Android UI design which includes slicing the images and making 9patches. In my workflow I always use PNGOptimizer to remove unneeded information from png files. I use PNGOptimizer which I find very usefull and easy to use.
I opened some of themes and almost every one of the were not optimized. I took the PNGOptimizer and cleaned all pngs and on theme that is 8.1MBs in size I have gained 0.7MBs in size. This is not only the filesize gain, but the theme is acting pretty much faster (by observing).
{
"lightbox_close": "Close",
"lightbox_next": "Next",
"lightbox_previous": "Previous",
"lightbox_error": "The requested content cannot be loaded. Please try again later.",
"lightbox_start_slideshow": "Start slideshow",
"lightbox_stop_slideshow": "Stop slideshow",
"lightbox_full_screen": "Full screen",
"lightbox_thumbnails": "Thumbnails",
"lightbox_download": "Download",
"lightbox_share": "Share",
"lightbox_zoom": "Zoom",
"lightbox_new_window": "New window",
"lightbox_toggle_sidebar": "Toggle sidebar"
}
The app is pretty much straight forward, just drag and drop the png files, and it will optimize them in batch. It will give you the log, where you can see how many %s have you gained.
There is a settings view by right clicking on a window where you can set the desired cleaning process.
This app is Windows only, and it's free
http://psydk.org/PngOptimizer
I'm sure there are similar apps for OSX and Linux, but I haven't tested them as I don't use these OSs.
I just wanted to share the tool with you guys, and if I posted in wrong thread, I'm really sorry, and please move my thread to the appropriate one
This is something I've always done for my themes and ROMs
Sent from my LG-E739 using Tapatalk
Maybe I didn't opened your themes then
I dislike when people use PNGOptimizer. I've seen a lot of people using it on MIUI lockscreens, and some themes (ZDune's MIUI for CM7, for example) and it makes them incredibly hard to edit, because it changes the PNG from RGB to index color mode. When you open the PNG in photoshop, it has a big thick black border around it, loses gradient transparencies, etc. I tried to edit a theme for my sister to make it all pink but found it impossible to do because all the PNGs were in index color mode. Oh well.
kcls said:
I dislike when people use PNGOptimizer. I've seen a lot of people using it on MIUI lockscreens, and some themes (ZDune's MIUI for CM7, for example) and it makes them incredibly hard to edit, because it changes the PNG from RGB to index color mode. When you open the PNG in photoshop, it has a big thick black border around it, loses gradient transparencies, etc. I tried to edit a theme for my sister to make it all pink but found it impossible to do because all the PNGs were in index color mode. Oh well.
Click to expand...
Click to collapse
You can always convert them back to 32-bit.
kcls said:
I dislike when people use PNGOptimizer. I've seen a lot of people using it on MIUI lockscreens, and some themes (ZDune's MIUI for CM7, for example) and it makes them incredibly hard to edit, because it changes the PNG from RGB to index color mode. When you open the PNG in photoshop, it has a big thick black border around it, loses gradient transparencies, etc. I tried to edit a theme for my sister to make it all pink but found it impossible to do because all the PNGs were in index color mode. Oh well.
Click to expand...
Click to collapse
paint.net is a free image editor which can do the conversion to rgb 32-bit if you want (and opens the files correctly, without the black border)
picard666 said:
paint.net is a free image editor which can do the conversion to rgb 32-bit if you want (and opens the files correctly, without the black border)
Click to expand...
Click to collapse
Thats true, I've heard that. However, Doesn't it save them with a non-transparent background? And even if it does save with a transparent background, batch editing a ton of images from a theme would take forever, having to open each with paint.net and saving them before I can edit with photoshop. I can't imagine doing that with 200+ png's.
Batch processing is your friend.
Jumba said:
Batch processing is your friend.
Click to expand...
Click to collapse
i know this is a rather old post, but just want to share the program ive made for Un-optimizing the png's for editing..
http://forum.xda-developers.com/showthread.php?p=33520176
cheers