WebOS Clock Theme Builder v1.1

Jason Robitaille · 12:58 AM

WebOS Clock Theme Builder v1.1

The built-in webOS app was designed by Palm with expandability in mind.

This program, WebOS Clock Theme Builder, builds upon the existing Clock app's theme framework and lets users create full themes, either based on existing themes (just with replacement images) or full fledged original themes from scratch.

The created themes don't use any patch files and don't replace any system images. Rather, it uses a unique new format that is OTA update safe.

Do note: installing a clock theme will not override any Clock settings; it simply adds a new theme option to the popup listings. In fact, you could install every clock theme available if you so desire.

Screenshots

Download and Source

Download: http://webos-clock-themer.googlecode...%20Builder.jar

WebOS Clock Theme Builder is released under the MIT open source license.

Source: webos-clock-themer - WebOS Clock Theme Builder - Google Project Hosting

Theme Feed

A feed has been setup for all clock themes and can be used by WOSQI and Preware. As of the v1.1, there's already 27 clock themes on the feed!

Just add a custom feed with the following URL:

Code:

http://webos-clock-themer.googlecode.com/svn/trunk/WebOS%20Clock%20Theme%20Builder/feed

In Preware, make sure "Is compressed" is set to on.

If have created your own theme and want it added to the feed, send it to me and after a quick check, I'll upload it

Change Log
v1.1 - June 1, 2011
- Now has webOS 1.4.5 support
- Added control file import mode for experienced users

v1.0 - May 15, 2011
- Initial release

Janke · 05/15/2011, 12:39 PM

since I am viewing this post from my pre I can't read the whole url to add the feed to preware. Can you please make it to where it's not inside the box and the entire url is visible? Thx.

ChasT · 05/15/2011, 12:45 PM

+1

Xamil · 05/15/2011, 01:01 PM

On 1.4.5 when installing themes from a feed problem (log from preware):

Code:

postinst
-1: Unable to run command: IPKG_OFFLINE_ROOT=/media/cryptofs/apps /bin/sh /media/cryptofs/apps/usr/lib/ipkg/info/ca.canucksoftware.clock.blue-glow-clock-theme.postinst 2>&1
** Message: serviceResponse Handling: 2, {"errorCode":"ErrorGenericMethodException", "errorText":"Service Method Exception: org.json.JSONException: Unterminated string at character 57 of {\"action\":\"add\",\"id\":\"blue-glow-clock-theme\",\"name\":\"Blue"}

Janke, http://webos-clock-themer.googlecode...20Builder/feed

Janke · 05/15/2011, 01:02 PM

Quote:

Originally Posted by Xamil

On 1.4.5 when installing themes from a feed problem (log from preware):

Code:

postinst
-1: Unable to run command: IPKG_OFFLINE_ROOT=/media/cryptofs/apps /bin/sh /media/cryptofs/apps/usr/lib/ipkg/info/ca.canucksoftware.clock.blue-glow-clock-theme.postinst 2>&1
** Message: serviceResponse Handling: 2, {"errorCode":"ErrorGenericMethodException", "errorText":"Service Method Exception: org.json.JSONException: Unterminated string at character 57 of {\"action\":\"add\",\"id\":\"blue-glow-clock-theme\",\"name\":\"Blue"}
Janke, http://webos-clock-themer.googlecode.com/svn/trunk/WebOS%20Clock%20Theme%20Builder/feed

Janke, webos-clock-themer - Revision 12: /trunk/WebOS Clock Theme Builder/feed

thanks!

sfriedlake · 05/15/2011, 07:18 PM

Is there a way to install the builder with preware or internalz, or do I have to use webos quick install?

-- Sent from my Palm Pre using Forums

Jason Robitaille · 07:51 PM

Quote:

Originally Posted by Xamil

On 1.4.5 when installing themes from a feed problem (log from preware):

Code:

postinst
-1: Unable to run command: IPKG_OFFLINE_ROOT=/media/cryptofs/apps /bin/sh /media/cryptofs/apps/usr/lib/ipkg/info/ca.canucksoftware.clock.blue-glow-clock-theme.postinst 2>&1
** Message: serviceResponse Handling: 2, {"errorCode":"ErrorGenericMethodException", "errorText":"Service Method Exception: org.json.JSONException: Unterminated string at character 57 of {\"action\":\"add\",\"id\":\"blue-glow-clock-theme\",\"name\":\"Blue"}

I'm looking into this. For now, only try theming on webOS 2.x devices; 1.4.5 support will coming soon.

Quote:

Originally Posted by sfriedlake

Is there a way to install the builder with preware or internalz, or do I have to use webos quick install?

WebOS Clock Theme Builder is desktop program. If you mean the themes, well, as previous stated in post you can use Preware for the feed.

graffix31 · 05/15/2011, 08:57 PM

Is there a specific feed name you need? I entered the url and updated feeds but I can't see the feed and there is no themes that I can see.

-- Sent from my Palm Pre using Forums

Jason Robitaille · 05/15/2011, 09:04 PM

Quote:

Originally Posted by graffix31

Is there a specific feed name you need? I entered the url and updated feeds but I can't see the feed and there is no themes that I can see.

Any name works. Make sure you spelled the url correctly, and with proper capitals as needed.

graffix31 · 05/15/2011, 09:30 PM

Thanks got it.

-- Sent from my Palm Pre using Forums

holley2583 · 09:45 PM

Never used a theme builder so I need to know how to get the images from the themes to edit. I did find the "Theme" image files from v2.0 so if those are the same, I guess i could use those.
Also, may i assume the images need to be in the correct file path when uploading to the builder? Otherwise, I don't see how it knows where to put what. Thanks.

Also, is there a way to add edited css files? i.e., the background of the digi clock(v2.0 anyway)is black unless changed...

warlord9159 · 11:12 PM

Quote:

Originally Posted by holley2583

Never used a theme builder so I need to know how to get the images from the themes to edit. I did find the "Theme" image files from v2.0 so if those are the same, I guess i could use those.
Also, may i assume the images need to be in the correct file path when uploading to the builder? Otherwise, I don't see how it knows where to put what. Thanks.

Also, is there a way to add edited css files? i.e., the background of the digi clock(v2.0 anyway)is black unless changed...

Pick your base (Analog Classic or Digital).
Use the images from your 2.xx doctor for editing.
Just drag n drop all images into the builder. It will set up the locations for you.

You will need an icon. size 32x32.

warlord9159 · 11:22 PM

1 of 2
For backgrounds. try and make it 480x480.

Under Base in the theme builder you need to pick "none (custom base)".
Note: this is only if the would like to add a background image to your theme.
If you only edited images to make your theme, this step is not needed.

*****Remember to make a backup copy of files before editing.*****

Edit this line in the .css files.

Change red from this;

.clock-container {
background: #000;
position:fixed;
top: 0;
left: 0;
height: 110%;
width: 100%;
min-height: 320px;
max-height: 480px;
}

to this

.clock-container {
background: url(images/xxx.png) center center no-repeat;
position:absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
min-height: 480px;
max-height: 480px;
}

in blue
I change this to see if it would help center the image.

Name the image the same as you named it in the .css file

warlord9159 · 12:39 AM

2 of 2

After you edited the .css and saved it you will need all three files
(.html, .js and .css edited or not)
within the theme you picked to edit before Clock Theme Builder can make the .ipk file (your theme).
Just drag n drop each one to there locations within Theme Builder.

All three files need to be from the same folder in the theme you picked to edit from your 2.xx doctor.

Jason Robitaille · 05/16/2011, 12:14 AM

Expect a 1.4.5 fix within the next few days.

Janke · 05/16/2011, 12:39 AM

works awesome on 2.1 jason. The three of you guys rock. Thx for all the work you guys do.

holley2583 · 05/16/2011, 08:30 PM

Question with the second-simple.png, that appears to be under the second.png and not seen, is this correct?

warlord9159 · 05/16/2011, 09:00 PM

I just make it transparent.
all you need is the hands, base and second image and all the rest need to be transparent.

holley2583 · 05/16/2011, 09:03 PM

Quote:

Originally Posted by warlord9159

2 of 2

After you edited the .css and saved it you will need all three files
(.html, .js and .css edited or not)
within the theme you picked to edit before Clock Theme Builder can make the .ipk file (your theme).
Just drag n drop each one to there locations within Theme Builder.

All three files need to be from the same folder in the theme you picked to edit from your 2.xx doctor.

Sorry, i'm not gettin it...
I drag/dropped all my image files one by one, but I can't do that with .css, .js, html files, nor can a folder be uploaded that way and i don't see their "locations within the Theme Builder". What will work? And thanks so much for helpin me.

warlord9159 · 05/16/2011, 09:18 PM

Quote:

Originally Posted by holley2583

Sorry, i'm not gettin it...
I drag/dropped all my image files one by one, but I can't do that with .css, .js, html files, nor can a folder be uploaded that way and i don't see their "locations within the Theme Builder". What will work? And thanks so much for helpin me.

Can't drag a folder. the builder makes all folders and puts the images in them for you.

05/15/2011, 10:02 AM	#1 (permalink)
Jason Robitaille Legend Join Date: May 2005 Location: Winnipeg, MB, Canada Posts: 3,883 Likes Received: 496 Thanks: 801 Thanked 12,954 Times in 1,495 Posts	WebOS Clock Theme Builder v1.1 WebOS Clock Theme Builder v1.1 The built-in webOS app was designed by Palm with expandability in mind. This program, WebOS Clock Theme Builder, builds upon the existing Clock app's theme framework and lets users create full themes, either based on existing themes (just with replacement images) or full fledged original themes from scratch. The created themes don't use any patch files and don't replace any system images. Rather, it uses a unique new format that is OTA update safe. Do note: installing a clock theme will not override any Clock settings; it simply adds a new theme option to the popup listings. In fact, you could install every clock theme available if you so desire. Screenshots Download and Source Download: http://webos-clock-themer.googlecode...%20Builder.jar WebOS Clock Theme Builder is released under the MIT open source license. Source: webos-clock-themer - WebOS Clock Theme Builder - Google Project Hosting Theme Feed A feed has been setup for all clock themes and can be used by WOSQI and Preware. As of the v1.1, there's already 27 clock themes on the feed! Just add a custom feed with the following URL: Code: http://webos-clock-themer.googlecode.com/svn/trunk/WebOS%20Clock%20Theme%20Builder/feed In Preware, make sure "Is compressed" is set to on. If have created your own theme and want it added to the feed, send it to me and after a quick check, I'll upload it Change Log v1.1 - June 1, 2011 - Now has webOS 1.4.5 support - Added control file import mode for experienced users v1.0 - May 15, 2011 - Initial release __________________ If you've liked my software, please consider to towards future development. Developer of many apps such as: WebOS Quick Install, WebOS Theme Builder, Ipk Packager, Unified Diff Creator, Internalz Pro, ComicShelf HD, LED Torch, over 70 patches and more. @JayCanuck @CanuckCoding Facebook Last edited by Jason Robitaille; 06/01/2011 at 12:58 AM.
	Liked by Thanked by DarthRepublican, FischOderAal, fxspec06, graffix31, k5e, kdubhotsauce, ManicMarvin, StuntmanMark, tyler3_o, volcom45, warlord9159, Yellowhammer

05/15/2011, 12:39 PM	#2 (permalink)
Janke Member Join Date: Sep 2009 Location: Anaheim Ca Posts: 121 Likes Received: 0 Thanks: 4 Thanked 11 Times in 10 Posts	since I am viewing this post from my pre I can't read the whole url to add the feed to preware. Can you please make it to where it's not inside the box and the entire url is visible? Thx.
	Liked by

05/15/2011, 12:45 PM	#3 (permalink)
ChasT Member Join Date: Jan 2004 Location: UK Posts: 1,524 Likes Received: 2 Thanks: 54 Thanked 66 Times in 51 Posts	+1
	Liked by

05/15/2011, 07:18 PM	#6 (permalink)
sfriedlake Member Join Date: Feb 2010 Posts: 16 Likes Received: 0 Thanks: 15 Thanked 1 Time in 1 Post	Is there a way to install the builder with preware or internalz, or do I have to use webos quick install? -- Sent from my Palm Pre using Forums
	Liked by

05/15/2011, 08:57 PM	#8 (permalink)
graffix31 Member Join Date: Jun 2009 Location: South of Boston Posts: 950 Likes Received: 1 Thanks: 206 Thanked 132 Times in 119 Posts	Is there a specific feed name you need? I entered the url and updated feeds but I can't see the feed and there is no themes that I can see. -- Sent from my Palm Pre using Forums
	Liked by

05/15/2011, 09:30 PM	#10 (permalink)
graffix31 Member Join Date: Jun 2009 Location: South of Boston Posts: 950 Likes Received: 1 Thanks: 206 Thanked 132 Times in 119 Posts	Thanks got it. -- Sent from my Palm Pre using Forums
	Liked by

05/15/2011, 09:40 PM	#11 (permalink)
holley2583 Member Join Date: Aug 2009 Location: Boston Posts: 355 Likes Received: 1 Thanks: 83 Thanked 23 Times in 14 Posts	Never used a theme builder so I need to know how to get the images from the themes to edit. I did find the "Theme" image files from v2.0 so if those are the same, I guess i could use those. Also, may i assume the images need to be in the correct file path when uploading to the builder? Otherwise, I don't see how it knows where to put what. Thanks. Also, is there a way to add edited css files? i.e., the background of the digi clock(v2.0 anyway)is black unless changed... __________________ Palm Pre Legacy WebOS 2.1 http://www.prethemer.com/profile/holley2583/themes, Checkum' Out! Last edited by holley2583; 05/15/2011 at 09:45 PM.
	Liked by

05/15/2011, 09:56 PM	#13 (permalink)
warlord9159 Member Join Date: Jun 2009 Location: Some where in KY. Posts: 3,741 Likes Received: 31 Thanks: 1,058 Thanked 1,359 Times in 855 Posts	1 of 2 For backgrounds. try and make it 480x480. Under Base in the theme builder you need to pick "none (custom base)". Note: this is only if the would like to add a background image to your theme. If you only edited images to make your theme, this step is not needed. ***Remember to make a backup copy of files before editing.* Edit this line in the .css files. Change red from this; .clock-container { background: #000; position:fixed; top: 0; left: 0; height: 110%; width: 100%; min-height: 320px; max-height: 480px; } to this .clock-container { background: url(images/xxx.png) center center no-repeat; position:absolute; top: 0; left: 0; height: 100%; width: 100%; min-height: 480px; max-height: 480px; } in blue I change this to see if it would help center the image. Name the image the same as you named it in the .css file __________________ Dropbox With over 200 animated wallpapers PayPal Make a donation and/or hit the Thanks button please Theme prethemer Patches Animated Back Grounds Devicemenu MaxedOut Animated Music Player Sound Bar My home page** Last edited by warlord9159; 05/15/2011 at 11:22 PM.
	Liked by Thanked By: holley2583

05/15/2011, 10:34 PM	#14 (permalink)
warlord9159 Member Join Date: Jun 2009 Location: Some where in KY. Posts: 3,741 Likes Received: 31 Thanks: 1,058 Thanked 1,359 Times in 855 Posts	2 of 2 After you edited the .css and saved it you will need all three files (.html, .js and .css edited or not) within the theme you picked to edit before Clock Theme Builder can make the .ipk file (your theme). Just drag n drop each one to there locations within Theme Builder. All three files need to be from the same folder in the theme you picked to edit from your 2.xx doctor. Last edited by warlord9159; 05/16/2011 at 12:39 AM.
	Liked by Thanked By: holley2583

05/16/2011, 12:14 AM	#15 (permalink)
Jason Robitaille Legend Join Date: May 2005 Location: Winnipeg, MB, Canada Posts: 3,883 Likes Received: 496 Thanks: 801 Thanked 12,954 Times in 1,495 Posts	Expect a 1.4.5 fix within the next few days. __________________ If you've liked my software, please consider to towards future development. Developer of many apps such as: WebOS Quick Install, WebOS Theme Builder, Ipk Packager, Unified Diff Creator, Internalz Pro, ComicShelf HD, LED Torch, over 70 patches and more. @JayCanuck @CanuckCoding Facebook
	Liked by Thanked by Achill3s, kdubhotsauce, lucifer.sam, PocketAcesDMB, warlord9159, wushu2004, Xamil

05/16/2011, 12:39 AM	#16 (permalink)
Janke Member Join Date: Sep 2009 Location: Anaheim Ca Posts: 121 Likes Received: 0 Thanks: 4 Thanked 11 Times in 10 Posts	works awesome on 2.1 jason. The three of you guys rock. Thx for all the work you guys do.
	Liked by Thanked by kdubhotsauce, warlord9159

05/16/2011, 08:30 PM	#17 (permalink)
holley2583 Member Join Date: Aug 2009 Location: Boston Posts: 355 Likes Received: 1 Thanks: 83 Thanked 23 Times in 14 Posts	Question with the second-simple.png, that appears to be under the second.png and not seen, is this correct? __________________ Palm Pre Legacy WebOS 2.1 http://www.prethemer.com/profile/holley2583/themes, Checkum' Out!
	Liked by

05/16/2011, 09:00 PM	#18 (permalink)
warlord9159 Member Join Date: Jun 2009 Location: Some where in KY. Posts: 3,741 Likes Received: 31 Thanks: 1,058 Thanked 1,359 Times in 855 Posts	I just make it transparent. all you need is the hands, base and second image and all the rest need to be transparent.
	Liked by Thanked By: holley2583

Thread Tools
Show Printable Version Email this Page
Display Modes
Linear Mode Switch to Hybrid Mode Switch to Threaded Mode