Results 1 to 14 of 14

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


Thread: How do I move this part of the widget?

  1. #1
    iPhone? More like MyPhone
    Join Date
    Apr 2008
    Location
    Chicago
    Posts
    183
    Thanks
    8
    Thanked 9 Times in 7 Posts

    Default How do I move this part of the widget?


    The circled part, I dimmed the rest out. I know how to get rid of the clock and all that. I just need to know how to move the weather and the location and date/temperature text with it.

    Anyone?
    Last edited by EmericAn; 2010-08-31 at 04:05 AM. Reason: Automerged Doublepost

  2. #2
    My iPhone is a Part of Me Pronup's Avatar
    Join Date
    Oct 2009
    Location
    Texas
    Posts
    685
    Thanks
    129
    Thanked 188 Times in 142 Posts

    You have to use trial and error and change the Top Weather.js

    Change Number, respring....repeat until correct

  3. #3
    iPhone? More like MyPhone
    Join Date
    Apr 2008
    Location
    Chicago
    Posts
    183
    Thanks
    8
    Thanked 9 Times in 7 Posts

    Quote Originally Posted by Pronup View Post
    You have to use trial and error and change the Top Weather.js

    Change Number, respring....repeat until correct
    I cant find a 'top weather.js'

    Also, what 'number' would I be changing?

  4. #4
    where do you want to move it to?

  5. #5
    iPhone? More like MyPhone
    Join Date
    Apr 2008
    Location
    Chicago
    Posts
    183
    Thanks
    8
    Thanked 9 Times in 7 Posts

    Quote Originally Posted by dylan17 View Post
    where do you want to move it to?
    All the way to the bottom, as low as it can go, like in the dock area.

  6. #6
    iPhone? More like MyPhone
    Join Date
    Aug 2010
    Location
    Guelph, ON
    Posts
    233
    Thanks
    172
    Thanked 42 Times in 29 Posts

    Have a look in the HTML files, maybe widget.html or weather.html. I edited mine using pagespinner through fugu (for the ssh) for the weatherfurik widget.

    Somewhere in there you'll see "border" or "position" and it will be "-128px" or "240px" or something like that. I just used trial and error to get my positioning right. I copied and pasted the original file to notepad first, just in case I cocked up the thing.

  7. #7
    iPhone? More like MyPhone
    Join Date
    Apr 2008
    Location
    Chicago
    Posts
    183
    Thanks
    8
    Thanked 9 Times in 7 Posts

    Quote Originally Posted by LennyTheDub View Post
    Have a look in the HTML files, maybe widget.html or weather.html. I edited mine using pagespinner through fugu (for the ssh) for the weatherfurik widget.

    Somewhere in there you'll see "border" or "position" and it will be "-128px" or "240px" or something like that. I just used trial and error to get my positioning right. I copied and pasted the original file to notepad first, just in case I cocked up the thing.
    Here is the code found in 'widget.html' Can you help me find where I should be tying to edit numbers please:


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

    <html><head>

    <base href="Private/"/>

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

    <script type="text/javascript" src="configureMe.js"/>

    <script type="text/javascript" src="Wallpaper.js"/>



    <style>

    body {

    background-color: none;

    margin: 310px 0 0 25px;

    padding: 0px 0 0 0;

    height: 360px;

    width: 320px;

    }

    SPAN#clock

    {

    font-family: Trebuchet MS;

    color: transparent;

    font-size: 30px;



    }



    SPAN#ampm

    {

    font-family: Trebuchet MS;

    font-weight: normal;

    color: #000000;

    font-size: 12px;



    }



    TD#date

    {

    font-family: Trebuchet MS;

    font-size: 14px;

    font-weight: 300;

    text-align: Center;

    top: -15px;

    color: #FFFFFF;

    text-shadow: 0px 2px 2px black;



    }





    </style>





    <script type="text/javascript">

    <!--

    var this_weekday_name_array = new Array("Dimanche","Lundi","Mardi","Mercredi","Jeudi ","Vendredi","Samedi")

    var this_month_name_array = new Array("Janvier","Fevrier","Mars","Avril","Mai","Ju in","Juillet","Aout","Septembre","Octobre","Novemb re","Decembre") //predefine month names





    var this_date_timestamp = new Date()



    var this_weekday = this_date_timestamp.getDay()

    var this_date = this_date_timestamp.getDate()

    var this_month = this_date_timestamp.getMonth()

    var this_year = this_date_timestamp.getYear()



    if (this_year < 1000)

    this_year+= 1900;

    if (this_year==101)

    this_year=2001;



    var this_date_string = this_weekday_name_array[this_weekday] + " " + this_date + " " + this_month_name_array[this_month]//concat long date string



    // -->

    <!--

    var this_weekday_name_array = new Array("Sun,","Mon,","Tue,","Wed,","Thu,","Fri,","S at,")

    var this_month_name_array = new Array("Jan","Feb","Mar","Apr","May","Jun","Jul","A ug","Sep","Oct","Nov","Dec") //predefine month names





    var this_date_timestamp = new Date()



    var this_weekday = this_date_timestamp.getDay()

    var this_date = this_date_timestamp.getDate()

    var this_month = this_date_timestamp.getMonth()

    var this_year = this_date_timestamp.getYear()



    if (this_year < 1000)

    this_year+= 1900;

    if (this_year==101)

    this_year=2001;



    //var this_date_string = this_weekday_name_array[this_weekday] + " " + this_date + " " + this_month_name_array[this_month]//concat long date string

    var this_date_string = this_weekday_name_array[this_weekday] + " " + this_month_name_array[this_month] + " " + this_date + " " //concat long date string

    // -->

    function init ( )

    {

    timeDisplay = document.createTextNode ( "" );

    document.getElementById("clock").appendChild ( timeDisplay );

    }



    function updateClock ( )

    {

    var currentTime = new Date ( );



    var currentHours = currentTime.getHours ( );

    var currentMinutes = currentTime.getMinutes ( );

    var currentSeconds = currentTime.getSeconds ( );



    // Pad the minutes and seconds with leading zeros, if required

    currentMinutes = ( currentMinutes < 10 ? "0" : "" ) + currentMinutes;

    currentSeconds = ( currentSeconds < 10 ? "0" : "" ) + currentSeconds;



    // Choose either "AM" or "PM" as appropriate

    //var timeOfDay = ( currentHours < 12 ) ? "AM" : "PM";



    // Convert the hours component to 12-hour format if needed

    //currentHours = ( currentHours > 12 ) ? currentHours - 12 : currentHours;



    // Convert an hours component of "0" to "12"

    currentHours = ( currentHours == 0 ) ? 12 : currentHours;



    // Compose the string for display

    var currentTimeString = currentHours + ":" + currentMinutes;



    // Update the time display

    document.getElementById("clock").firstChild.nodeVa lue = currentTimeString;

    }



    function init2 ( )

    {

    timeDisplay = document.createTextNode ( "" );

    document.getElementById("ampm").appendChild ( timeDisplay );

    }



    function amPm ( )

    {

    var currentTime = new Date ( );



    var currentHours = currentTime.getHours ( );



    // Choose either "AM" or "PM" as appropriate

    var timeOfDay = ( currentHours < 12 ) ? "AM" : "PM";



    //Convert the hours component to 12-hour format if needed

    currentHours = ( currentHours > 12 ) ? currentHours - 12 : currentHours;



    // Convert an hours component of "0" to "12"

    currentHours = ( currentHours == 0 ) ? 12 : currentHours;



    // Compose the string for display

    var currentTimeString = timeOfDay;



    // Update the time display

    document.getElementById("ampm").firstChild.nodeVal ue = currentTimeString;

    }



    // -->



    function calendarDate ( )

    {

    var this_weekday_name_array = new Array("Sun","Mon","Tue","Wed","Thu","Fri","Sat")

    var this_month_name_array = new Array("Jan","Feb","Mar","Apr","May","Jun","Jul","A ug","Sep","Oct","Nov","Dec") //predefine month names



    var this_date_timestamp = new Date()



    var this_weekday = this_date_timestamp.getDay()

    var this_date = this_date_timestamp.getDate()

    var this_month = this_date_timestamp.getMonth()



    //document.getElementById("calendar").firstChild.nod eValue = this_weekday_name_array[this_weekday] + " " + this_date + " " + this_month_name_array[this_month]//concat long date string



    document.getElementById("calendar").firstChild.nod eValue = this_weekday_name_array[this_weekday] + "," + " " + this_month_name_array[this_month] + " " + this_date //concat long date string

    }



    </script>



    </head>

    <body onload="onLoad()">



    <center><div id="fond" style="display:block;position: absolute;z-order:10; top: 0px; left: 0px; width: 120px; height: 90px;">

    <img src="widget.png">

    </div></center>



    <center><div id="icon" style="display:block;position: absolute;z-order:0; top: 135px; left: 12px; width: 120px; height: 90px;">

    <img id="weatherIcon" src=""/>

    </div></center>



    <div id="WeatherContainer">

    <div id="TextContainer">



    <p style="display:block;position: absolute; top: 168px;left:15px;right:0px;width: 220px;color: white;text-shadow: 0px 2px 2px black;font-size:18px;font-family: Trebuchet MS;font-weight:500;" id="city"></p>



    <p style="display:block;position: absolute; top: 181px;left:220px;width: 310px;color: white;font-family: Trebuchet MS;text-shadow: 0px 2px 2px black;" id="temp"></p>



    <p style="display:block;position: absolute; top: 190px;left:15px;width: 200px;color: white;text-align: left;font-family:Trebuchet MS;text-shadow: 0px 2px 2px black;font-size:12px;font-weight:400" id="desc"></p>



    <p style="display:block;position: absolute; top: 182px;left:265px;width: 310px;color: white;text-shadow: 0px 2px 2px black;font-family: Trebuchet MS;font-weight: 300;font-size:12px;" id="hi" >H:</p>



    <p style="display:block;position: absolute; top: 196px;left:265px;width: 310px;color: white;text-shadow: 0px 2px 2px black;font-family: Trebuchet MS;font-weight: 300;font-size:12px;" id="low" >L:</p>

    </div>

    </div>

    <div id="Forecast" >

    <p style="display:block;position: absolute; top: 170px;left:285px;width: 310px;color: white;text-shadow: 0px 2px 2px black;font-family: Trebuchet MS;font-weight: 300;font-size:12px;" id="hi0" ></p>

    <p style="display:block;position: absolute; top: 184px;left:285px;width: 310px;color: white;text-shadow: 0px 2px 2px black;font-family: Trebuchet MS;font-weight: 300;font-size:12px;" id="low0" ></p>

    </div>



    </div>





    <table style="position: absolute; top: 122px; left: -41px; width: 180px; height: 300px;" cellspacing="0" cellpadding="0" align="LEFT">

    <tr align="center" valign="top" border="0" cellpadding="0">

    <td height="10" valign="top">





    <span id="ampm">

    <script language="JavaScript">amPm(); setInterval('amPm()', 1000 )</script>

    </span>

    </td>

    </tr>





    <table style="position: absolute; top: 127px; left: 174px; width: 180px; height: 461px;" cellspacing="0" cellpadding="0" align="LEFT">

    <tr align="center" valign="top" border="0" cellpadding="0">

    <td height="10" valign="top">

    <span id="clock">

    <script language="JavaScript">updateClock(); setInterval('updateClock()', 1000 )</script></span>





    </td>

    </tr>

    <tr>



    <td id="date" valign="top">

    <span id="calendar">

    <script language="JavaScript">calendarDate(); setInterval('calendarDate()', 1000 )</script>

    </span>

    </td>

    </tr>



    <table style="position: absolute; top: -135px; left: 30px; width: 320px; height: 461px;" cellspacing="" cellpadding="" align="center">

    <td height="40" border="0">

    <img src="dgc.gif" name="hr1" width="57" heigth="74">

    </td></table>



    <table style="position: absolute; top: -135px; left: 88px; width: 320px; height: 461px;" cellspacing="" cellpadding="" align="right">

    <td height="40" border="0">

    <img src="dgc.gif" name="hr2" width="57" heigth="74"><img

    src="dgz.gif" name="c" width="22" heigth="69">

    </td></table>



    <table style="position: absolute; top: -135px; left: 170px; width: 320px; height: 461px;" cellspacing="" cellpadding="" align="right">

    <td height="40" border="0">

    <img src="dg8.gif" name="mn1" width="57" heigth="74">

    </td></table>



    <table style="position: absolute; top: -135px; left: 223px; width: 320px; height: 461px;" cellspacing="" cellpadding="" align="center">

    <td height="40" border="0">

    <img src="dg8.gif" name="mn2" width="57" heigth="74">

    </td></table>



    <table style="position: absolute; top: -135px; left: 62px; width: 320px; height: 461px;" cellspacing="" cellpadding="" align="center">

    <td height="40" border="0">

    <img src="dgc.gif" name="hr3" width="57" heigth="74">

    </td></table>



    <script type="text/javascript"><!-- start



    dg0 = new Image();dg0.src = "dg0.gif";

    dg1 = new Image();dg1.src = "dg1.gif";

    dg2 = new Image();dg2.src = "dg2.gif";

    dg3 = new Image();dg3.src = "dg3.gif";

    dg4 = new Image();dg4.src = "dg4.gif";

    dg5 = new Image();dg5.src = "dg5.gif";

    dg6 = new Image();dg6.src = "dg6.gif";

    dg7 = new Image();dg7.src = "dg7.gif";

    dg8 = new Image();dg8.src = "dg8.gif";

    dg9 = new Image();dg9.src = "dg9.gif";

    dgc = new Image();dgc.src = "dgc.gif";

    dgz = new Image();dgz.src = "dgz.gif";

    dgb = new Image();dgb.src = "dgb.gif";





    function dotime(){

    theTime=setTimeout('dotime()',1000);

    d = new Date();

    hr= d.getHours()+100;

    mn= d.getMinutes()+100;

    se= d.getSeconds()+100;

    if(hr==100){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;



    if (se%2==0){document.c.src = 'dgz.gif';}

    else {document.c.src = 'dgc.gif';}



    document.mn1.src = 'dg'+tot.substring(4,5)+'.gif';

    document.mn2.src = 'dg'+tot.substring(5,6)+'.gif';



    if ((hr==110)||(hr==111)||(hr==112)){document.hr1.src = 'dg'+tot.substring(1,2)+'.gif';document.hr2.src = 'dg'+tot.substring(2,3)+'.gif';document.hr3.src = 'dgc.gif';}

    else {document.hr1.src = 'dgc.gif';document.hr2.src = 'dgc.gif';document.hr3.src = 'dg'+tot.substring(2,3)+'.gif';}

    }



    dotime();

    //end -->

    </script>







    </body></html>

  8. #8
    iPhone? More like MyPhone
    Join Date
    Aug 2010
    Location
    Guelph, ON
    Posts
    233
    Thanks
    172
    Thanked 42 Times in 29 Posts

    About half way down it says "top -15". Try changing that to "top 150". If it moves it down, all it is then is a matter if getting the pixel count right for your spacing. If changing it to 150 moves it halfway from where it is to the dock, then try again at "300".

    But if that moves it, it's just a matter of adjusting and seeing, adjusting and seeing until it's right. Let me know if it works.

  9. #9
    iPhone? More like MyPhone
    Join Date
    Apr 2008
    Location
    Chicago
    Posts
    183
    Thanks
    8
    Thanked 9 Times in 7 Posts

    Quote Originally Posted by LennyTheDub View Post
    About half way down it says "top -15". Try changing that to "top 150". If it moves it down, all it is then is a matter if getting the pixel count right for your spacing. If changing it to 150 moves it halfway from where it is to the dock, then try again at "300".

    But if that moves it, it's just a matter of adjusting and seeing, adjusting and seeing until it's right. Let me know if it works.
    This was the only part in the code that I could find that said "top -15", but it wasnt in the middle, it was towards the top, I changed it to 150, and it didnt move anywhere. Is this the part you were referring to:


    TD#date

    {

    font-family: Trebuchet MS;

    font-size: 14px;

    font-weight: 300;

    text-align: Center;

    top: -15px;

    color: #FFFFFF;

    text-shadow: 0px 2px 2px black;



    }

  10. #10
    iPhone? More like MyPhone
    Join Date
    Aug 2010
    Location
    Guelph, ON
    Posts
    233
    Thanks
    172
    Thanked 42 Times in 29 Posts

    I'll check mine through ssh as soon as I get home. Just looking again, that's for the date. What's the weather widget you are using?

  11. #11
    iPhone? More like MyPhone
    Join Date
    Apr 2008
    Location
    Chicago
    Posts
    183
    Thanks
    8
    Thanked 9 Times in 7 Posts

    Quote Originally Posted by LennyTheDub View Post
    I'll check mine through ssh as soon as I get home. Just looking again, that's for the date. What's the weather widget you are using?
    The one I posted in that picture. It comes with Aliens HTC them. I have gotten rid of everything, to use a custom theme with that weather, and I want it at the bottom

  12. #12
    iPhone? More like MyPhone
    Join Date
    Apr 2008
    Location
    Chicago
    Posts
    183
    Thanks
    8
    Thanked 9 Times in 7 Posts

    Bump please

  13. #13
    iPhone? More like MyPhone
    Join Date
    Aug 2010
    Location
    Guelph, ON
    Posts
    233
    Thanks
    172
    Thanked 42 Times in 29 Posts

    Ok,

    I didn't get a chance to download that theme and figure it out, but I am using the weatherfurik widget and I'm fairly sure they are done pretty much the same way.

    Have a look in configureme.js and somewhere there you will see "stylesheet". The style that is set in mine is "myopia". Then go into "myopia.css" and edit that.

    Down at the bottom of mine, is this text:


    #weatherIcon{
    height:64px;
    width:64px;
    border:none;
    float: right;
    margin-top:-45px;
    margin-right:-46px;
    }


    I changed the margin top and the margin right settings to get mine where I wanted it.

    Try that and let me know.

  14. #14
    iPhone? More like MyPhone
    Join Date
    Apr 2008
    Location
    Chicago
    Posts
    183
    Thanks
    8
    Thanked 9 Times in 7 Posts

    Quote Originally Posted by LennyTheDub View Post
    Ok,

    I didn't get a chance to download that theme and figure it out, but I am using the weatherfurik widget and I'm fairly sure they are done pretty much the same way.

    Have a look in configureme.js and somewhere there you will see "stylesheet". The style that is set in mine is "myopia". Then go into "myopia.css" and edit that.

    Down at the bottom of mine, is this text:


    #weatherIcon{
    height:64px;
    width:64px;
    border:none;
    float: right;
    margin-top:-45px;
    margin-right:-46px;
    }


    I changed the margin top and the margin right settings to get mine where I wanted it.

    Try that and let me know.
    Still not moving the widget

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