This is something that has annoyed me ever since getting into themeing. But I have never seen it mentioned on any forum until now, as to why what I explain here happens.
So you flash a new rom and everything is peachy and looks a little like the cap below. Clock, am/pm, and date are in the right spot.
{
"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"
}
*image pulled from google
But I have always hated that clock font. So the next step is to flash a theme or one of the 300 flash able font packs in hopes of getting rid of the annoying clock font.
*images pulled from google
WTF!!! happen to the placement of my clock and date is what you're thinking. Why did the date drop? Why is the am/pm off line with the clock now? And you just settle for it because it's cooler than the original font anyway.
But I didn't want to just settle. So it appears that the original clockopia ttf file is formated differently than your average ttf font file. And it has been a common practice to take your favorite font and rename it clockopia and push to device. But that's where the placement of fonts on the lock screen becomes skewed.
So this is where a font editor comes in to play. You can see the "real" clockopia font opened at the top and DroidSans opened at the bottom. I simply took all like characters (0~9 :,a,m,p) from the DroidSans font and placed within the clockopia ttf. Once saved and pushed to device. I had finally overcome the little annoyance of using custom fonts without a "properly" edited clockopia ttf.
*personal caps of my result
You can see the end result of the clockopia ttf being edited on the right. Hope this helps anyone understand why things get skewed with using "average" ttf font files to replace clockopia.
good day.
Awsome post
I didn't understand all of that, and hopefully one day I will. But I definitely can appreciate the work and dedication to detail involved. Great job.
What font editor are you using? Any recs for a good free or open source one?
stone_ship said:
What font editor are you using? Any recs for a good free or open source one?
Click to expand...
Click to collapse
The program I used was "High Logic Font Creator" neighbor at work (print shop) let me use his computer to edit up a couple. I even did a honeycomb theme but didn't like how wide and short the actual honeycomb clock font was. That program allows you to edit each characters height/width so I ended up with the honeycomb font in the standard "phone" font size. Not sure about other program options though.
good day.
Thanks. Playing with a Fontographer for Mac trial.
The modified Honeycomb font looks good, btw.
Related
Hello there
i've been recently trying to make my own theme for CM. I've been quite successful so far, however i am still having some problems / questions...
- Buttons. i can't seem to be able to skin these... i used the blur's button .png's (which work fine un-edited) as they are RGB formatted... however, when i redraw the buttons, pixel by pixel, to the shape i want, it ends up being quite ugly-formatted:
{
"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"
}
i am using gimp to edit those files... any hints there?
- Widgets. Where are those located?
another question...
how to invert the list view colors? like in settings?
First, use photoshop. Better rendering, better options. I know gimp is free and photoshop is insanely expensive, but its worth the trade, especially if you're going to be doing lots of theming (batch scripting operations for color-modding multiple files=win).
Second, as far as the widgets go, those are going to be in the individual apks of the program running the widgets, not in the drawable system folder.
for the problem with the buttons not being rendered correctly on the phone, read this guide on how to sign .9.png files. after you do that, the images will look correct on the phone.
kusotare said:
First, use photoshop. Better rendering, better options. I know gimp is free and photoshop is insanely expensive, but its worth the trade, especially if you're going to be doing lots of theming (batch scripting operations for color-modding multiple files=win).
Second, as far as the widgets go, those are going to be in the individual apks of the program running the widgets, not in the drawable system folder.
Click to expand...
Click to collapse
okay... i've got PS here, tried to install it too, but it just keeps on saying That it failed while verifying... gotta get it to run then...
alright, so for launcher widgets the files are in Launcher.apk?
power control widget = settings.apk
music widget = music.apk
calendar = calendarprovider.apk
analog clock widget = alarmclock.apk
picture frame widget = gallery.apk (last time i checked)
search widget = launcher.apk
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?
This is the fully working Gingerbread Google Desk Clock, Honeycomb themed. Includes widget icon and widget itself. Blue button presses instead of orange. Not flashable, push to /system/app with adb or root explorer.
Download link
Version w/Honeycomb Font (thanks to Kaik541! however, not tested by me)
Screenies:
{
"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"
}
Nice looks pretty good hope you can continue the work and maybe make a whole theme pllzzz
Amosher, any chance you could post the wallpaper? I feel like that would go awesome with the themed clock.
i Think its this bro
That's the wallpaper alright, unfortunately the attached image is only 240x240
**** -_- anyways
just google "nexus s wallpaper"
it'll be in the pictures section theres a bunch im sure you'll find the right size
Just gonna make it available to you if you want to add it, but I have a version of the honeycomb font available to better fit in with the theme of this app. Included is the font, titled Clockopia.ttf which is placed in DeskClock.apk\assets\fonts\Clockopia.ttf (overwriting the old one) and a modified desk_clock_time_date.xml that goes in DeskClock.apk\res\layout\desk_clock_time_date.xml (both of these should be able to be simply dropped into the apk as though it were a zip file).
The font is one I made using fontcreator from the files available in the honeycomb sdk preview and the modified xml decreases the size of the text just a little (to about 80 dpi) because any bigger and the AM/PM marks start getting cut off.
Also, this font can also be placed in your /system/fonts/ folder (overwriting the other Clockopia.ttf) to change the font on your lockscreen to match. I can only confirm this with AOSP Tap Lock though.
DeskClock:
Lock Screen:
Kaik541 said:
Just gonna make it available to you if you want to add it, but I have a version of the honeycomb font available to better fit in with the theme of this app. Included is the font, titled Clockopia.ttf which is placed in DeskClock.apk\assets\fonts\Clockopia.ttf (overwriting the old one) and a modified desk_clock_time_date.xml that goes in DeskClock.apk\res\layout\desk_clock_time_date.xml (both of these should be able to be simply dropped into the apk as though it were a zip file).
The font is one I made using fontcreator from the files available in the honeycomb sdk preview and the modified xml decreases the size of the text just a little (to about 80 dpi) because any bigger and the AM/PM marks start getting cut off.
Also, this font can also be placed in your /system/fonts/ folder (overwriting the other Clockopia.ttf) to change the font on your lockscreen to match. I can only confirm this with AOSP Tap Lock though.
DeskClock:
Lock Screen:
Click to expand...
Click to collapse
The tw lock screen clock is images and not font unfortintly
Android Creative Syndicate- From spontaneous ingenuity, comes creative brilliance
Thanks.
I got the file to the right place, but it still brings up the old clock. Hmm.
thats cool, can you attach the file or send it to me and i'll update the OP, the one with at least the xml in the apk, thanks
Hey, that widget looks awesome.
But does the background circles move every second?
I thought it did in the actual Honecomb build.
Maybe not.
CyanCrayon said:
Hey, that widget looks awesome.
But does the background circles move every second?
I thought it did in the actual Honecomb build.
Maybe not.
Click to expand...
Click to collapse
no its just the gingerbread clock apk with theming/pngs from the honeycomb sdk. so it doesnt move in seconds but does look pretty cool, lol.
I have included one that seems to be working on my phone just fine (didn't upload my original as it's actually based on the clock from the Liberty 1.5 ROM for the Droid X and wasn't mine to distribute, only included my personal changes--like font/layout). After putting this apk in /system/app it shows up with the honeycomb font and properly sized
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.