Schrift im DatumZeitImMenubar.uc.js ineinander verschoben.

omar1979

Hallo ihr..

In dem Script mit dem Firefox version, datum und zeit im menübar sind bei mir die Schrift und das Icon übereinander.

Habe die schrift mit dem datum und zeit verschoben können, aber die schrift mit firefox version ist immernoch auf dem icon (siehe Bild).

Kann mir jemand sagen wo ich das ändern kann?

Hier noch das Script:

JavaScript

(function() {
    function doDatClock() {
        var timestr = new Date().toLocaleDateString(locale, options);
        const blanks = ' -';
        let i = timestr.lastIndexOf(',');
        timestr = timestr.substring(0, i)+ blanks + timestr.substring(i + 1)  + ' Uhr';

        if (count == 1) {
            var counter = new Date(1000 * sec).toISOString().substr(11, 8); // .replace(/^[0:]+/, '') // if you want to replace zeroes and colons
            timestr = timestr + ' (' + counter + ')';
            sec++;
        }
        ClockLabel.setAttribute('value', timestr);
    }

    var count = 0; // if you don't want a counter set this to zero
    var agent = 1; // if you just want the clock set this to zero
    var language = 'de-DE'; // locale, e.g. 'de-DE' , 'en-US' , 'fr-FR'
    var personalText = '  -'; // your personal text here
    var cssFontFamily = 'DejaVu Sans';
    var cssColor = 'white'; // Font Color
    var bitnr = ` (${Services.appinfo.is64Bit ? 64 : 32}-bit)`;

    var css = 'padding-top: 5px; padding-left: 0;margin-right:2px;margin-left:4px; color: ' + cssColor + '; font-family: ' + cssFontFamily + '; font-weight:500; font-size:12px; text-shadow: none; width: 340px;';
    var cssA = 'text-align: right; background: url("file:///C:/Users/Ramo/AppData/Roaming/Mozilla/Firefox/Profiles/g4mso52s.default-release/chrome/Icons/firefox.png")no-repeat !important; background-position: 5px 2px !important; min-height: 20px; max-height: 20px; padding-right: 0px; padding-bottom: 0px; padding-left: 5px !important; margin-right: 5px; margin-bottom: 0px; margin-left: 10px; width: 248px;';


    var options = {
        weekday: 'long',
        year: 'numeric',
        month: 'short',
        day: 'numeric',
        hour: '2-digit',
        minute: '2-digit',
        second: '2-digit'
    };

    var sec = 0;

    var locale = language || window.navigator.languages[0];

    var position = document.getElementById('helpMenu'); // Datumsangabe in Menüleiste
    // var position = document.getElementById('urlbar-container'); // Datumsangabe in Symbolleiste hinter Adressleiste


    var ClockLabel = document.createXULElement('label');
    ClockLabel.setAttribute('id', 'statusbar-clock-display');
    ClockLabel.setAttribute('class', 'statusbarpanel-text');
    ClockLabel.setAttribute('style', css);
    position.parentNode.insertBefore(ClockLabel, position.nextSibling);

    if (agent == 1) {
        var AgentLabel = document.createXULElement('label');
        AgentLabel.setAttribute('id', 'statusbar-agent-display');
        AgentLabel.setAttribute('class', 'statusbarpanel-text');
        AgentLabel.setAttribute('style', css + cssA);
        var FFstr = window.navigator.userAgent.split(' ');
        var FF = FFstr[FFstr.length - 1].replace('/', ' ');
        //     var text = "Firefox Version: " + gAppInfo.version + personalText;
        //     Cc["@mozilla.org/xre/app-info;1"].getService(Ci.nsIXULAppInfo).QueryInterface(Ci.nsIXULRuntime);

        var text = "      Firefox Version: " + AppConstants.MOZ_APP_VERSION_DISPLAY + bitnr + personalText;


        AgentLabel.setAttribute('value', text);
        position.parentNode.insertBefore(AgentLabel, position.nextSibling);
    }

    if (count == 1) {
        ClockLabel.addEventListener('dblclick', function() { sec = 0; });
    }

    window.setInterval(doDatClock, 1000);
})();

Alles anzeigen

FuchsFan

Zitat von omar1979

Kann mir jemand sagen wo ich das ändern kann?

Das habe ich hier so eingestellt:

CSS

var css = 'padding-top: 0px !important; padding-left: 0px; color: ' + cssColor + '; font-weight:700; font-size:14px;text-shadow: none; width: 275px; margin-right:42px;';
   // var cssA = 'margin-left:50px; width: auto;';
    var cssA = 'text-align: right; background: url("file:///C:/FoxIcons/Finale.png")no-repeat !important; background-position: 0px 0px !important; padding-left: 27px !important; margin-left:50px; width: auto; ';

Eventuell kannst Du was davon gebrauchen.

omar1979

Zitat von FuchsFan

Eventuell kannst Du was davon gebrauchen.

Besten Dank.

oldman53

Zitat von omar1979

Kann mir jemand sagen wo ich das ändern kann?

Hallo,

in der Zeile mit var cssA = spiele mit den Werten background-position: und padding-left:

Die beiden Zeilen var css und var cssA sind irgendwie seltsam. Ein Konglomerat von paddings und margins.

Mira_Belle

Misst, da war ich zu langsam.

Habe für den Pfad eine Variabel hinzugefügt

und die vorhandenen Variablen "modernisiert".

Aus z.B. ' + cssColor + ' wurde ${cssColor}

Sowie die Funktion für das Datum & die Uhrzeit überarbeitet.

JavaScript

(function() {
    if (!window.gBrowser){ return; }
   
    function doDatClock() {
        let date = new Date();
        var days = ["So", "Mo", "Di", "Mi", "Do", "Fr", "Sa"];
        var day = days[date.getDay()];
        let timestr = day + ". " + date.toLocaleDateString( locale, { year: "numeric", month: "2-digit", day: "numeric"} ) +
            ' - ' + date.toLocaleTimeString( locale, { hour: '2-digit', minute: '2-digit' } ) +
            ' Uhr';
        ClockLabel.setAttribute( 'value', timestr );
    }
    var ProfilePath = PathUtils.toFileURI(PathUtils.join(PathUtils.profileDir, 'chrome', 'icons'));
    var count = 0; // if you don't want a counter set this to zero
    var agent = 1; // if you just want the clock set this to zero
    var language = 'de-DE'; // locale, e.g. 'de-DE' , 'en-US' , 'fr-FR'
    var personalText = ' '; // your personal text here
    var cssFontFamily = 'DejaVu Sans';
    var cssColor = 'white'; // Font Color
    var bitnr = `(${Services.appinfo.is64Bit ? 64 : 32}-bit)`;
    var css =`
    padding-top: 5px;
    padding-left: 0px;
    padding-left: 4px;
    margin-right:2px;
    margin-left: 4px;
    color: ${cssColor} !important;
    font-family: ${cssFontFamily} !important;
    font-weight:500;
    font-size:12px;
    text-shadow: none;
    width: 340px;
    `;
    var cssA = `
    background: url("${ProfilePath}/firefox.png") no-repeat !important;
    background-size: 16px 16px !important;
    background-position: 5px 2px !important;
    min-height: 20px;
    max-height: 20px;
    padding-left: 30px;
    padding-right: 0px;
    padding-bottom: 0px;
    margin-left: 10px;
    margin-right: 5px;
    margin-bottom: 0px;
    width: 248px;
`;
    var options = {
        weekday: 'long',
        year: 'numeric',
        month: 'short',
        day: 'numeric',
        hour: '2-digit',
        minute: '2-digit',
        second: '2-digit'
    };
    var sec = 0;
    var locale = language || window.navigator.languages[0];
    var position = document.getElementById('helpMenu'); // Datumsangabe in Menüleiste
    // var position = document.getElementById('urlbar-container'); // Datumsangabe in Symbolleiste hinter Adressleiste
    var ClockLabel = document.createXULElement('label');
    ClockLabel.setAttribute('id', 'statusbar-clock-display');
    ClockLabel.setAttribute('class', 'statusbarpanel-text');
    ClockLabel.setAttribute('style', css);
    position.parentNode.insertBefore(ClockLabel, position.nextSibling);
    if (agent == 1) {
        var AgentLabel = document.createXULElement('label');
        AgentLabel.setAttribute('id', 'statusbar-agent-display');
        AgentLabel.setAttribute('class', 'statusbarpanel-text');
        AgentLabel.setAttribute('style', css + cssA);
        var FFstr = window.navigator.userAgent.split(' ');
        var FF = FFstr[FFstr.length - 1].replace('/', ' ');
        //     var text = "Firefox Version: " + gAppInfo.version + personalText;
        //     Cc["@mozilla.org/xre/app-info;1"].getService(Ci.nsIXULAppInfo).QueryInterface(Ci.nsIXULRuntime);
        var text = "      Firefox Version: " + AppConstants.MOZ_APP_VERSION_DISPLAY + bitnr + personalText;
        AgentLabel.setAttribute('value', text);
        position.parentNode.insertBefore(AgentLabel, position.nextSibling);
    }
    if (count == 1) {
        ClockLabel.addEventListener('dblclick', function() { sec = 0; });
    }
    window.setInterval(doDatClock, 1000);
})();

Alles anzeigen

omar1979

Danke @oldman53 und Mira_Belle hab mich aber schon mit der Hilfestellung von FuchsFan bedient.

Schrift im DatumZeitImMenubar.uc.js ineinander verschoben.

Ähnliche Themen

Problem mit individueller Anpassung seit Firefox 108

Text überlagert Text

Aktiver Tab