Image 01
profile-image

quinnuendo

Doni Pracner Novi Sad, Serbia
Adjustable Clock

Plasma 4 Extensions by Emdek 354 comments

With my current desktop setup, I found it really usefull to have a clock with really big digits in my vertical sidebar. So I am using the whole width of it for just the two digits that are the hours, and then bellow the minutes. A bit smaller is the date and the day of the week, which I also sometimes find handy :)

html:
<div style="text-align: center; font-family:Droid Sans">
<span class="gen shadowed clock">%h</span><br>
<span class="gen shadowed clock" style="font-size:12px">o o<br></span>
<span class="gen shadowed clock">%m<br></span>
<span class="gen shadowed" style="font-size: 40px;">%!$w</span><br>
<span class="gen shadowed" style="font-size: 30px;">%d/%M</span>
</div>

css:
.shadowed {text-shadow:black 0.04em 0.04em 0em, #bbf 0em 0.0em 0.3em}
.clock {font-size: 60px; font-weight:bold}
.gen {color:#ccc}

Could be a bit more elegant with the font sizes not hard coded, but it works. The important part anyway are the relative sizes, since the plasmoid gets resized to fit in the sidebar. - Oct 04 2012
Adjustable Clock

Plasma 4 Extensions
by Emdek

8 .4
Mar 23 2014
Slim Glow

Plasma Themes
by ivancukic

6 .7
Jan 06 2013
Bespin

Be-Shell/Bespin
by thomas12777

8 .3
Oct 03 2012
Orta

GTK2 Themes
by SkiesOfAzel

7 .8
Oct 03 2012
Slim Glow

Plasma Themes
by ivancukic

6 .7
9   Jan 06 2013
Bespin

Be-Shell/Bespin
by thomas12777

8 .3
9   Oct 03 2012
Adjustable Clock

Plasma 4 Extensions
by Emdek

8 .4
9   Oct 03 2012
Orta

GTK2 Themes
by SkiesOfAzel

7 .8
9   Mar 26 2011