In einem anderen thread habe ich auch schon gezeigt, wie man daraus Trennlinien basteln kann.
Sei doch so nett und verlinke das hier. Aber ich hatte auch schon daran gedacht. Lass mich mal raten: Feste Breite von 1px und left- oder right-border oder sogar „nur“ eine dunkle Hintergrundfarbe? Man könnte damit genauso Leerräume mit fester Breite definieren.
In die Datei userChrome.css einfügen
Vielen Dank - hat funktioniert.
Besten Dank auch an die anderen Helfer! :klasse:
Ich brauche dafür gar keinen Symlink anzulegen. Der Zugriff klappt auch direk auf das übergeordnete Verzeichnis:
background-image: url("../lightweighttheme-footer") !important;
Ich habe hier jedoch eigene Farben... Gruß Harry
Ich brauche dafür gar keinen Symlink anzulegen. Der Zugriff klappt auch direk auf das übergeordnete Verzeichnis:CSSbackground-image: url("../lightweighttheme-footer") !important;
Super, klappt bei mir auch einwandfrei. Hatte ich gerätselt, wie das funktioniert :klasse:
Sei doch so nett und verlinke das hier. Aber ich hatte auch schon daran gedacht. Lass mich mal raten: Feste Breite von 1px und left- oder right-border oder sogar „nur“ eine dunkle Hintergrundfarbe? Man könnte damit genauso Leerräume mit fester Breite definieren.
Es war dieser thread: https://www.camp-firefox.de/forum/viewtopic.php?f=16&t=122965
Und das war die Anweisung:
#nav-bar toolbarspring {
background: transparent !important;
max-width: 0px !important;
min-width: 0px !important;
width: 0px !important;
border-left: 1px solid white !important;
border-right: 1px solid black !important;
margin-top: 4px !important;
margin-bottom: 4px !important;
}Und ja, klar kann damit auch feste Breiten definieren. Im Prinzip ist es schliesslich nur ein Element wie alle anderen auch. 
Das sollte in die Skriptliste aufgenommen werden!
Endor hat das ebenfalls angeregt und die Aufnahme in die Sammlung ist bereits geplant.
Wie wäre es mit „statusbar.uc.js“? Ich würde allerdings geänderte ID vorschlagen und zu Beginn per Kommentar auf die Möglichkeit der Beeinflussung per CSS hinweisen.
Mein Vorschlag für die IDs ist 'bottom-toolbar' und 'bottom-toolbar-vbox'. Die Leiste ist eine Symbolleiste wie die anderen auch und hat keine speziellen Eigenschaften der früheren Statusleiste. Ein Hinweis für die Gestaltung mit CSS ist auch geplant.
Endor hat das ebenfalls angeregt und die Aufnahme in die Sammlung ist bereits geplant.
Ah, sehr gut.
Mein Vorschlag für die IDs ist 'bottom-toolbar' und 'bottom-toolbar-vbox'. Die Leiste ist eine Symbolleiste wie die anderen auch und hat keine speziellen Eigenschaften der früheren Statusleiste.
Ja, das ist richtig und wirklich deutlich besser.
Kann man das Skript noch so erweitern, dass die Leiste (optional?) im Vollbildmodus eingeblendet werden kann wie die Navbar? Die besitzt ein Attribut „fullscreentoolbar="true"“. Aber – ach du Sch..iße – wenn man die Reihenfolge der Toolbars ändert (Thema Tabs oben), funktioniert das gar nicht mehr, man müsste also auch allen anderen Toolbars per Skript dieses Attribut hinzufügen können.
Und sollte man viellicht auch ein Aria-Label spendieren für Screenreader?
Und das war die Anweisung:
[…]
Und ja, klar kann damit auch feste Breiten definieren. Im Prinzip ist es schliesslich nur ein Element wie alle anderen auch.
Genau! O, eine Breite von 0 Pixeln, aber trotzdem eine Kante mit 1 Pixel Breite (bzw. hier sogar 2 Kanten), daran hatte ich nicht gedacht.
Wie wäre es mit „statusbar.uc.js“? Ich würde allerdings geänderte ID vorschlagen und zu Beginn per Kommentar auf die Möglichkeit der Beeinflussung per CSS hinweisen.
Ggf. ist Nachfolgendes nicht unwichtig....
Ergänzend... das eigentliche Script heißt dann:
A-Statusleiste.uc.js
Warum A-Statusleiste?
Damit wird gewährleistet, das die Verarbeitung dieses Scripts als 1. beim Start von Firefox vorgenommen wird und so die Statusleiste in der Regel eingeblendet ist, wenn das Browserfenster erscheint...
Ggf. ist Nachfolgendes nicht unwichtig....
Ääh ja, aber für die Namensgebung bei Github zum Herunterladen würde ich das nicht machen, sonst grundsätzlich sehr gut. Ich bevorzuge jedoch, erlaubte Sonderzeichen davorzusetzen wie !, # und $ ; ich habe ein Ausrufezeichen verwendet – das kommt in der Zeichenliste direkt nach dem Leerzeichen, vgl. die Zeichentabelle in Deinem Betrübssystem oder Unicodeblock Basis-Lateinisch (Wikipedia).
Danke für die Aufklärung.. dann warten wir mal, wie das Schätzchen bei GitHub schlussendlich genannt wird... hier lokal belasse ich es bei meiner Namensgebung..
Bei mir siehts so aus:
Für die userChrome.css
/*Link in Statusleiste anzeigen*/
statuspanel {
border:none!important;
margin-top:-15px!important;
}
.statuspanel-label{
border:none!important;
background:transparent!important;
color: #black !important;
}
/*Farbe in Statusleiste anzeigen*/
#new-toolbar-vbox {background: #D4D0C7}Die a-statusleiste.uc.js
(function() {
if (location != 'chrome://browser/content/browser.xul')
return;
var tb = document.createElement('toolbar');
tb.id = 'new-toolbar';
tb.setAttribute('customizable', true);
tb.setAttribute('mode', 'icons');
var vbox = document.createElement('vbox');
vbox.id = 'new-toolbar-vbox';
document.getElementById('navigator-toolbox').parentNode.insertBefore(
vbox, document.getElementById('browser-bottombox'));
vbox.appendChild(tb);
CustomizableUI.registerArea('new-toolbar', {legacy: true});
})();Sieht so aus (mit Einblendung eines Links, über den ich gefahren bin)
[attachment=0]A4.jpg[/attachment]
Frage:
Wie kann ich die Höhe der Statusleiste verringern?
Ändere den Wert in:
statuspanel {
border:none!important;
margin-top:-15px!important;
}
auf erstmal -10 und teste dann.
Die Höhe der Leiste ändert sich mit dem Wert 10 nicht.
Aber der angezeigte Link rutscht etwas nach unten
[attachment=0]A5.jpg[/attachment]
Sorry, hatte mich verlesen :oops:
#new-toolbar{
max-height:13px!important;
}Nachteil wenn sie zu schmal wird, die Icons passen dann auch nicht mehr.
dann warten wir mal, wie das Schätzchen bei GitHub schlussendlich genannt wird... hier lokal belasse ich es bei meiner Namensgebung..
Endor oder Mithrandir hat beschlossen, den Code unter dem Namen des schon bestehenden Skriptes RevertAddonbarStatusbar zu veröffentlichen. Zuerst dachte ich, Aborix hätte, ohne es zu wissen, den Code ein zweites Mal herausgefunden, aber man kann die Versionen ja vergleichen.
Nachteil wenn sie zu schmal wird, die Icons passen dann auch nicht mehr.
Stimmt.
Und mit dem letzten Code rutscht die Linkanzeige nach oben und befindet sich über der Statusleiste.
Ich lasse es so wie es in #111 aussieht.
Danke dir!
Ja, das ist so eine Krücke mit den verschiedenen sich überlappenden Containern. Ich habe für mich das passende gefunden:
/**********************************************************
********** Neue Toolbar unten mit Statusleiste ***********
**********************************************************/
/* Die neue Toolbar/Statusleiste ist mit einem JS-Script eingebunden
* und hat die ID: #new-toolbar. Für die notwendigen Scripte fragt
* bitte im Forum https://www.camp-firefox.de/forum/ nach.
*
* Wenn im Script eine andere ID als #new-toolbar angegeben ist, dann
* muß hier im Text überall diese ID geändert werden.
*
* Wenn diese neue Toolbar nicht installiert ist, kann dieser gesamte
* Abschnitt sowie alle Zeilen die mit #new-toolbar beginnen gelöscht
* oder auskommentiert werden.
*
* Der Hintergrund und das Aussehen der Buttons darin wird mit in den
* entsprechenden Abschnitten für die Leisten und Buttons geregelt,
* dort ist #new-toolbar als Selektor zusätzlich eingetragen.
*/
/* Höhe ohne Buttons darin 24px, mit Buttons besser 36px
* und die Ausrichtung ändern (die Buttons rechts ausrichten)
* oder links einen flexiblen Abstand einfügen.
*/
#new-toolbar {
height: 24px !important; /* 24px oder 36px für Buttons */
/* direction:rtl !important; Buttons nach rechts ausrichten*/
}
/* Position der Statusleiste in (bzw. über) der neuen Toolbar
* damit die Schrift etwa mittig ist und die maximale Länge
* damit rechts noch Platz für Buttons bleibt.
*/
statuspanel {
background-color: transparent !important;
border: none !important;
bottom: -2px !important; /* -2px oder 4px für Buttons */
height: 30px !important;
max-width: 100% !important; /* 100% oder ca. 50% bis 75% für Buttons */
}
/* Statusleiste Container für Anzeigefeld
*/
statuspanel .statuspanel-inner{
background-color: transparent !important;
border: none !important;
height: 30px !important;
}
/* Statusleiste Anzeigefeld Schriftfarbe
*/
statuspanel .statuspanel-label{
background-color: transparent !important;
border: none !important;
color: var(--sta-txt) !important;
}".statuspanel-inner" hat den Mist gemacht. Der Container war ziemlich hoch und der Text darin dann unten. Daher kam die Verschiebung. So paßt es aber besser, flach für nur Text ohne Buttons, hoch für mit Buttons.
Für die Farbvariable natürlich die Farbe angeben... Das ist ja als Erweiterung für mein anpaßbares Retro-Degign gemacht. Da gibt es demnächst eine erweiterte Version.
Gruß Harry
Anscheinend stelle ich mich blöd an, aber bei mir kommt keine Statusleiste.
Habe die Grundeinrichtung aus der firefox-anpassungen.zip gemacht.
Im Ordner chrome befindet sich die A-Statusleiste.uc.js. In der userChrome.css unter Chrome befindet sich auch der Code aus #111.
So kannst Du erstmal testen ob die Vorbereitung geklappt hat:
https://www.camp-firefox.de/forum/viewtopi…%21%27#p1054598
Z.B. als Meldung.uc.js ins chrome-Verzeichnis und FF neu starten...
Gruß Harry (ich hatte zu Anfang ja auch Probleme)
Kommt keine Meldung.