Das iTheming Basic Theme ist fertig

    Diese Seite verwendet Cookies. Durch die Nutzung unserer Seite erklären Sie sich damit einverstanden, dass wir Cookies setzen. Weitere Informationen

    • Das iTheming Basic Theme ist fertig



      Was soll ich viel dazu schreiben, ausser:
      Theme laden - pdf Datei lesen - und viele Themes erstellen ;)

      mediafire.com/?h4gci0mjhx6717v

      Gruß oldster

      - - - Aktualisiert - - -

      Fragen, Anregungen, Kritik.....alles hier rein. Hier gibt es die neuen Downloads mit geänderter yahoo geo Api. itheming.de/showthread.php/178…4303&viewfull=1#post64303

      Dieser Beitrag wurde bereits 2 mal editiert, zuletzt von broodwar ()

    • Die Anleitung ist für mich sehr verständlich.

      Die Tücke steckt ja immer im Detail. Ich arbeite nach dem Prinzip "try and error". Man muss ja auch nicht immer jede Kleinigkeit sofort am iPhone kontrollieren. Die Änderungen schaue ich mir zunächst im Browser an, der Feinschliff kommt dann später, wenn es auf dem iPhone ist. Vielleicht etwas umständlich, aber funktioniert.

      Mal sehen, was mir noch einfällt. Ich möchte es allerdings nicht überladen, denn ich mag es nicht, wenn alles so voll gepfropft ist. Irgendetwas muss noch mit der Vorschau geschehen; ist mir allerdings noch nicht klar was. Ich muss erst einmal heraus finden, die Icons etwas kleiner zu machen, aber das wird schon.

      P.S.: der Hintergrund ist übrigens statisch; ist mein LockBackground (Einstellungen --> Hintergrundbild --> Sperrbildschirm). Dann habe ich den Layer eingebaut und die style.css angepasst.

      Dieser Beitrag wurde bereits 1 mal editiert, zuletzt von ruedi04 ()

    • oldster schrieb:

      Hey ruedi, nimm sofort den Layer raus :mad: . Ich habe doch gar nicht verraten wie das geht. :lol:


      Hallo Wilfried,
      bist du so nett und erklärst uns noch was in der theme.js eingetragen werden muß um die weather_wall erfolgriech aufzurufen!

      Die Werte der theme.js aus deinem Theme Baukasten funktionieren in der neuen theme.js nicht oder ich hab die an der falschen Stelle.

      Danke Gruß Uwe
    • ruedi04 schrieb:

      Irgendetwas muss noch mit der Vorschau geschehen; ist mir allerdings noch nicht klar was. Ich muss erst einmal heraus finden, die Icons etwas kleiner zu machen, aber das wird schon.



      Die Icon-Größe änderst Du in der html Datei.

      Quellcode

      1. <img id="TodayCode" src="icon/WEATHERALERT.png" [COLOR='#FF0000']width="60" [/COLOR]/>





      Mobil von meinem Notebook gesendet.
    • uhoffi schrieb:

      Hallo Wilfried,
      bist du so nett und erklärst uns noch was in der theme.js eingetragen werden muß um die weather_wall erfolgriech aufzurufen!

      Die Werte der theme.js aus deinem Theme Baukasten funktionieren in der neuen theme.js nicht oder ich hab die an der falschen Stelle.

      Danke Gruß Uwe


      So wird's gemacht ;)

      Den Ordner wall_icons in das Theme Verzeichnis kopieren und danach die 3 Schritte meiner Anleitung ausführen.
      1. style.css - Folgenden TAG hinzufügen

      Quellcode

      1. #weather_wall { /* weather background position */
      2. position:absolute;
      3. top:0px;
      4. left:0px;
      5. width:320px;
      6. z-index:5;
      7. }

      2. LockBackground.html -

      Quellcode

      1. <body>
      2. <!-- Background -->
      3. <img src="image/yourowniphone.jpg" style="position:absolute; top:0px; left:0px; width:320px; z-index:-10;" />
      4. [COLOR=#FF0000]<img id="weather_wall" src="wall_icons/3200d.jpg" alt="Weather_Wall" />[/COLOR]
      5. <div id="status">status</div>

      Einfügen
      3. theme.js -

      Quellcode

      1. function updateDisplay() {
      2. document.getElementById("status").innerHTML = "updateDisplay";
      3. ....
      4. [COLOR=#FF0000]var hours = new Date().getHours();
      5. var time_to_change_wall = hours;
      6. h2 = obj.sunrise.split(" ");
      7. h3 = h2[0].split(":")[0];
      8. h4 = h2[0].split(":")[1];
      9. var dayhour = h3;
      10. h2 = obj.sunset.split(" ");
      11. h3 = h2[0].split(":")[0]*1+12;
      12. h4 = h2[0].split(":")[1];
      13. var nighthour = h3;
      14. if ((time_to_change_wall < dayhour) || (time_to_change_wall > nighthour)) {
      15. document.getElementById("weather_wall").src="wall_icons/"+obj.icon+"n.jpg";
      16. } else {
      17. document.getElementById("weather_wall").src="wall_icons/"+obj.icon+"d.jpg";
      18. }[/COLOR]
      19. }
      Alles anzeigen

      Einfügen

      Fertig. ;)

      Dieser Beitrag wurde bereits 1 mal editiert, zuletzt von broodwar ()

    • broodwar schrieb:

      So unser aller liebster Wilfried ... hehe


      Alles ging, bis auf die Uhr. Da weiß nicht weiter. Bekomme die nicht weit genug auseinander.
      Hatte mir andere HTC Themes angeschaut, nur bei dem KuddelMuddel traute ich nicht da ran zu gehen.


      Dafür musst Du Stunden und Minuten trennen.

      1. style.css - 2 neue TAG'S und einen ändern.

      #hours {
      Mit deinen Werten füllen
      }

      #mins {
      Mit deinen Werten füllen
      }

      #clock {display:none;

      2. LockBackground.htm

      <div id="clock">clock</div>
      <div id="hours">00</div>
      <div id="mins">00</div>


      Einfügen

      2. theme.js

      Quellcode

      1. setInterval( function time() {
      2. document.getElementById("status").innerHTML = "function time";
      3. ...
      4. mins = ( mins < 10 ? "0" : "" ) + mins;
      5. hours = ( hours < 10 ? "0" : "" ) + hours;
      6. if(hour24) [COLOR=#FF0000]{
      7. // [/COLOR] document.getElementById("clock").innerHTML= hours + ":" + mins ;
      8. [COLOR=#FF0000]document.getElementById("hours").innerHTML= hours;
      9. document.getElementById("mins").innerHTML= mins ;
      10. }[/COLOR]
      11. else {
      12. am_pm = ( hours < 12 ) ? "AM" : "PM";
      13. hours = ( hours > 12 ) ? hours - 12 : hours;
      14. hours = ( hours == 0 ) ? 12 : hours;
      15. [COLOR=#FF0000]//[/COLOR] document.getElementById('clock').innerHTML = hours + ":" + mins + "<font size='2'>" + am_pm + "</font>";
      16. [COLOR=#FF0000]document.getElementById("hours").innerHTML= hours;
      17. document.getElementById("mins").innerHTML= mins + "<font size='2'>" + am_pm + "</font>";[/COLOR]
      18. }
      Alles anzeigen

      Einfügen

      Dieser Beitrag wurde bereits 1 mal editiert, zuletzt von broodwar ()