webOS Nation Forums >  webOS Developer Forums >  Canuck Coding > WebOS Clock Theme Builder v1.1
WebOS Clock Theme Builder v1.1
  Reply
 
Thread Tools Display Modes
Old 05/15/2011, 10:02 AM   #1 (permalink)
Legend
 
Jason Robitaille's Avatar
 
Posts: 3,852
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.
Jason Robitaille is offline   Reply With Quote
Old 05/15/2011, 12:39 PM   #2 (permalink)
Member
 
Posts: 121
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.
Janke is offline   Reply With Quote
Old 05/15/2011, 12:45 PM   #3 (permalink)
Member
 
Posts: 1,523
+1
ChasT is offline   Reply With Quote
Old 05/15/2011, 01:01 PM   #4 (permalink)
Member
 
Xamil's Avatar
 
Posts: 30
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
__________________
Sorry for my English =)
Xamil is offline   Reply With Quote
Old 05/15/2011, 01:02 PM   #5 (permalink)
Member
 
Posts: 121
Quote:
Originally Posted by Xamil View Post
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!
Janke is offline   Reply With Quote
Old 05/15/2011, 07:18 PM   #6 (permalink)
Member
 
Posts: 16
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
sfriedlake is offline   Reply With Quote
Old 05/15/2011, 07:38 PM   #7 (permalink)
Legend
 
Jason Robitaille's Avatar
 
Posts: 3,852
Quote:
Originally Posted by Xamil View Post
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 View Post
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.
__________________
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; 05/15/2011 at 07:51 PM.
Jason Robitaille is offline   Reply With Quote
Old 05/15/2011, 08:57 PM   #8 (permalink)
Member
 
graffix31's Avatar
 
Posts: 952
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
graffix31 is offline   Reply With Quote
Old 05/15/2011, 09:04 PM   #9 (permalink)
Legend
 
Jason Robitaille's Avatar
 
Posts: 3,852
Quote:
Originally Posted by graffix31 View Post
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.
__________________
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
Jason Robitaille is offline   Reply With Quote
Old 05/15/2011, 09:30 PM   #10 (permalink)
Member
 
graffix31's Avatar
 
Posts: 952
Thanks got it.

-- Sent from my Palm Pre using Forums
graffix31 is offline   Reply With Quote
Old 05/15/2011, 09:40 PM   #11 (permalink)
Member
 
Holley2583's Avatar
 
Posts: 352
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.
Holley2583 is offline   Reply With Quote
Old 05/15/2011, 09:53 PM   #12 (permalink)
Member
 
warlord9159's Avatar
 
Posts: 3,792
Quote:
Originally Posted by holley2583 View Post
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.
__________________
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:12 PM.
warlord9159 is offline   Reply With Quote
Thanked By: holley2583
Old 05/15/2011, 09:56 PM   #13 (permalink)
Member
 
warlord9159's Avatar
 
Posts: 3,792
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.
warlord9159 is offline   Reply With Quote
Thanked By: holley2583
Old 05/15/2011, 10:34 PM   #14 (permalink)
Member
 
warlord9159's Avatar
 
Posts: 3,792
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.
warlord9159 is offline   Reply With Quote
Thanked By: holley2583
Old 05/16/2011, 12:14 AM   #15 (permalink)
Legend
 
Jason Robitaille's Avatar
 
Posts: 3,852
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
Jason Robitaille is offline   Reply With Quote
Old 05/16/2011, 12:39 AM   #16 (permalink)
Member
 
Posts: 121
works awesome on 2.1 jason. The three of you guys rock. Thx for all the work you guys do.
Janke is offline   Reply With Quote
Old 05/16/2011, 08:30 PM   #17 (permalink)
Member
 
Holley2583's Avatar
 
Posts: 352
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!
Holley2583 is offline   Reply With Quote
Old 05/16/2011, 09:00 PM   #18 (permalink)
Member
 
warlord9159's Avatar
 
Posts: 3,792
I just make it transparent.
all you need is the hands, base and second image and all the rest need to be transparent.
warlord9159 is offline   Reply With Quote
Thanked By: holley2583
Old 05/16/2011, 09:03 PM   #19 (permalink)
Member
 
Holley2583's Avatar
 
Posts: 352
Quote:
Originally Posted by warlord9159 View Post
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.
__________________
Palm Pre Legacy WebOS 2.1
http://www.prethemer.com/profile/holley2583/themes, Checkum' Out!
Holley2583 is offline   Reply With Quote
Old 05/16/2011, 09:18 PM   #20 (permalink)
Member
 
warlord9159's Avatar
 
Posts: 3,792
Quote:
Originally Posted by holley2583 View Post
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.

Attached Images
File Type: png Capture.png (249.9 KB, 395 views) Email Attachment
__________________
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
warlord9159 is offline   Reply With Quote
Reply

 

Thread Tools
Display Modes



 


Content Relevant URLs by vBSEO 3.6.0