Login

rambo0185 · 29.11.2014, 03:08

@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

barnyblack · 29.11.2014, 11:56

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

ceibaer · 29.11.2014, 11:58

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

barnyblack · 29.11.2014, 12:06

Ja, die hatte ich.

Big Duke · 29.11.2014, 12:38

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

DerKonsul · (Dieser Beitrag wurde zuletzt bearbeitet: 29.11.2014, 15:51 von Chris.)

Alt:

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.

Big Duke · (Dieser Beitrag wurde zuletzt bearbeitet: 29.11.2014, 13:06 von Big Duke.)

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

barnyblack · 29.11.2014, 15:36

@dj zed

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>

ceibaer · 29.11.2014, 15:49

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

Big Duke · 29.11.2014, 16:19

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

barnyblack · 29.11.2014, 16:54

@dj zed

Sieht besser aus jetzt! Danke. Aber schau mal:

[Bild: 9o5i3dm9ze7.png]

ceibaer · 29.11.2014, 17:05

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?

Big Duke · 29.11.2014, 17:26

Auf die Schnelle:

Nimm mal die lockbackground.html

barnyblack · 29.11.2014, 17:51

@dj zed
Fast PERFEKT!

Aber schau mal, die unterste Zeile:

[Bild: 45zlt27ac9hb.png]

ceibaer · 29.11.2014, 17:59

Das liegt am Font.

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

Big Duke · 29.11.2014, 18:26

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

DerKonsul · 29.11.2014, 19:28

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

barnyblack · 29.11.2014, 20:17

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.

ceibaer · 29.11.2014, 21:17

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>

barnyblack · 29.11.2014, 22:07

@ceibaer

Genau das hat funktioniert! Hab vielen Dank!!!

Login
Benutzername:
Passwort:	Passwort vergessen?
	Merken