Beiträge von grisu2099
-
-
milupo
Das war die sorbische Version des Scriptes... :lol: -
Das steht doch genau in dem von dir verlinkten Thread...
-
Angel
Dann ist die Schreibweise beim Ordner /CSS egal - bei mir hat er Großbuchstaben und funktioniert... :wink: -
Nicht in den ersten beiden. Nur in der userChrome.css.
Falls du in der userChrome.js etwas eingefügt hast, lösche das wieder.Der Ordnername "chrome" muß klein geschrieben sein - Ordner "CSS" in Großbuchstaben.
-
Ersetze deinen Code mit dem aus Beitrag 39.
Dann lies dir diesen Thread durch:https://www.camp-firefox.de/forum/viewtopic.php?f=16&t=127145
Dort kannst du auch die beiden dateien kopieren.
-
Die beiden .css-Dateien aus Beitrag 34 müssen da auch rein...
-
-
Nu isser wech... :lol:
Ich habe den Code ab Zeile 24 folgendermaßen ergänzt:CSS.tabbrowser-tab[selected] { background: rgb(50,50,52) !important; border-top: 1px rgb(50,50,52) !important; border-right: 1px rgb(50,50,52) !important; font-weight: bold !important;Das hat geholfen.
Kann mir vielleicht noch jemand sagen, wie ich den ersten Tab etwas nach rechts einrücken kann und wie ich einen Zwischenraum zwischen den Tabs erzeuge?
-
Die beiden Dateien kommen in den Ordner chrome.
In die userChrome.css fügst du folgendes ein: @import "./tabs_below_navigation_toolbar_fx65.css"; -
Ja, die müssen weg.
-
Dann muß ich mal auf die Suche gehen, welcher andere Code da die Finger im Spiel hat...
Auf jeden Fall schon mal Danke für den Test!! :klasse: -
Ja, diese schwarzen Ecken meine ich (hätte ich dazuschreiben sollen).
Dein Code hilft da nicht - der ist nämlich schon aktiv... :wink:
Folgenden Code habe ich für die Tabs:CSS
Alles anzeigen#TabsToolbar { min-height: 36px !important; padding-top: 4px !important; padding-bottom: 4px !important; } .tabbrowser-tab:not([selected="true"]){ background: rgb(150,0,0) !important; border-radius: 10px !important; border: 1px solid green !important; } .tab-background[selected] { background: rgb(0, 150, 0) !important; border-radius: 10px !important; border: 1px solid yellow !important; } .tabbrowser-tab[selected] { font-weight: bold !important; } .tab-label { -moz-box-flex: 1 !important; text-align: center !important; } .tab-close-button.close-icon{ display: -moz-box !important; width: 18px; height: 18px !important; border: 1px solid white !important; border-radius: 4px !important; background-color: rgb(200,0,0) !important; } .tabbrowser-tab::after, .tabbrowser-tab::before { margin-inline-start: 0px!important; border-left: 0px solid!important; border-image:none!important; border-image-slice: 0!important; width: 0px!important; box-sizing: border-box; opacity: 0!important; } .tab-line { display:none!important } .tabs-newtab-button { fill: rgb(0,200,0) !important; } -
Seit dem Update auf Version 65.0 habe ich einen "unschönen Rand" beim aktiven Tab (siehe Bild).
Dieser Rand hängt definitiv mit der Hintergrundfarbe des aktiven Tabs zusammen - soviel habe ich schon herausgefunden. Ich habe allerdings keine Ahnung, wie ich diesen Rand wieder wegbekomme.
Hat jemand von euch vielleicht eine Idee?[attachment=0]Tab-Rand.jpg[/attachment]
-
Schon OK. Andreas war halt wieder mal zu schnell... :lol:
-
Schau dir mal den Simple Menu Wizard an.
https://github.com/stonecrusher/simpleMenuWizard -
Hast du den Fuchs anschließend neu gestartet?
-
Funktioniert bei mir...
-
Bei mir ist auch ein Groschen gefallen... :wink:
Ich hatte auch schon mit diesem Skript herumgespielt.
Allerdings wollte ich die Versionsanzeige gerne oben in die Navigationsleiste haben, die Zeit aber lieber unten in der Bottom-Toolbar.
Dort erzeugte mir das Skript aber immer zwei neue Zeilen - bis mir vorhin beim Lesen dieses Threads besagter Groschen fiel...Jetzt ist es mir gelungen, das Skript in zwei Teile zu zerlegen - einen für die Version, einen für die Zeit. Das sieht dann so aus:
[attachment=0][/attachment]
Ich stell die Skripte hier mal rein, falls noch jemand das verwenden möchte. :wink:
Skript 1 (Anzeige der Version):
CSS
Alles anzeigen(function() { function doDatVersion() { var timestr = new Date().toLocaleDateString( locale , options ); 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 agent = 1; // if you just want the clock set this to zero var personalText = ' > designed by RALF < '; // your personal text here var cssColor = 'yellow'; // Font Color var css = 'padding-top: 12px !important; padding-left: 20px; color: ' + cssColor + '; font-weight: bold;'; var cssA = 'margin-left:50px; margin-right:50px; width: auto;'; var position = document.getElementById('customizableui-special-separator146'); if( agent == 1 ) { var AgentLabel = document.createElement('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 " + gAppInfo.version + personalText; // Cc["@mozilla.org/xre/app-info;1"].getService(Ci.nsIXULAppInfo).QueryInterface(Ci.nsIXULRuntime); var text = "Firefox " + AppConstants.MOZ_APP_VERSION_DISPLAY + personalText; AgentLabel.setAttribute( 'value', text ); position.parentNode.insertBefore(AgentLabel, position.nextSibling); } })();Skript2 (Uhrzeit in der Bottom-Toolbar):
CSS
Alles anzeigen(function() { function doDatClock() { var timestr = new Date().toLocaleDateString( locale , options ); 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 cssColor = 'yellow'; // Font Color var css = 'padding-top: 5px !important; padding-left: 38px; padding-right: 20px; color: ' + cssColor + '; font-weight: bold;'; var cssA = 'margin-left:64px; width: auto;'; var options = { weekday: 'long', year: 'numeric', month: 'long', 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('customizableui-special-separator179'); var ClockLabel = document.createElement('label'); ClockLabel.setAttribute('id', 'statusbar-clock-display'); ClockLabel.setAttribute('class', 'statusbarpanel-text'); ClockLabel.setAttribute('style', css); position.parentNode.insertBefore(ClockLabel, position.nextSibling); if( count == 1 ) { ClockLabel.addEventListener('dblclick', function() { sec = 0; }); } window.setInterval( doDatClock , 1000 ); })();Da ich immer noch Anfänger in Sachen Skripte bin, sind da nach dem Aufsplitten mit Sicherheit noch überflüssige Elemente drin! Vielleicht hat ja einer der Cracks hier Zeit/Lust, sich das mal anzuschauen und die überflüssigen Teile zu entfernen.
Das eilt aber nicht, bei mir funktionieren beide Skripte, wie man im Bild sieht.Für eventuelle Verbesserungen sage ich vorab schon mal Danke.
Ansonsten allen einen guten Rutsch und ein tolles Neues Jahr! -
Dann ist also eine Uhr, wie du sie in deiner Titelzeile hast, ein Skript (weil eine zusätzliche Funktion eingebaut wird) - oder doch ein CSS Code (weil die Optik geändert wird)? :lol:
Da geht mein Problem schon wieder los... :wink:btw.: Könnte man diese Uhr auch in der (wieder aktivierten) Stautsleiste unten anzeigen?