Themabewertung:
  • 3 Bewertung(en) - 3.67 im Durchschnitt
  • 1
  • 2
  • 3
  • 4
  • 5

Weather Elements HD - Version 5 - 2013

@dj zed
mit berlin und magadan (wo es schneit) funktionierts super, danke.
sonnig konnte ich nicht finden das mach ich morgen ... da find ich dann sicherlich etwas in afrika Biggrin
Zitieren

Schade, das es bei mir nicht geht. Habe das Theme mit dem iPhone 4s immer benutzt gehabt. War cool damals auch mit dem Scheibenwischer!
Zitieren

dann hattest du die version vom oldster? das weather elements 2012?
Zitieren

Ja, die hatte ich.
Zitieren

Das Theme läuft auch bei Dir - die Probleme mit der dB.html rühren von den mangelnden Dateirechten. Die müssen per Hand verändert werden. Wie ich schon schrieb, ich erkläre es später noch mal genauer.

Das Theme von Oldster, es läuft. Wenn Du es installierst, dann wird es nur nicht bildschirmfüllend dargestellt.
Wenn Du es testen willst, musst Du am Ende der Lockbackground.html das Script von hell7 einfügen und zwar zwischen
</div> und <body>


Zitat:<script>
var width = window.innerWidth;
if(width == 375){
viewport = document.querySelector("meta[name=viewport]");
viewport.setAttribute('content', 'width=device-width, initial-scale=1.18, maximum-scale=1.18, user-scalable=0');
}
else if(width == 414 ){
viewport = document.querySelector("meta[name=viewport]");
viewport.setAttribute('content', 'width=device-width, initial-scale=1.3, maximum-scale=1.3, user-scalable=0');
}
else{}
</script>

Damit wird skaliert, das funktioniert auch bei "unserem" WE.

CU
Zed

 iPhone 12 Pro Max @iOS 16.5.1  iMac 27" 3.2 GHz  Macbook Pro 13.3" 
Zitieren

Alt:
[Bild: 20251088sh.jpg] [Bild: 20251113ik.jpg]

mit den neuen Animationen von Zed:
[Bild: 20251130yu.jpg]

Ich habe folgende Dinge festgestellt: Wenn ich das iPhone ausgeschaltet habe und dann wieder einschalte muss ich die Rechte vom var-Ordner neu vergeben, sonst kann ich keine Eingaben unter dem WE-Icon auf dem Springboard tätigen. Da kommt die Fehlermeldung, dass es sich um eine lokale Datei handelt. Nach Änderung der Rechte geht alles wieder normal. Die Rechte des var-Ordners werden nicht gespeichert.

Nach Neustart gehen die Animationen fortlaufend, aber sobald ich einmal entsperrt habe und dann wieder auf den Lockscreen gehe werden keine Animationen mehr ausgeführt. Ich muss einen Respring tätigen, dann gehen die Animationen wieder bis zum entsperren.
Zitieren

Der Versatz der Animation dürfte auf die Größe des 6 + zurückzuführen sein. Ausprobieren: Im Ordner "Animations" im Unterordner "Clouds" in der FClouds.css den Wert "height: 361px," erhöhen. Probier mal.

Vermutlich müssten für das 6+ alle Animationen angepasst werden.

CU
Zed

 iPhone 12 Pro Max @iOS 16.5.1  iMac 27" 3.2 GHz  Macbook Pro 13.3" 
Zitieren

@dj zed

[Bild: vat1nchlqnm.png]




Klappt auch nicht. Meine LockBackground.html sieht jetzt so aus, aber es ist kein Ort, keine Animation und keine Temperatur zu sehen:


Code:
<!DOCTYPE html>
<html>
<head>
<base href="Private/"/>
<meta name="viewport" content="width=320, height=568, initial-scale=1, maximum-scale=1, user-scalable=no">

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
<style>
body {
        background-color: none;
        margin: 0;
        padding: 0 0 0 0;
        height: 568px;
        width: 320px;
}
.info div {
        background-color: transparent;
        padding: 0 0 0 0;
}
#status {
        position: absolute;
        top: 1166px;
        width: 320px;
        color: white;
        text-align: center;
        font-family:Helvetica;
        font-size:15px;
        font-weight:bold;
        text-shadow: 0px 1px 0px black;
}
#weatherIcon {
        height:568px;
        width:320px;
        border:none;
        float: center;
        margin-top:0px;
        margin-right:auto;
}
#fading {
        height:568px;
        width:320px;
        border:none;
        float: center;
        margin-top:0px;
        margin-right:auto;
}

</style>
<link rel="stylesheet" type="text/css" href="Stylesheets/basic.css" />
<script type="text/javascript" src="scripts/jquery.js"></script>
<script type="text/javascript" src="scripts/json2.js"></script>
<script type="text/javascript" src="scripts/translations.js"></script>
<script type="text/javascript" src="scripts/Wallpaper.js"></script>
<script type="text/javascript" src="scripts/Weather.js"></script>
<script type="text/javascript">
                $(document).ready(function(){
getLocationData(checkMinAgo);
                });
</script>

</head>
<body>

<div id="textDay" style="display:block;position:absolute;top:99px;left:10px,;width:160px;text-align:right;z-index:10"></div>
<span id="textDate" style="position:absolute;top:99px;left:0px,;width:415px;text-align:center;z-index:10"></span>

<center>
<div id="img3" style="display:block;position: absolute; top: 0px; left: 0px; width: 320px; height: 480px;"><img style="display:block;" id="background" src="images/bottomcall.png" border=0></div>
<div id="img1" style="display:block;position: absolute; top: 0px; left: 0px; width: 320px; height: 480px;"><img style="display:none;" id="fading" src="" border=0></div>
<div id="icon" style="display:block;position: absolute; top: 0px; left: 0px; width: 320px; height: 480px;"><img style="display:none" id="weatherIcon" src="" border="0"/></div>
<div id="img2" style="display:block;position: absolute; top: 0px; left: 60px; width: 200px; height: 200px;"><img style="display:block;" id="fadingSunMoon" src="" border=0></div>

<div id="iframeDiv" style="position: absolute; top: 0px; left: 0px; width: 320px; height: 480px;"><iframe id="animationFrame" src="" width="320" height="480" scrolling="no" frameborder="0" marginwidth="0" marginheight="0" allowtransparency="true"></iframe>
</div>
</center>
<div id="WeatherContainer">
<div id="TextContainer">
  <p style="display:none;position: absolute; top: 340px;left:0px;width: 310px;text-align: right;text-shadow: 0px 2px 2px black;font-size:1.5em;" id="temp"></p>
  <p style="display:none;-webkit-transform:rotate(90deg); -webkit-transform-origin: 0% 100%; height:30px;position: absolute; top:10px;left:10px; width:285px; text-align: center;text-shadow: 0px 2px 2px black;font-size:2em" id="cityVertical"></p>
  <p style="display:none;position: absolute; top: 120px;left:65px; width:190px; vertical-align: bottom; text-align: center;text-shadow: 0px 2px 2px black;font-size:2em;" id="cityHorizontal"></p>
  <p style="display:none;position: absolute; top: 415px;left:50px;width: 220px;text-align: center;text-shadow: 0px 2px 2px black;font-size:1.0em;" id="desc"></p>
  <p style="display:none;position: absolute; top: 427px;left:60px;width: 200px;text-align: center;" id="slice"></p>
  <p style="display:none;position: absolute; top: 444px;left:60px;width: 200px;text-align: center;color: white;text-shadow: 0px 2px 2px black;font-size:0.7em;" id="minago"></p>
  <p style="position: absolute; top: 427px; left:230px; width:70px; height:50px;" onClick="getWeather();"><img style="margin-right:0px; margin-top:0px;" src="images/view-refresh.png" border="0"/></p>
  <p style="display:none;position: absolute; top: 460px;left:0px;width: 316px;text-align: center;text-shadow: 0px 2px 2px black;font-size:0.7em;" id="alltemp"></p>
  <p id="rightarrow" style="display:none; position: absolute; top: 270px; left: 0px; width: 150px; height: 150px;" onClick="moreInfo();"><img style="margin-right:100px; margin-top:110px;" id="forecastarrowright" src="images/grey_arrow_right.png" border="0"/> </p>
  <p id="leftarrow" style="display:none; position: absolute; top: 270px; left: 165px; width: 150px; height: 150px;" onClick="forecastTemp();"><img style="margin-right:15px; margin-top:110px;" id="forecastarrowleft" src="images/grey_arrow_left.png" border="0"/></p>

<div id="forecastdiv" style="display:none">
    <p style="position: absolute; top: 0px;left:0px;width: 320px;text-align: center;" id="forecast"><img style="position: absolute; top: 0px; left: 0px; width: 320px; height: 568px;" border=0 src="images/translucent.png"></p>
    <p id="leftarrow" style="display:none; position: absolute; top: 270px; left: 165px; width: 150px; height: 150px;" onClick="forecastTemp();"><img style="margin-right:15px; margin-top:110px" id="forecastarrowleft" src="images/grey_arrow_left.png" border="0"/></p>
    <p style="position: absolute; top: 155px;left:5px;width: 100px;height: 100px;border: solid;border-width: thin;text-align: center;" id="iconday1" class="iconday"></p>
    <p style="position: absolute; top: 155px;left:110px;width: 100px;height: 100px;border: solid;border-width: thin;text-align: center;" id="iconday2" class="iconday"></p>
    <p style="position: absolute; top: 155px;left:215px;width: 100px;height: 100px;border: solid;border-width: thin;text-align: center;" id="iconday3" class="iconday"></p>
    <p style="position: absolute; top: 260px;left:5px;width: 100px;height: 100px;border: solid;border-width: thin;text-align: center;" id="iconday4" class="iconday"></p>
    <p style="position: absolute; top: 260px;left:110px;width: 100px;height: 100px;border: solid;border-width: thin;text-align: center;" id="iconday5" class="iconday"></p>
    <p style="position: absolute; top: 260px;left:215px;width: 100px;height: 100px;border: solid;border-width: thin;text-align: center;" id="iconday6" class="iconday"></p>
    <p style="position: absolute; top: 231px;left:5px;width: 100px;text-align: center;" id="day1"></p>
    <p style="position: absolute; top: 231px;left:110px;width: 100px;text-align: center;" id="day2"></p>
    <p style="position: absolute; top: 231px;left:215px;width: 100px;text-align: center;" id="day3"></p>
    <p style="position: absolute; top: 332px;left:5px;width: 100px;text-align: center;" id="day4"></p>
    <p style="position: absolute; top: 332px;left:110px;width: 100px;text-align: center;" id="day5"></p>
    <p style="position: absolute; top: 332px;left:215px;width: 100px;text-align: center;" id="day6"></p>
    <p style="position: absolute; top: 155px;left:9px;width: 100px;text-align: left;color: white;text-shadow: 0px 1.5px 0px black;font-size:0.7em;" id="daycode1"></p>
    <p style="position: absolute; top: 155px;left:114px;width: 100px;text-align: left;color: white;text-shadow: 0px 1.5px 0px black;font-size:0.7em;" id="daycode2"></p>
    <p style="position: absolute; top: 155px;left:219px;width: 100px;text-align: left;color: white;text-shadow: 0px 1.5px 0px black;font-size:0.7em;" id="daycode3"></p>
    <p style="position: absolute; top: 260px;left:9px;width: 100px;text-align: left;color: white;text-shadow: 0px 1.5px 0px black;font-size:0.7em;" id="daycode4"></p>
    <p style="position: absolute; top: 260px;left:114px;width: 100px;text-align: left;color: white;text-shadow: 0px 1.5px 0px black;font-size:0.7em;" id="daycode5"></p>
    <p style="position: absolute; top: 260px;left:219px;width: 100px;text-align: left;color: white;text-shadow: 0px 1.5px 0px black;font-size:0.7em;" id="daycode6"></p>
    <p style="position: absolute; top: 397px;left:9px;width: 301px;text-align: center;color: white;text-shadow: 0px 2px 2px black;font-size:1.0em;" id="forecaststr"></p>
    <p style="position: absolute; top: 409px;left:0px;width: 320px;text-align: center;" id="slice2"><img src="images/slice.png" border=0></p>
    <p style="position: absolute; top: 430px;left:15px;width: 290px;text-align: center;color: white;text-shadow: 0px 2px 2px black;font-size:0.7em;" id="forecastDetail"></p>
    <p style="display:none;position: absolute; top: 445px;left:0px;width: 316px;text-align: center;text-shadow: 0px 2px 2px black;font-size:0.7em;" id="alltemp"></p>

  </div>
  <div id="moreinfodiv" style="display:none">
    <p style="position: absolute; top: 0px;left:0px;width: 320px;text-align: center;" id="forecast"><img style="position: absolute; top: 0px; left: 0px; width: 320px; height: 568px;" border=0 src="images/translucent.png"></p>
    <p style="position: absolute; left: 10px; top: 155px;width: 200px;text-align: left;color: white;text-shadow: 0px 2px 2px black;font-size:0.7em;" id="sunrise"></p>
    <p style="position: absolute; left: 10px; top: 170px;width: 200px;text-align: left;color: white;text-shadow: 0px 2px 2px black;font-size:0.7em;" id="sunset"></p>
    <p style="position: absolute; left: 10px; top: 185px;width: 200px;text-align: left;color: white;text-shadow: 0px 2px 2px black;font-size:0.7em;" id="pressure"></p>
    <p style="position: absolute; left: 10px; top: 200px;width: 200px;text-align: left;color: white;text-shadow: 0px 2px 2px black;font-size:0.7em;" id="humidity"></p>
    <p style="position: absolute; left: 10px; top: 215px;width: 200px;text-align: left;color: white;text-shadow: 0px 2px 2px black;font-size:0.7em;" id="windspeed"></p>
    <p style="position: absolute; left: 10px; top: 230px;width: 200px;text-align: left;color: white;text-shadow: 0px 2px 2px black;font-size:0.7em;" id="visibility"></p>
    <p style="position: absolute; left: 10px; top: 245px;width: 200px;text-align: left;color: white;text-shadow: 0px 2px 2px black;font-size:0.7em;" id="dewpoint"></p>
    <p style="position: absolute; left: 10px; top: 425px;width: 320px;text-align: center;color: white;text-shadow: 0px 2px 2px black;font-size:0.7em;" id="observationLocation"></p>
    <p style="position: absolute; left: 0px; top: 441px;width: 320px;text-align: center;color: white;text-shadow: 0px 2px 2px black;font-size:0.7em;" id="observationTime"></p>
    <p style="position: absolute; left: 180px; top: 285px;width: 100px;text-align: center;color: white;text-shadow: 0px 2px 2px black;font-size:0.7em;" id="moonPhase"><img width="100px" src="" id="moonPhaseImg" border=0></p>
    <p style="position: absolute; left: 180px; top: 160px;width: 100px; height=100;" id="compass"><img src="images/compass.png" width:"105px"; height="105px"/></p>
    <p style="position: absolute; left: 180px; top: 160px;width: 100px; height=100; display:none" id="compasshand"><img src="images/compasshand.png" width:"105px"; height="105px"/></p>
    <p id="rightarrow" style="display:none; position: absolute; top: 270px; left: 0px; width: 150px; height: 150px;" onClick="moreInfo();"><img style="margin-right:100px; margin-top:110px" id="forecastarrowright" src="images/grey_arrow_right.png" border="0"/> </p>
  </div>
</div>

<script>
var width = window.innerWidth;
if(width == 375){
viewport = document.querySelector("meta[name=viewport]");
viewport.setAttribute('content', 'width=device-width, initial-scale=1.18, maximum-scale=1.18, user-scalable=0');
}
else if(width == 414 ){
viewport = document.querySelector("meta[name=viewport]");
viewport.setAttribute('content', 'width=device-width, initial-scale=1.3, maximum-scale=1.3, user-scalable=0');
}
else{}
</script>

<script>
var width = window.innerWidth;
if(width == 375){
viewport = document.querySelector("meta[name=viewport]");
viewport.setAttribute('content', 'width=device-width, initial-scale=1.18, maximum-scale=1.18, user-scalable=0');
}
else if(width == 414 ){
viewport = document.querySelector("meta[name=viewport]");
viewport.setAttribute('content', 'width=device-width, initial-scale=1.3, maximum-scale=1.3, user-scalable=0');
}
else{}
</script>

</body>
</html>
Zitieren

Du hast das Script 2 mal drin. Weiss nicht ob das ne Rolle spielt.
Zitieren

Das war dann ein Missverständnis. Das Script war für das Oldster-Theme gedacht. Bei WE ist es schon drin.

Dass das Thema nicht läuft, liegt ausschließlich an den Rechten im Dateisystem. Diese müssen via File in einigen Ordnern beziehungsweise Dateien abgeändert werden: Ordner WebClips navigieren:

[Bild: 20252531pr.jpg]

Dann auf das "!" tippen, so dass sich die Ordnereigenschaften öffnen.

[Bild: 20252479ud.jpg]

Jetzt können die Berechtigungen geändert werden. Eigentümer / Gruppe jeweils auf "mobile" setzen, eins weiter unten die Zugriffsrechte in allen 3 Kategorien auf "lesen schreiben ausführen" ändern. Das muss für alle Dateien und Ordner bzw. Unterordner im Ordner "WeatherElements.webclip" geändert werden:
  • db.html
  • Ordner Storage
  • Ordner file__0
  • Databases.db

Wenn sich nach einem Respring oder Reboot die Eingaben iim Setup über den Homescreen mmer noch nicht machen lassen, dann dieselbe Prodezdur auch für den Ordner var/mobile/library anwenden.

Es geht. Definitiv.

So, besser kann man es wohl nicht erklären.

CU
Zed

 iPhone 12 Pro Max @iOS 16.5.1  iMac 27" 3.2 GHz  Macbook Pro 13.3" 
Zitieren

@dj zed

Sieht besser aus jetzt! Danke. Aber schau mal:


[Bild: 9o5i3dm9ze7.png]
Zitieren

Hast du das Script da mit eingefügt? Das sollte es aufblasen.
Die Grafiken sind ja vom 5er. Sollte auch gehen, wenn du die Grafiken vom 6er in den Grassy Hills Ordner kopierst?
Zitieren

Auf die Schnelle:

Nimm mal die lockbackground.html

 iPhone 12 Pro Max @iOS 16.5.1  iMac 27" 3.2 GHz  Macbook Pro 13.3" 
Zitieren

@dj zed
Fast PERFEKT!

Aber schau mal, die unterste Zeile:


[Bild: 45zlt27ac9hb.png]
Zitieren

Das liegt am Font.

In der Lockbackground gibts nen Eintrag für minago. Dort änderste entweder die Schriftgrösse oder die Position.
Zitieren

Oh Mann. Schwere Geburt ?. Aber ich sagte ja es wird funktionieren.

Zur letzten Kleinigkeit:

Zitat: <p style="display:none;position: absolute; top: 444px;left:60px;width: 200px;text-align: center;color: white;text-shadow: 0px 2px 2px black;font-size:0.7em;" id="minago"></p>

Wenn man die Werte left veringert und width erhöht, geht's.

CU
Zed

 iPhone 12 Pro Max @iOS 16.5.1  iMac 27" 3.2 GHz  Macbook Pro 13.3" 
Zitieren

Jemand eine Ahnung welcher Vorgang die "True Animationen" unterbinden könnte, sodass nur bei einem Respring die Animationen gestartet werden?
Zitieren

Jetzt passt alles! Vielen Dank! Das beste Weather Theme der Welt hat wieder nach Hause gefunden! Biggrin

Kann man die beiden Pfeile (links und rechts) deaktivieren? Vorschauwetter der nächsten Tage brauche ich eigentlich nicht unbedingt.
Zitieren

deaktivieren nicht, aber mit transparenten grafiken ersetzen. dann bleibt die funktion erhalten.
ist diese auch nicht gewünscht musst du wahrscheinlich folgende einträge aus der lockbackground entfernen oder auskommentieren.

Code:
<p id="rightarrow" style="display:none; position: absolute; top: 270px; left: 0px; width: 150px; height: 150px;" onClick="moreInfo();"><img style="margin-right:100px; margin-top:110px;" id="forecastarrowright" src="images/grey_arrow_right.png" border="0"/> </p>
  <p id="leftarrow" style="display:none; position: absolute; top: 270px; left: 165px; width: 150px; height: 150px;" onClick="forecastTemp();"><img style="margin-right:15px; margin-top:110px;" id="forecastarrowleft" src="images/grey_arrow_left.png" border="0"/></p>
Zitieren

@ceibaer

Genau das hat funktioniert! Hab vielen Dank!!!
Zitieren


Möglicherweise verwandte Themen…
Thema / Verfasser Antworten Ansichten Letzter Beitrag
Letzter Beitrag von Portier1
23.01.2015, 11:58



Benutzer, die gerade dieses Thema anschauen: 6 Gast/Gäste