[ERLEDIGT] Schrift vergrössern bei userChrome.js - Script

MK204

Grüzi,
Ist es möglich die Schrift zu vegrössern bei diesem Script,
mit z.b. ( font-size, font-weight, font-family), kommt etwas
klein rüber bei meinem Bildschirm (16:10)

Code

/* :::::::: Anzeige Dokument / WoTag/ Dat / Uhrzeit ::::::::::::::: */


    function doDatUhr() {
      var days = ["Sonntag", "Montag", "Dienstag", "Mittwoch", "Donnerstag", "Freitag", "Samstag"];
      var months = ["Januar", "Februar", "März", "April", "Mai", "Juni", "Juli", "August", "September", "Oktober", "November", "Dezember"];
      window.setTimeout("try{doDatUhr()}catch(ex){}", 1000 );
      var D = new Date();
      var day = days[D.getDay()];
      var month = months[D.getMonth()];
      var year = D.getFullYear();
      var hour = D.getHours();
      var minute = D.getMinutes();
      var second = D.getSeconds();
      var date = day + ", " + (D.getDate() < 10 ? "0" +D.getDate() : D.getDate()) + ". " + month + " " +  year;           
      var time = (hour < 10 ? "0" +hour : hour) + ":" + (minute < 10 ? "0" +minute : minute) + ":" + (second < 10 ? "0" +second : second);
      var timestr = " ----- " + date + ", " + time+ " Uhr ----- ";   
      document.title = timestr;}
      doDatUhr();


    /* :::::::: END Anzeige Dokument / WoTag/ Dat / Uhrzeit ::::::::::::::: */

Alles anzeigen

pcinfarkt

Klar!
Du musst dir das Element /Sector dazu suchen, ansprechen und mit den entsprechenden css- Befehelen verändern. Das aber in der userChrome.css! Du lässt dir das Teil in der Menue-Toolbar anzeigen; ich kann dir nur die Ansprache bezogen auf meinen Schnipsel für die Statusbar nennen:

Code

#statusbar-clock-display

Solltest du das Element in der

Code

#toolbar-menubar

haben, dann wird die Ansprache vermutlich für Statusbar-Clock anderes ausfallen!

bugger

Die Schriftgröße zu ändern ist in deinem Fall zwar möglich, aber nicht mit einstellungen irgendwo im Firefox.
Da Du die Uhrzeit/Datum als Dokument Titel anzeigst wird das über die Windowseigenen mittel definiert wie groß die Schrift ist.
Also Deine einzige möglichkeit um dort die Schriftgröße zu ändern ist den dpi Wert von Windows zu ändern, was sich aber dann auf alle Programme auswirkt.

pcinfarkt

Zitat von bugger

- Die Schriftgröße zu ändern ist in deinem Fall zwar möglich, aber nicht mit einstellungen irgendwo im Firefox.
Da Du die Uhrzeit/Datum als Dokument Titel anzeigst wird das über die Windowseigenen mittel definiert wie groß die Schrift ist.

Das ist für den (in die Browseroberfläche) eingebundene userChrome.js- Schnipsel ohne Bedeutung. Bpsw. mit den Mitteln der Antwort #1 (fett + 12pt + Schriftfarbe):

MK204

Ich hab es doch anderst gemacht,
und zwar den Code etwas verändert und in die Statusleiste gepackt....
Neuer Code hierzu
.

Code

function Clock() {
       var days = ["Sonntag", "Montag", "Dienstag", "Mittwoch", "Donnerstag", "Freitag", "Samstag"];
      var months = ["Januar", "Februar", "März", "April", "Mai", "Juni", "Juli", "August", "September", "Oktober", "November", "Dezember"];
      window.setTimeout("try{doDatUhr()}catch(ex){}", 1000 );
        var D = new Date();
        var day = days[D.getDay()];
        var month = months[D.getMonth()];
        var year = D.getFullYear();
        var hours = D.getHours();
        var min = D.getMinutes();
        var sec = D.getSeconds();
        var Time = ((hours < 10) ? "0" : "") + hours;
    Time += ((min < 10) ? ":0" : ":") + min;
    Time += " Uhr";
    var date = day + ", " + ((D.getDate()<10) ? "0" : "") + D.getDate() + "."+ month + "." + year;
    var timestr = date + " - " + Time;
        var status = document.getElementById("statusbar-clock-display");
        status.setAttribute("value", timestr);
        var clockstyle = "padding-top: 2px;"
        if (hours < 6 || hours > 22) {
          clockstyle += "color: #ff0000;";
          }
         else {
           clockstyle += "color: #000000;";
         }
         status.setAttribute("style", clockstyle);
         // Timeout variabel - damit Umschalten zur vollen Minute:
         setTimeout("Clock()", (60- sec)*1000);
      }


    // letztes Kindelement der Statusbar finden
    var ClockStatus = document.getElementById("status-bar").lastChild;
    var ClockLabel = document.createElement("label");
    ClockLabel.setAttribute("id", "statusbar-clock-display");
    ClockLabel.setAttribute("class", "statusbarpanel-text");
    // *vor* dem letzten Kindelement (s.o.) einfuegen - damit ist Uhr immer ganz rechts:
    ClockStatus.parentNode.insertBefore(ClockLabel, ClockStatus.previousSibling);
    Clock();

Alles anzeigen

Danach in Stylish diesen Schnipsel gepackt.....

CSS

.statusbarpanel-text {text-align: center !important; font-family: verdana !important; font-size: 15px !important; font-weight: normal !important; color: #fff !important;}

Wie geht das mit den Sekunden, hab des paarmal probiert und jedesmal nach neustart is garnix mehr da gg

pcinfarkt

Zitat von MK204

- Wie geht das mit den Sekunden, hab des paarmal probiert und jedesmal nach neustart is garnix mehr da

Da fällt mir eine vor langer, langer Zeit gestellte Frage ein, wie man mit die Zeit mit führenden Nullen (de) darstellt ... :lol:
Deine Frage. Du musst Variable für die Anforderung und die String- Darstellung von Secunden vereinbaren.

Du kommst klar?
Vllt. lese etwas mehr zur userChrome.js - [1]. :wink:

[1] http://www.pcwelt.de/forum/browser-…tml#post1168558

MK204

deinen link gib ich mir gerade....

pcinfarkt

Zitat von MK204

- deinen link gib ich mir gerade.

Fein.
Dann nehme in dem Schnipsel (Beitrag #5, die Secunden sind eingelesen) folgende Veränderung vor:

Code

function Clock() {
       var days = ["Sonntag", "Montag", "Dienstag", "Mittwoch", "Donnerstag", "Freitag", "Samstag"];
      var months = ["Januar", "Februar", "März", "April", "Mai", "Juni", "Juli", "August", "September", "Oktober", "November", "Dezember"];
      window.setTimeout("try{doDatUhr()}catch(ex){}", 1000 );
        var D = new Date();
        var day = days[D.getDay()];
        var month = months[D.getMonth()];
        var year = D.getFullYear();
        var hours = D.getHours();
        var min = D.getMinutes();
        var sec = D.getSeconds();


        var Time = ((hours < 10) ? "0" : "") + hours + ((min < 10) ? ":0" : ":") + min + ((sec < 10) ? ":0" : ":") + sec + " Uhr == 2-Vier ==";


    var date = day + ", " + ((D.getDate()<10) ? "0" : "") + D.getDate() + "."+ month + "." + year;
    var timestr = date + " - " + Time;
        var status = document.getElementById("statusbar-clock-display");
        status.setAttribute("value", timestr);
        var clockstyle = "padding-top: 2px;"
        if (hours < 6 || hours > 22) {
          clockstyle += "color: #ff0000;";
          }
         else {
           clockstyle += "color: #000000;";
         }
         status.setAttribute("style", clockstyle);
         // Timeout variabel - damit Umschalten zur vollen Minute:
         setTimeout("Clock()", (60- sec)*1000);
      }


    // letztes Kindelement der Statusbar finden
    var ClockStatus = document.getElementById("status-bar").lastChild;
    var ClockLabel = document.createElement("label");
    ClockLabel.setAttribute("id", "statusbar-clock-display");
    ClockLabel.setAttribute("class", "statusbarpanel-text");
    // *vor* dem letzten Kindelement (s.o.) einfuegen - damit ist Uhr immer ganz rechts:
    ClockStatus.parentNode.insertBefore(ClockLabel, ClockStatus.previousSibling);
    Clock();

Alles anzeigen

:wink:

MK204

Merci dir, aber irgendwas haut da ned so richtig hin, die Secunden bewegen sich nicht,
hier mal mein Code

Code

/* ########################################################## Statusbar - Uhr ################################################################# */


             function Clock() {
          var days = ["Sonntag", "Montag", "Dienstag", "Mittwoch", "Donnerstag", "Freitag", "Samstag"];
          var months = ["Januar", "Februar", "März", "April", "Mai", "Juni", "Juli", "August", "September", "Oktober", "November", "Dezember"];
          window.setTimeout("try{doDatUhr()}catch(ex){}", 1000 );
            var D = new Date();
            var day = days[D.getDay()];
            var month = months[D.getMonth()];
            var year = D.getFullYear();
            var hours = D.getHours();
            var min = D.getMinutes();
            var sec = D.getSeconds();
            var Time = ((hours < 10) ? "0" : "") + hours + ((min < 10) ? ":0" : ":") + min + ((sec < 10) ? ":0" : ":") + sec + " Uhr == 2-Vier ==";
        var date = day + ", " + ((D.getDate()<10) ? "0" : "") + D.getDate() + "."+ month + "." + year;
        var timestr = date + " - " + Time;
            var status = document.getElementById("statusbar-clock-display");
            status.setAttribute("value", timestr);
            var clockstyle = "padding-top: 2px;"
            if (hours < 6 || hours > 22) {
              clockstyle += "color: #ff0000;";
              }
             else {
               clockstyle += "color: #000000;";
             }
             status.setAttribute("style", clockstyle);
             // Timeout variabel - damit Umschalten zur vollen Minute:
             setTimeout("Clock()", (60- sec)*1000);
          }


        // letztes Kindelement der Statusbar finden
        var ClockStatus = document.getElementById("status-bar").lastChild;
        var ClockLabel = document.createElement("label");
        ClockLabel.setAttribute("id", "statusbar-clock-display");
        ClockLabel.setAttribute("class", "statusbarpanel-text");
        // *vor* dem letzten Kindelement (s.o.) einfuegen - damit ist Uhr immer ganz rechts:
        ClockStatus.parentNode.insertBefore(ClockLabel, ClockStatus.previousSibling);
        Clock();


 /* ############################################################ Statusbar - Uhr ############################################################### */

Alles anzeigen

pcinfarkt

Dann teste mal meinen Schnipsel. Da läuft die Zeit mit. :lol:

Code

/*--------------------------------------------------------
    Anzeige erfolgt deutsch und mit führenden
    Nullen bei Datum, Stunden, Minuten und Sekunden
    ---- Statusbar Modell ----
    kt
  --------------------------------------------------------*/




function doDatUhr() {
    var days = ["So", "Mo", "Di", "Mi", "Do", "Fr", "Sa"];
    var months = ["01", "02", "03", "04", "05", "06", "07", "08", "09", "10", "11", "12"];
    var title = content.document.title;
    window.setTimeout("try{doDatUhr()}catch(ex){}", 1000 );


    var D = new Date();
    var day = days[D.getDay()];
    var month = months[D.getMonth()];
    var year = D.getFullYear();
    var hour = D.getHours();
    var minute = D.getMinutes();
    var second = D.getSeconds();


    var date = day + ",  " + (D.getDate() < 10 ? "0" +D.getDate() : D.getDate()) + ". " + month + ". " + year;
    var time = (hour < 10 ? "0" +hour : hour) + ":" + (minute < 10 ? "0" +minute : minute) + ":" + (second < 10 ? "0" +second : second);
    var timestr = date + ", " + time+ " Uhr";
    var status = document.getElementById("statusbar-clock-display");
    status.setAttribute("value", timestr);
}


var ClockStatus = document.getElementById("statusbar-display");
var ClockLabel = document.createElement("label");
ClockLabel.setAttribute("id", "statusbar-clock-display");
ClockLabel.setAttribute("class", "statusbarpanel-text");
ClockLabel.setAttribute("style", "padding-top: 3px;");
ClockStatus.parentNode.insertBefore(ClockLabel, ClockStatus.beforeSibling);
doDatUhr();

Alles anzeigen

MK204

Funktioniert, merci dir.....
habs noch en bisschen geändert gg statt den kommas nun Striche