1. jpbeauch's Avatar
    @ruedi04

    Deutsche Übersetzung


    Falls du die Position der Sonnenauf- und Sonnenuntergänge ändern möchtest musst du in der weather.css folgende Einträge ändern:

    Code:
    #Sunrise{
    position: absolute;
    top:302px; <--- Hier
    left:10px;
    width: 320px;
    text-align: left;
    font-size: 16px;
    color: white;
    z-index: 2;
    
    }
    #Sunset{
    position: absolute;
    top:302px; <--- Hier
    left:-6px;
    width: 320px;
    text-align: right;
    font-size: 16px;
    color: white;
    z-index: 2; 
    }

    lg Pille
    Hey Guys

    Common, this is not a german support group. Please use english as other may pick upon you tips. If everybody start writing in their own language it would be a mess sooner than later!
    2014-01-30 11:15 PM
  2. njneh's Avatar
    It works fine with a 12hr clock. The line right above this explains that I'm pulling a new date. (Nothing to do with 12hr) whenever a new date is pulled it is always in 24hrs

    Now the date is turning at 12. This is when pm starts. So edit that number in 24hr to change. So 18 would be 6:00pm

    Pretty sure I'm going to add it to the sunrise/sunset.
    Im having the same issue. Im in NJ and as soon as it turned noon, it went to night picture. How do I change this? Where is the code above? CSS? JS?

    Thanks in advance.
    2014-01-30 11:30 PM
  3. xlogiq21's Avatar
    This is found at the bottom of the LockBackground.html file.
    2014-01-30 11:32 PM
  4. Ogisha's Avatar
    Do you have the i4 version?
    Oh, sorry .. I noticed that there is a separate model for each tweak. Thank you very much!
    2014-01-31 12:01 AM
  5. alfox's Avatar
    Open ur background.html and look for this code


    <span id="time" style="position:absolute;white-space: nowrap;font-size:18px;top:89px;left:22px;color:white;z-index:10;>

    And edit it into like this


    <span id="time" style="position:absolute;white-space: nowrap;font-size:18px;top:89px;left:22px;color:white;z-index:10;display: none;">

    Then restore
    Selfish?cmon bro just becAuse i cant answer emails and pms right away u say im selfish?check this out bro.i answered ur question here And after this u posted ur success in editing.anyways as the saying goes,u cant please everyone.
    2014-01-31 12:08 AM
  6. June'sIphone's Avatar
    Hey Guys

    Common, this is not a german support group. Please use english as other may pick upon you tips. If everybody start writing in their own language it would be a mess sooner than later!
    I agree, please keep anything here in English, unless posting a translation. Then please provide English and Other Language.
    2014-01-31 12:10 AM
  7. roemi09's Avatar
    Hey,

    i have a question, what else, i want to change the language of "Sunrise" and "Sunset" in my own language. I tryd several changes but nothing helps, the 2 words are the remaining what i cant rename. thanks in advance and exc. my bad engl.
    Alizhe LS for Groovylock-img_0876.png
    edith:
    +the next issue, everytime i tap Homebutton to see wheater i get this message:Alizhe LS for Groovylock-img_0877.png
    Last edited by roemi09; 2014-01-31 at 01:04 AM.
    2014-01-31 12:30 AM
  8. June'sIphone's Avatar
    Hey,

    i have a question, what else, i want to change the language of "Sunrise" and "Sunset" in my own language. I tryd several changes but nothing helps, the 2 words are the remaining what i cant rename. thanks in advance and exc. my bad engl.
    Alizhe LS for Groovylock-img_0876.png
    edith:
    +the next issue, everytime i tap Homebutton to see wheater i get this message:Alizhe LS for Groovylock-img_0877.png
    I have already answered this on post 132.

    For that popup delete the alert in weather.js it says alert(lang); delete that
    2014-01-31 01:05 AM
  9. roemi09's Avatar
    ty June,
    1more, witch word should i change from below so it will show @LScreen instead "Sunrise"-"Sonnaufgang" also "Sunset"-"Sonnuntergang"?:

    Code:
    var Sunrise=sunrise; //Sunrise
    document.getElementById("Sunrise").innerHTML = '' + ('Sunrise: ' + Sunrise) + ''
    
    //////////////////////////////////////////////////////////////////////////////////
    var Sunset=sunset; //Sunset
    document.getElementById("Sunset").innerHTML = '' + ('Sunset: ' + Sunset) + ''
    2014-01-31 01:24 AM
  10. roemi09's Avatar
    ty June,

    1more, witch word i need to change from below so it appear on my LScreen instead "Sunrise" - "Sonnaufgang"?:

    Code:
    var Sunrise=sunrise; //Sunrise
    document.getElementById("Sunrise").innerHTML = '' + ('Sunrise: ' + Sunrise) + ''
    
    //////////////////////////////////////////////////////////////////////////////////
    var Sunset=sunset; //Sunset
    document.getElementById("Sunset").innerHTML = '' + ('Sunset: ' + Sunset) + ''
    2014-01-31 01:27 AM
  11. June'sIphone's Avatar
    Sunrise:
    Sunset:
    2014-01-31 01:28 AM
  12. Lars Vegas's Avatar
    var Sunrise=sunrise; //Sunrise
    document.getElementById("Sunrise").innerHTML = '<span>' + ('Sonnenaufgang: ' + Sunrise) + '</span>'

    And the same for sunset.
    2014-01-31 01:30 AM
  13. exNavy's Avatar
    Does someone have ready to go modified files with the 2 line time and date thing? I don't like the standard apple clock. I'd like the clock and date that came with the theme.

    I don't have the patience to mess with these files to figure it out. No one has explained it well enough yet.

    If someone has already figured this out could you please share the completed files?
    Hmm...
    2014-01-31 06:19 AM
  14. ag92's Avatar
    @thalib_atc:

    The wallpaper from this post:
    http://modmyi.com/forums/iphone-5-ne...ml#post6999641
    is from the free AR7 app in the Apple App Store.
    https://itunes.apple.com/us/app/ar7/id777607964?mt=8
    AR7 (@AR72014 on twitter) is a wallpaper beast!
    2014-01-31 08:26 AM
  15. thalib_atc's Avatar
    Im having the same issue. Im in NJ and as soon as it turned noon, it went to night picture. How do I change this? Where is the code above? CSS? JS?

    Thanks in advance.
    change to this if(currentHours> 18 || currentHours < 6){

    before it was if(currentHours> 12 || currentHours < 6){


    this is the LockBackground.html file u can find it in groovylock/alizhe folder
    2014-01-31 10:32 AM
  16. June'sIphone's Avatar
    Does someone have ready to go modified files with the 2 line time and date thing? I don't like the standard apple clock. I'd like the clock and date that came with the theme.

    I don't have the patience to mess with these files to figure it out. No one has explained it well enough yet.

    If someone has already figured this out could you please share the completed files?
    2 line time and date thing? No idea what you mean. You don't like the standard apple clock, you like the clock that came with the theme. This is even more confusing. I'm not sure what you want, but I will guess you are trying to hide the original time and date? If so get lock screen tool. Go to settings flip the switch to turn them off.
    2014-01-31 03:53 PM
  17. Cowboy2028's Avatar
    After borrowing some code and tweaking, this is my iteration of Alizhe.



    I may tighten up the spaces around the two day icons a bit more.
    2014-01-31 10:23 PM
  18. jpbeauch's Avatar
    After borrowing some code and tweaking, this is my iteration of Alizhe.



    I may tighten up the spaces around the two day icons a bit more.

    Very nice. You should publish your code here.
    2014-02-01 02:41 AM
  19. Cowboy2028's Avatar
    Very nice. You should publish your code here.
    Here is the CSS I am using:

    Code:
    @font-face {
        font-family: 'fonts';
        src: url('../../weather/font/Sertig.otf');
        font-style: normal;
    
    }
    
    html{
      font-family: "fonts";
    }
    html{
    -webkit-user-select: none;
      font-weight:100;
    position:absolute;
    left:0px;
    top:0px;
    }
    
    #TODWall{
      position: absolute;
      left:0px;
      top:0px;
      z-index: 2;
    }
    #IconToday{
      position: absolute;
      top:10px;
      left:0px;
      z-index: 0;
      display: none;
    
    }
    #HighToday{
      position: absolute;
      font-size: 20px;
      color: white;
      top:330px;
      text-align: left;
       margin-left:35px;
       opacity: 0.8;
      font-weight:100;
      color: #fff;
      white-space: nowrap;
       z-index: 2;
       display: none;
      
    }
    #LowToday{
      position: absolute;
      font-size: 20px;
      color: white;
      top:330px;
      text-align: left;
       margin-left:35px;
       opacity: 0.8;
       white-space: nowrap;
      font-weight:100;
      color: #fff;
      z-index: 2;
      display: none;
      
    }
    #DescToday{
      position: absolute;
      top:425px;
      left:10px;
      white-space: nowrap;
      font-size: 18px;
      color: white;
      z-index: 2;
      display: none;
    }
    #TempNow{
      position: absolute;
      font-size: 60px;
      color: white;
      top:230px;
      left:18px;
      color: white; 
      z-index: 2;
    font-weight: lighter;
    }
    #RealFeel{
      position: absolute;
      top:295px;
      left:18px;
      color: white;
      white-space: nowrap;
      font-size: 20px;
      z-index: 2;
      
    }
    #Humidity{
      position: absolute;
      top:120px;
      left:0px;
      white-space: nowrap;
      font-size: 40px;
      opacity: 0.6;
      color: white; 
      display: none;
    
    }
    #UV{
      position: absolute;
      top:160px;
      left:0px;
      white-space: nowrap;
      font-size: 40px;
      opacity: 0.6;
      color: white; 
      display: none;
    }
    #dew{
      position: absolute;
      top:330px;
      left:160px;
      white-space: nowrap;
      text-transform:capitalize;
      font-size: 20px;
      color: white; 
      z-index: 2;
      display: none;
    
    }
    #WindSpeed{
      position: absolute;
      top:330px;
      left:255px;
      white-space: nowrap;
      font-size: 20px;
      color: white; 
      z-index: 2;
      display: none;
    }
    #WindDirection{
      position: absolute;
      top:458px;
      left:72px;
      white-space: nowrap;
      font-size: 15px;
      color: white;
      z-index: 2; 
      display: none; 
    }
    #City{
      position: absolute;
      top:160px;
      left:18px;
      width: 320px;
      white-space: nowrap;
      text-align: left;
      font-size: 35px;
      color: white;
      z-index: 2;
     
    }
    #HourlyDesc{
      position: absolute;
      top:201px;
      left:18px;
      white-space: nowrap;
      text-align: center;
      font-size: 23px;
      color: white;
      z-index: 2;
     
    }
    
    #HourlyIcon{
      position: absolute;
      top:190px;
      left:160px;
      z-index: 10;
    
    }
    #RainInfo{
      position: absolute;
      top:180px;
      left:0px;
      width: 320px;
      text-align: center;
      font-size: 14px;
      color: white;
      z-index: 2;
      display: none; 
     
    }
    
    #Sunrise{
      position: absolute;
      top:29px;
      left:10px;
      width: 320px;
      text-align: left;
      font-size: 14px;
      color: white;
      z-index: 2;
    /*  display: none;*/ 
    }
    #Sunset{
      position: absolute;
      top:29px;
      left:-8px;
      width: 320px;
      text-align: right;
      font-size: 14px;
      color: white;
      z-index: 2;
    /*  display: none;*/ 
    }
    
    .DayForecast{
      position: absolute;
      top:380px;
      left: 0px;
      z-index: 2;
      display: none;
    }
    
    @-webkit-keyframes movein {
       0% { left:1000px; }
       100% { left:0px; }
    }
    
    
    .DayForecast.on{
      position: absolute;
      top:250px;
      left: 0px;
      -webkit-animation: movein 1s;
       -webkit-animation-direction: forward;
       -webkit-backface-visibility: hidden;
       -webkit-perspective: 1000;
        z-index: 2;
    
    }
    
    #Day1,#Night1{
      position: absolute;
      top:45px;
      left:58px;
      z-index: 3;
    }
    #Day2,#Night2{
      position: absolute;
      top:45px;
      left:189px;
      z-index: 3;
    }
    #Day3,#Night3{
      position: absolute;
      top:15px;
      left:160px;
      z-index: 3;
      display: none;
    }
    #Day4,#Night4{
      position: absolute;
      top:15px;
      left:240px;
      z-index: 3;
      display: none;
    }
    
    #Day1High{
      position: absolute;
      top:116px;
      left:67px;
      font-size: 20px;
      width: 320px;
      text-align: left;
      color: white;
      z-index: 2;
      white-space: nowrap;
    
    }
    #Day1Low{
      position: absolute;
      top:7px;
      left:27px;
      font-size: 14px;
      color: white;
      z-index: 2;
      display: none;
    
    }
    #Day2High{
      position: absolute;
      top:116px;
      left:-55px;
      font-size: 20px;
      width: 320px;
      text-align: right;
      color: white;
      z-index: 2;
      white-space: nowrap;
    
    }
    #Day2Low{
      position: absolute;
      top:97px;
      left:100px;
      font-size: 14px;
      color: white;
      z-index: 2;
      display: none;
    
    }
    #Day3High{
      position: absolute;
      top:80px;
      left:180px;
      font-size: 14px;
      color: white;
      z-index: 2;
      display: none;
    }
    #Day3Low{
      position: absolute;
      top:100px;
      left:180px;
      font-size: 14px;
      color: white;
      z-index: 2;
      display: none;
    }
    #Day4High{
      position: absolute;
      top:80px;
      left:260px;
      font-size: 14px;
      color: white;
      z-index: 2;
      display: none;
    }
    #Day4Low{
      position: absolute;
      top:100px;
      left:260px;
      font-size: 14px;
      color: white;
      z-index: 2;
      display: none;
    }
    
    .DayIcons{
    }
    
    .NightIcons{
    opacity: 1;
    }
    
    .hours{
    
    }
    
    
    #tempImage{
      position: absolute;
      top:331px;
      left: 23px;
      z-index: 4;
      display: none;
    }
    #dewImage{
      position: absolute;
      top:331px;
      left: 136px;
      z-index: 4;
      display: none;
    }
    #windImage{
      position: absolute;
      top:331px;
      left: 228px;
      z-index: 4;
      display: none;
    }
    #shadow{
      position: absolute;
      top:150px;
      left: 0px;
      width: 320px;
      height: 210px;
      color: black;
      background-color: black;
      z-index: 2;
      opacity: 0.0;
    }
    #shadow2{
      position: absolute;
      top:525px;
      left: 0px;
      width: 320px;
      height: 40px;
      color: black;
      background-color: black;
      z-index: 2;
      opacity: 0.0;
    }
    #statusbar{
      position: absolute;
      top:0px;
      left: 0px;
      width: 320px;
      height: 25px;
      color: black;
      background-color: black;
      z-index: 2;
      opacity: 0.1;
    }
    #line{
      position: absolute;
      top:320px;
      left: 0px;
      width: 320px;
      height: 0px;
      color: black;
      background-color: white;
      z-index: 2;
      opacity: 0.0;
    }
    
    #ForecastDay1{
      position: absolute;
      top:10px;
      left:-10px;
      text-align: center;
      left:-65px;
      width: 320px;
      /*text-transform:uppercase;*/
      text-align: center;
      font-size: 25px;
      color:white;
      z-index: 2;
    }
    #ForecastDay2{
      position: absolute;
      top:10px;
      left:68px;
      width: 320px;
      /*text-transform:uppercase;*/
      text-align: center;
      font-size: 25px;
      color:white;
      z-index: 2;
    }
    I started with the CSS thalib_atc posted here.
    Last edited by Cowboy2028; 2014-02-01 at 04:32 AM.
    2014-02-01 04:24 AM
  20. exNavy's Avatar
    Finally got it how I wanted it.

    Alizhe LS for Groovylock-308.gif


    Maybe a slider would look good......
    Hmm...
    2014-02-01 06:48 AM
240 ... 678910 ...
LINK TO POST COPIED TO CLIPBOARD