Fyzicky ide o veľmi jednoduchú tému.
Prekopírujte si zložku "Clownfish Lockscreen.theme" z telefónu do PC a poďme sa na ňu pozrieť:
Rybky sú obyčajné animované GIF súbory: clownfish.gif a clownfish2.gif
Pozadie je anemone.jpg
Samotný "pohyb" vykonáva súbor LockBackground.html (ten názov je dôležitý - určuje, že téma mení práve LockScreen)
Kód: Vybrat vše
<html>
<head><title>animatedlockscreen</title></head>
<body bgcolor="black" background="anemone.jpg">
<table style="position: absolute; top: 19px; left: 0px; width: 320px; height: 461px;" cellspacing="0" cellpadding="0" align="center">
<tr align="center" valign="top" border="0" cellpadding="0">
<td height="10" style="margin: 0px;" valign="top">
<center><br><br><br><br><br><br><marquee loop="infinite" behavior="scroll" scrollamount="15" direction="right"><img src="clownfish2.gif" width="100" height="50"></center><br><br><br><br><br>
<center><br><br><br><marquee loop="infinite" behavior="scroll" scrollamount="20" direction="left"><img src="clownfish.gif" width="100" height="50"></center>
</td></tr></table>
</body>
</html>
Je napísaný maximálne primitívne, niektorí by povedali, že prasácky. Účel to však zrejme plní. Samotný pohyb rybiek sa "vytvára" značkou MARQUEE v ktorej je uzavretá značka IMG.
Nie sú teda použité žiadne finty s javascriptom - ide o čisté HTML.
Námety na modifikáciu si už vymyslite sami, pamätajte, že MARGUEE vie len vodorovný pohyb. Záleží na vás, či si tam dáte iné animované gify, iné pozadie alebo zmeníte parametre scrollovania.
Ako vidíte, ani tie úžasnejšie témy Winterboardu nakoniec nie sú žiadna veľká veda.