13.03.2013, 19:21
Lade gleich script hoch
Zeigt her euren iPhone 5 Home/Lockscreen
13.03.2013, 20:08
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
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
13.03.2013, 20:57
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??
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??
13.03.2013, 21:50
Kann da LivePapers empfehlen (gratis und mit pro Erweiterungen (kosten je 0.99$)) 
13.03.2013, 22:36
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.
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.
14.03.2013, 06:19
ich würde sowieso solche animirte hintergründe lassen weisest du wie schnell der akku unten ist
![[Bild: 78247643801258872717.jpg]](https://iszene.com/uploads/78247643801258872717.jpg)
![[Bild: 77787086374578373438.jpg]](https://iszene.com/uploads/77787086374578373438.jpg)
15.03.2013, 21:06
@Djnoxx
LivePaprr beeinflusst den Akku im Gegensatz zu anderen tweaksgleicu Null
man merkt bei dem iPhone 5 keinen Unterschied...
LivePaprr beeinflusst den Akku im Gegensatz zu anderen tweaksgleicu Null
man merkt bei dem iPhone 5 keinen Unterschied...
19.03.2013, 15:41
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]](http://s14.directupload.net/images/130319/c7x9bym5.png)
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.
19.03.2013, 17:41
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!
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.
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.
20.03.2013, 09:12
@takyi-fan Wie hast du deine Notification (WhatsAppSymbol z.B.) farbig hinbekommen?
Möglicherweise verwandte Themen…
Thema / Verfasser
Antworten
Ansichten
Letzter Beitrag
Benutzer, die gerade dieses Thema anschauen: 6 Gast/Gäste