[MOD][GUIDE] mClock Skins | Updated 22 Dec

n4rrOx · Dec 16, 2010

Custom mClock Skins
Share your .XML Files here!

There are some really nice clock widgets out there but i didn't want to install for each clock style another widget and so i have therefore reproduced some in mClock (amazing clock widget - thanks knoxcoder).
Another advantage of the mClock Skins is that they are all resizeable wit LLP and ADW!

Feel free to share your own Skins!

The Mods I made:
__________________________________________

Credits to the devs of the widgets!
# Semicuda (TypoClock)
# hateman (SimiClock)
# atDev (ExtDate)
# kemonozume (TxClck)
__________________________________________

TypoClock Skin

Black version (24hr):

White version (24hr):

Black & White version (12hr):

################# HowTo #################
1. Install the newest mClock from market
2. Download and unzip attached xml file
3. Add mClock widget with a size of 4x3 to your screen
4. Load the downloaded xml file in the settings menu of mClock
5. If necessary resize the widget

SimiClock Skin

################# HowTo #################
1. Install the newest mClock from market
2. Download and unzip attached xml file
3. Add mClock widget with a size of 4x1 to your screen
4. Load the downloaded xml file in the settings menu of mClock
5. If necessary resize the widget

ExtDate Skin

################# HowTo #################
1. Install the newest mClock from market
2. Download and unzip attached xml file
3. Add mClock widget with a size of 4x1 to your screen
4. Load the downloaded xml file in the settings menu of mClock
5. If necessary resize the widget

TxClck Skin

################# HowTo #################
1. Install the newest mClock from market
2. Download and unzip attached xml file
3. Add mClock widget with a size of 2x1 to your screen
4. Load the downloaded xml file in the settings menu of mClock
5. If necessary resize the widget

Simple One With Date 2
Original by dev223!

################# HowTo #################
1. Install the newest mClock from market
2. Download and unzip attached xml and font file
3. Copy font to /sdcard/Fonts/SoMA/SoMARoman.ttf
3. Add mClock widget with a size of 4x1 to your screen
4. Load the downloaded xml file in the settings menu of mClock
5. If necessary resize the widget

_________________________________________________

My system font, which is used for all skins, is Segoe WP.
It can be found here:

http://xdaforums.com/showpost.php?p=6425779&postcount=1
_________________________________________________

Template to post own XML files (edit NAME, URL and WIDGETSIZE):

HTML:

[SIZE="4"][B]NAME[/B][/SIZE]

[IMG]URL[/IMG]

[B]################# HowTo #################[/B]
1. Install the newest mClock from market
2. Download and unzip attached xml file
3. Add mClock widget with a size of [B]WIDGETSIZE[/B] to your screen
4. Load the downloaded xml file in the settings menu of mClock
5. If necessary resize the widget

n4rrOx · Dec 16, 2010

____________ User Posts ____________

Click on the link for more information

Clock and Date by adambobbyburgers

LINK: http://xdaforums.com/showpost.php?p=9882508&postcount=9

Simple One by dev223

LINK: http://xdaforums.com/showpost.php?p=9903092&postcount=14

Simple With Date by dev223

LINK: http://xdaforums.com/showpost.php?p=9903250&postcount=15

ALL by Spirit

(Original pic doesn't work)
LINK: http://xdaforums.com/showpost.php?p=9957947&postcount=36

CenterClause by user_x

LINK: http://xdaforums.com/showpost.php?p=9987355&postcount=51

n4rrOx · Dec 16, 2010

- reserved 2 - User posts -

n4rrOx · Dec 16, 2010

____________ How To ____________

How to apply a custom Font to your xml file?

Add Font="/pathtoyourfont/font.ttf" to each displayed tag.

Example 1:

Code:

<Hour is24Hour="True" FontSize="242" Foreground="#ffffffff, #ff777777"/>

Code:

[B]<Hour is24Hour="True" FontSize="242" Font="/system/fonts/DroidSans-Bold.ttf" Foreground="#ffffffff, #ff777777"/>[/B]

Example 2:

Code:

<Text FontSize="50" Foreground="#ffffffff, #ff777777"/>

Code:

[B]<Text FontSize="50" Font="/sdcard/fonts/Font-Bold.ttf" Foreground="#ffffffff, #ff777777"/>[/B]

How to edit your xml file "on the fly" with your Computer?

First you need another widget: Dual Mount SD Widget from market.
Link: http://www.appbrain.com/app/dual-mount-sd-widget/com.protocol.x.USB
It is the $0.99 in any case worth because you save a lot of time.

preparing:
1. Install Dual Mount SD Widget, place it to screen and enable it (After that you can remove the widget from screen again).
2. Everytime you connect your phone to your Computer the SD card will stay mounted on the phone.

After that:
3. Open the XML file on your SD card with your Computer.
4. Make your changes.
5. Press save.
6. Open the widget settings to force mClock to reload the xml file.
7. Close the settings again and see the changes on screen.

zHk3R · Dec 16, 2010

Very nice!
*Adds thread to subscriptions*

Neffstarr · Dec 16, 2010

thanks bro appreciate it

sleepyxda · Dec 16, 2010

A very good idea.

n4rrOx · Dec 17, 2010

#update 17 dec: TxClck Skin
....................................in the first post!

Feel free to post your skins or suggestions.

knoxcoder · Dec 17, 2010

Here's one (original link: http://adambobbyburgers.deviantart....ular+in:customization/skins+max_age:72h&qo=10)

Clock

Code:

<UniformGrid  Columns="1"  Background="#bf000000"  Clipping="false"  HorizontalAlignment="Stretch"  VerticalAlignment="Stretch" >
  <Stack  Orientation="Horizontal"  Clipping="false" >
    <Hour  FontSize="58"  is24hour="true"  Clipping="false" Foreground="#77ffffff, #77ffffff" ></Hour>
    <Minute  FontSize="58"  is24hour="true"  Clipping="false" Foreground="#ffffffff, #ffffffff" ></Minute>
  </Stack>
</UniformGrid>

Date

Code:

<?xml version="1.0" encoding="utf-8"?>
<UniformGrid Orientation="Vertical" Background="#bf000000" HorizontalAlignment="Left" VerticalAlignment="Center" Margin="0" clipping="false">
 
	<Stack HorizontalAlignment="Center" VerticalAlignment="Center" Orientation="Horizontal" Margin="20" >
 
<Stack HorizontalAlignment="Left" VerticalAlignment="Center" Orientation="Horizontal" Margin="0">
			<Day FontSize="58" ShadowColor="#ff000000" Foreground="#ffffffff, #ffffffff"/>
		</Stack>
 
		<Stack HorizontalAlignment="Left" Clipping="false" Orientation="Vertical" Margin="20" >
			<MonthName FontSize="24" HorizontalAlignment="Left" Case="Upper" Clipping="false" Foreground="#77ffffff, #77ffffff" ></MonthName>
			<DayName FontSize="24" HorizontalAlignment="Left" VerticalAlignment="Top" Case="Upper" Clipping="false" Foreground="#ffffffff, #ffffffff" ></DayName>
		</Stack>
 
	</Stack>
 
</UniformGrid>

Tiltpoet · Dec 18, 2010

For the typoclock in black is there a way to get the 12hr setting..one I loaded is 24hr

Sent from my HTC Glacier using XDA App

n4rrOx · Dec 18, 2010

Tiltpoet said:
For the typoclock in black is there a way to get the 12hr setting..one I loaded is 24hr

Sent from my HTC Glacier using XDA App

#update 18 dec: new 12hr TypoClock Skins
.......................................................................in the first post! ;-)

Tiltpoet · Dec 18, 2010

Ty for that but I don't mean to be a bug on ur windshield but the black typoclock has the pm am. Perkibg behind the dots

Sent from my HTC Glacier using XDA App

suilow1991 · Dec 18, 2010

snow mclock

################# HowTo #################
1. Install the newest mClock from market
2. Download and unzip attached xml file
3. Add mClock widget with a size of 4x2 to your screen
4. Load the downloaded xml file in the settings menu of mClock
5. If necessary resize the widget

dev223 · Dec 18, 2010

Simple One

################# HowTo #################

LauncherPro or ADW required (for overlapping)

1. Install the newest mClock from market
2. Download and unzip attached xml files and font, place all to SD card
3. Add mClock widget with a size of 4x4 to your screen
4. Load the downloaded xml file in the settings menu of mClock
5. Repeat steps 3 and 4 for minutes widget
6. Resize & overlap the widgets

My LauncherPro setup is 10x10 grid, for other variants try 2x2 or 3x3 sizes of mClock widgets.

dev223 · Dec 18, 2010

Simple With Date

################# HowTo #################
1. Install the newest mClock from market
2. Download and unzip attached xml file and font, place all to SD card
3. Add mClock widget with a size of 4x1 to your screen
4. Load the downloaded xml file in the settings menu of mClock
5. If necessary resize the widget

n4rrOx · Dec 18, 2010

Tiltpoet said:
Ty for that but I don't mean to be a bug on ur windshield but the black typoclock has the pm am. Perkibg behind the dots

Sent from my HTC Glacier using XDA App

Hm, it's not a bug but it's difficult.
mClock uses the system font and every font has it's own size and spacing.
So it's not possible to create one template that works for all users.

There are 3 ways:
1) change the system font to the one I posted in the first post.

2) force mClock to use a different font (the one from the first post) in the xml file. See example on post #4 http://xdaforums.com/showpost.php?p=9856429&postcount=4 (or see more Information on knoxcoder's homepage: http://www.maroonedsoftware.com)

3) Edit the value in the xml file for spacing. Then it will work with your system font: Search in the xml file for the text tag. The Hight value should be 110. Change this +/- 10 and just open the settings menu of this widget (to force reload) and see the changes.
Change this value till it looks good for you.

P. S. Thanks for posting your Templates

Sent from my Milestone

htc-60 · Dec 18, 2010

thanks very nice

violentgoomba · Dec 18, 2010

n4rrOx said:

Thank you. I also want those dock icons. Where can i find them?

n4rrOx · Dec 18, 2010

violentgoomba said:
Thank you. I also want those dock icons. Where can i find them?

Go to http://www.macthemes.net/forum/viewtopic.php?id=16805569&p=1

Tiltpoet · Dec 18, 2010

Hey bud managed to get it moved to where its during riggt on the am pm point.where would I edit to make the clock move a littlw.bit.to the right...cheeerios!

Sent from my HTC Glacier using XDA App

[MOD][GUIDE] mClock Skins | Updated 22 Dec

Senior Member

Attachments

Senior Member

Attachments

Senior Member

Senior Member

Senior Member

Senior Member

Senior Member

Senior Member

Retired Recognized Developer

Attachments

Senior Member

Senior Member

Senior Member

Member

Attachments

Member

Member

Senior Member

Member

Senior Member

Senior Member

Senior Member

Similar threads

Top Liked Posts