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

Zeigt her euren iPhone 5 Home/Lockscreen

Lade gleich script hoch
Zitieren

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
Zitieren

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
Zitieren

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

besser so iphone 5s
Zitieren

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??
Zitieren

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

Zurzeit zwei sachen nexus und bubble
Zitieren

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.
Zitieren

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

(11.03.2013, 21:00)Warrior schrieb:  [Bild: 78247643801258872717.jpg] [Bild: 77787086374578373438.jpg]

Geiler LS Smiley
Zitieren

@Djnoxx

LivePaprr beeinflusst den Akku im Gegensatz zu anderen tweaksgleicu Null Smiley man merkt bei dem iPhone 5 keinen Unterschied...
Zitieren

Oke das klimgt gut
Zitieren

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]
Zitieren

Haste mir mal skript
Zitieren

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>

Keiner weint dir eine Träne nach. Kinder ohne Werdegang. Wir greifen einmal nach den Sternen und sterben dann!
Zitieren

Mein aktueller Homescreen
   
Zitieren

Und meiner:
   
Zitieren

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.
Zitieren

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


Möglicherweise verwandte Themen…
Thema / Verfasser Antworten Ansichten Letzter Beitrag



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