Apple iPhone Forum und Community

Seiten: 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78

Lade gleich script hoch

Mal ne frage :-)

Wie bekomme ich denn diese Anzeige mit Datum und Wetter auf mein Home Bildschirm ?

Könnt ihr mir was empfehlen ? Sollte am besten kostenlos sein :-D

Code:
<html>

<head>

        <title>Motivational Lockscreen</title>

        <style type="text/css">

                @font-face {

                        font-family: 'SixCapsRegular';

                        src: url('SixCaps-webfont.woff') format('woff');

                        font-weight: normal;

                        font-style: normal;

                }

                * {

                        margin: 0;

                        padding: 0;

                }

                body {

                        background-image: url('bg.jpg');

                        background-size: 100%;

                }

                #motivation {

                        margin: 60px 0 0 0;

                }

                .motivation-holder {

                        width: 200px;

                        margin: auto;

                        text-align: center;

                }

                div.small-text {

                    text-align: center;

                }

                hr {

                        height: 2px;

                        border: none;

                        width: 100%;

                        background-color: #00cc33;

                }

                p {

                        overflow: hidden;

                        text-align: center;

                }

                p:before, p:after {

                        background-color: #0000ff;

                        content: "";

                        display: inline-block;

                        height: 2px;

                        position: relative;

                        vertical-align: middle;

                        width: 50%;

                        margin: -2px 0 0 0;

                }

                p:before {

                        right: 0.5em;

                        margin-left: -50%;

                }

                p:after {

                        left: 0.5em;

                        margin-right: -50%;

                }

                p {

                        font-family: Helvetica, sans-serif;

                        font-weight: 600;

                        font-size: 14px;

                        color: #00cc33;

                        text-transform: uppercase;

                }

                h1 {

                        font-family: 'SixCapsRegular', sans-serif;

                        font-size: 90px;

                        font-weight: 100;

                        color: #ff3300;

                        text-transform: uppercase;

                        margin: -8px 0 -2px 0;

                }

        </style>

        <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no, maximum-scale=1.0">

</head>

<body id="body">

        <div id="motivation">

                <div class="motivation-holder">

                        <div class="small-text">

                                <p>Hey, Es Ist</p>

                        </div>

                        <div class="big-text">

                                <h1><span id="literal-day"></span></h1>

                        </div>

                        <div class="small-text">

                                <p><span id="month-text"></span></p>

                        </div>

                        <div class="big-text">

                                <h1><span id="month"></span></h1>

                        </div>

                        <div class="small-text">

                                <p>Um</p>

                        </div>

                        <div class="big-text">

                                <h1><span id="time"></span></h1>

                        </div>

                        <div class="small-text">

                                <p><span id="am-pm"></span</p>

                        </div

                </div>

        </div>

        <script type="text/javascript">

                String.prototype.format = function() {

                        var formatted = this;

                        for (var i = 0; i < arguments.length; i++) {

                                var regexp = new RegExp('\\{'+i+'\\}', 'gi');

                                formatted = formatted.replace(regexp, arguments[i]);

                        }

                        return formatted;

                };

                function calculateTime() {

                        var Make_It_12_Hour = true;

                        var currentTime = new Date();

                        var hours = currentTime.getHours();

                        var minutes = currentTime.getMinutes();

                        var ampm = (hours >= 24) ? "" : "";

                        if (Make_It_12_Hour) {

                                hours = hours % 24;

                                hours = hours ? hours : 24;

                                minutes = minutes < 10 ? "0" + minutes : minutes;

                        } else {

                                if (minutes < 10) { minutes = "0" + minutes; }

                                if (hours < 10) { hours = "0" + hours; }

                        }

                        document.getElementById("time").innerText = "{0}:{1}".format(hours, minutes);

                        document.getElementById("am-pm").innerText = ampm;

                }

                function calculateDate() {

                        var months = new Array("Januar", "Februar", "Maerz", "April", "Mai", "Juni", "July", "August", "September", "October", "November", "December");

                        var days = new Array("Sonntag", "Montag", "Dinstag", "Mittwoch", "Donnerstag", "Freitag", "Samstag");

                        var currentTime = new Date();

                        var day = currentTime.getDate().toString();

                        var month = months[currentTime.getMonth()];

                        var literalDay = days[currentTime.getDay()];

                        var dayInd = (day.length >= 2) ? day.substring(day.length - 1) : day;

                        var ending = "";

                        switch (dayInd) {

                                case "1":

                                        ending = (day == "11") ? "th" : "st";

                                        break;

                                case "2":

                                        ending = (day == "12") ? "th" : "nd";

                                        break;

                                case "3":

                                        ending = (day == "13") ? "th" : "rd";

                                        break;

                                default:

                                        ending = "th";

                                        break;

                        }

                        document.getElementById("month").innerText = month;

                        document.getElementById("month-text").innerText = "der {0} ".format(day) + ".";

                        document.getElementById("literal-day").innerText = literalDay;

                }

                //if you've found this on another repo than http://patrickmuff.ch/repo/ then it was stolen by some idiots who don't even bother reading the code they steal.    

                calculateTime();

                calculateDate();

                setInterval(calculateTime, 1000);

                setInterval(calculateDate, 2000);

        </script>

</body>

</html>

das ist jetzt die richtige mit 24 und unten ohne abend und moregs

@Djnoxx Hättest das auch einfach in einem Textdokument hochladen können.

besser so iphone 5s

Also diese Stilleben , naja. Hat den noch keiner einen Tip, woher man bewegende Lock u. Homescreen Hintergrunde bekommt.
vWallpaper2 war für iOS5xx optimal. Nun bei iOS6xx kann man es installieren und es funzt auch, aber das "EI" geht nicht mehr in den Standby.
Jemad eine Idee??

Kann da LivePapers empfehlen (gratis und mit pro Erweiterungen (kosten je 0.99$)) Biggrin

Zurzeit zwei sachen nexus und bubble

Nunja, habe LivePaper gezogen und Nexus dazu gekauft.
Ist mit vWallpaper jedoch nicht zu vergleichen , Da kann man in den Lockscreen zB die Weltkugel drehend komplett einsetzen. In den Homscreen kann man dann das Meer einsetzen mit sehr realistischen Wellen die an den Strand kommen.

Aber wie gesagt, leider geht das "EI" dann nicht mehr in den Standby.

ich würde sowieso solche animirte hintergründe lassen weisest du wie schnell der akku unten ist

(11.03.2013, 21:00)Warrior schrieb: [ -> ]

Geiler LS

@Djnoxx

LivePaprr beeinflusst den Akku im Gegensatz zu anderen tweaksgleicu Null Smiley

man merkt bei dem iPhone 5 keinen Unterschied...

Oke das klimgt gut

Hallo alle zusammen,

bei dem unten zu sehenden LS läuft meine Uhrzeit nicht, hat einer eine Idee was es sein kann. Die stellt sich erst richtig ein, sobald ich die Tastensperre raus und reinnehme.

[Bild: c7x9bym5.png]

Haste mir mal skript

Code:
<html>

<head>

        <title>Motivational Lockscreen</title>

        <style type="text/css">

                @font-face {

                        font-family: 'SixCapsRegular';

                        src: url('SixCaps-webfont.woff') format('woff');

                        font-weight: normal;

                        font-style: normal;

                }

                * {

                        margin: 0;

                        padding: 0;

                }

                body {

                        background-image: url('bg.jpg');

                        background-size: 100%;

                }

                #motivation {

                        margin: 60px 0 0 0;

                }

                .motivation-holder {

                        width: 200px;

                        margin: auto;

                        text-align: center;

                }

                div.small-text {

                    text-align: center;

                }

                hr {

                        height: 2px;

                        border: none;

                        width: 100%;

                        background-color: white;

                }

                p {

                        overflow: hidden;

                        text-align: center;

                }

                p:before, p:after {

                        background-color: #fff;

                        content: "";

                        display: inline-block;

                        height: 2px;

                        position: relative;

                        vertical-align: middle;

                        width: 50%;

                        margin: -2px 0 0 0;

                }

                p:before {

                        right: 0.5em;

                        margin-left: -50%;

                }

                p:after {

                        left: 0.5em;

                        margin-right: -50%;

                }

                p {

                        font-family: Helvetica, sans-serif;

                        font-weight: 600;

                        font-size: 14px;

                        color: white;

                        text-transform: uppercase;

                }

                h1 {

                        font-family: 'SixCapsRegular', sans-serif;

                        font-size: 90px;

                        font-weight: 100;

                        color: white;

                        text-transform: uppercase;

                        margin: -8px 0 -2px 0;

                }

        </style>

        <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no, maximum-scale=1.0">

</head>

<body id="body">

<br><br><br><br><br>

<br><br><br><br><br><br><br><br><br>

        <div id="motivation">

                <div class="motivation-holder">

                        <div class="small-text">

                                <p>es ist</p>

                        </div>

                        <div class="big-text">

                                <h1><span id="time"></span> Uhr</h1>

                        </div>

                        <div class="small-text">

                                <p><span id="am-pm"></span</p>

                        </div

                </div>

        </div>

        <script type="text/javascript">

                String.prototype.format = function() {

                        var formatted = this;

                        for (var i = 0; i < arguments.length; i++) {

                                var regexp = new RegExp('\\{'+i+'\\}', 'gi');

                                formatted = formatted.replace(regexp, arguments[i]);

                        }

                        return formatted;

                };

                function calculateTime() {

                        var Make_It_12_Hour = false;

                        var currentTime = new Date();

                        var hours = currentTime.getHours();

                        var minutes = currentTime.getMinutes();

                        var ampm = (hours >= 12) ? "Hikmet & Evin" : "Hikmet & Evin";

                        if (Make_It_12_Hour) {

                                hours = hours % 12;

                                hours = hours ? hours : 12;

                                minutes = minutes < 10 ? "0" + minutes : minutes;

                        } else {

                                if (minutes < 10) { minutes = "0" + minutes; }

                                if (hours < 10) { hours = "0" + hours; }

                        }

                        document.getElementById("time").innerText = "{0}:{1}".format(hours, minutes);

                        document.getElementById("am-pm").innerText = ampm;

                }

                function calculateDate() {

                        var months = new Array("january", "february", "Marz", "april", "may", "june", "july", "august", "september", "october", "november", "december");

                        var days = new Array("Sonntag", "Montag", "Dienstag", "mittwoch", "Donnerstag", "Freitag", "Samstag");

                        var currentTime = new Date();

                        var day = currentTime.getDate().toString();

                        var month = months[currentTime.getMonth()];

                        var literalDay = days[currentTime.getDay()];

                        var dayInd = (day.length >= 2) ? day.substring(day.length - 1) : day;

                        var ending = "";

                        switch (dayInd) {

                                case "1":

                                        ending = (day == "11") ? "." : ".";

                                        break;

                                case "2":

                                        ending = (day == "12") ? "." : ".";

                                        break;

                                case "3":

                                        ending = (day == "13") ? "." : ".";

                                        break;

                                default:

                                        ending = ".";

                                        break;

                        }

                        document.getElementById("month").innerText = month;

                        document.getElementById("month-text").innerText = "der {0}{1}".format(day, ending);

                        document.getElementById("literal-day").innerText = literalDay;

                }

                //if you've found this on another repo than http://patrickmuff.ch/repo/ then it was stolen by some idiots who don't even bother reading the code they steal.    

                calculateTime();

                calculateDate();

                setInterval(calculateTime, 1000);

                setInterval(calculateDate, 2000);

        </script>

</body>

</html>

Mein aktueller Homescreen
[attachment=27056]

Und meiner:
[attachment=27059]

Hier mal meiner:

Bekomme nur die Ansicht von einigen Icons nicht so hin wie es soll. Z b untere Reihe WhatsApp ect. liegt am Ambriel Theme inclusive den Alt Icons.

@takyi-fan Wie hast du deine Notification (WhatsAppSymbol z.B.) farbig hinbekommen? Biggrin

Djnoxx

Instrucktor

Djnoxx

Jodaun

Djnoxx

KKunze1959

Duffbeer96fc

Djnoxx

KKunze1959

Djnoxx

flasHQuik

Duffbeer96fc

Djnoxx

hikemt

Djnoxx

hikemt

Mr-Apple

takyi-fan

Captori

KycoZ