Results 1 to 5 of 5

Your favorite Apple, iPhone, iPad, iOS, Jailbreak, and Cydia site.


Thread: Move the HTC Perfect Storm Clock as well as have it display the clock in 24 hour mode

  1. #1
    Default Move the HTC Perfect Storm Clock as well as have it display the clock in 24 hour mode
    As promised here is the Tutorial on how to move the Clock Widget up and down, the same steps are used for the 6 day forecast widget.

    Right near the top of the Wallpaper.html file is this line of code

    <style>
    body {
    background-color: none;
    margin: 5px;
    padding: 180px 0px 0px 20px;
    height: 480px;
    width: 320px;
    }
    </style>

    to adjust the height of the widget upward chage value of the bolded number the smaller the value the higher up on the display the clock will appear, the greater the number the lower.

    at 180px the clock ends up in the middle of the screen like so on the picture below



    with a value of 250 it ends up here at the top like so on the picture below



    a smaller value of 25 it ends up near the top like so on the picture below



    if you are like me and are a bit picky i noticed that a value of 185 puts the clock right on the horizon of this picture.

    This Next Section deals with making the clock 24 hour
    This section of the tutorial will also work on the iVillan clock widget

    I have noticed that few of you had asked how to do this it is quite simple (after some trial and error on my part :P) here is the area that you will need to edit in the Wallpaper.html file


    hr= d.getHours()+100;
    mn= d.getMinutes()+100;
    se= d.getSeconds()+100;
    if(hr==112){hr=112;am_pm='am';}
    else if(hr<112){am_pm='am';}
    else if(hr==112){am_pm='pm';}
    else if(hr>112){am_pm='pm';hr=(hr-12);}
    tot=''+hr+mn+se;


    hr= d.getHours()+100;
    mn= d.getMinutes()+100;
    se= d.getSeconds()+100;
    if(hr==100){hr=100;am_pm='am';}
    else if(hr<100){am_pm='am';}
    else if(hr==124){am_pm='pm';}
    else if(hr>124){am_pm='pm';hr=(hr-24);}
    tot=''+hr+mn+se;

    If you have any questions feel free to leave them here ill look in and see if anyone needs any help.
    Last edited by cdnGhost; 2009-07-26 at 05:07 AM.

  2. #2
    hey can you help me? all i want is the flip clock to be placed in my lockscreen. how am gonna do that?

  3. #3
    ok so to do this its quite simple make a copy of the wallpaper.html file and call it LockBackground.html

    you will need to add this line of code to the file
    <body background="LockBackground.png">

    <?xml version="1.0" encoding="UTF-8"?>
    <html><head>


    <base href="Private/"/>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>

    <style>
    body {
    background-color: none;
    margin: 5px;
    padding: 260px 0px 0px 20px;
    height: 480px;
    width: 320px;
    }
    </style>
    <script type="text/javascript" src="configureMe.js"/>
    <script type="text/javascript" src="Wallpaper.js"/>

    </head>
    <body background="LockBackground.png">
    <body onload="onLoad()">

    set the bold value to 260 like so this will put it right above the slide to unlock.

    now you will need to place a copy of the LockBackground.png imagein your private folder that should do it if you still cant get it ill upload a complete version of this for you but it will be in 24 hour mode if you want it in 12 let me know.
    Last edited by cdnGhost; 2009-07-26 at 06:09 AM.

  4. The Following 2 Users Say Thank You to cdnGhost For This Useful Post:

    byron686 (2009-11-03), Mone (2009-09-07)

  5. #4
    Can you send me what the HTML should look like< I am confused by the example. I have added the code as you mentoned and nothing shows.

  6. #5
    can u make custom lockscreen like this

Posting Permissions
  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •