omar1979 Füge bitte einmal dem Code von #fp-statusbar-2 noch die Zeile
Endlich! Es funkt. Danke dir.
omar1979 Füge bitte einmal dem Code von #fp-statusbar-2 noch die Zeile
Endlich! Es funkt. Danke dir.
dann würde sie ja gar nicht erst angezeigt werden.
Ich habe keine Idee mehr.
Hab jetzt extra auch so gemacht:
/*
@import "Menuleiste/Ansicht.css";
@import "Menuleiste/Bearbeiten.css";
@import "Menuleiste/Chronik.css";
@import "Menuleiste/Datei.css";
@import "Menuleiste/Extras.css";
@import "Menuleiste/Hilfe.css";
@import "Menuleiste/Lesezeichen.css";
@import "Menuleiste/OnlineOfflineIconSchriftAendern.css";
@import "CSS/7menusImMenubarFarbigHoverUndPunktet.css";
@import "CSS/Download-Icon-Popups-Aendern.css";
@import "CSS/FaviconAendern.css";
@import "CSS/FirefoxBeendenAlleTabsSchliessenFarbig.css";
@import "CSS/IconsAendern.css";
@import "CSS/Kontextmenu-Rechtsklick.css";
@import "CSS/Kontextmenu-Symboleiste.css";
@import "CSS/MenuTabsNavLesezeichenToolbarAenderungen.css";
@import "HamburgerMenu/HamburgerMenu.css";
*/
#fp-statusbar-2{
background-color: red !important;
}
Alles anzeigen
Und die Zusatzleiste wird immernoch nicht rot.
Hat es vielleicht im Code vom Statusleiste ein Fehler?
Hier die Code die ich gespeichert habe.
// statusbar_2.uc.js
// Statusleiste for Buttons etc...."
// https://www.camp-firefox.de/forum/thema/122105
// Lösungen von Aris und EffPeh
// besonders #15 bzw #27
// ab FF68 nicht .XUL sondern .xhtml und weiteres
// https://www.camp-firefox.de/forum/thema/128155/?postID=1116235#post1116235
// https://www.camp-firefox.de/forum/thema/128155/?postID=1116240#post1116240
//
// 211013: erfolgreicher Bastelversuch, siehe "var childE"
// mal testen, ob mir das ganz alte Layout (fp-statusbar-2 = unter LZ) noch Vorteile bringt...
// 211015: "letztes" Layout (fp-statusbar-2 = über LZ) is in Fleisch und Blut übergegangen...
(function() {
if (location != AppConstants.BROWSER_CHROME_URL)
return;
var tb = document.createXULElement('toolbar');
tb.id = 'fp-statusbar-2';
tb.setAttribute('customizable', true);
tb.setAttribute('mode', 'icons');
var parentE = document.getElementById('PersonalToolbar').parentNode; //PersonalToolbar = Lesezeichen-Bereich
var childE = document.getElementById('PersonalToolbar'); //fp-statusbar-2 = über LZ-Leiste
// var childE = document.getElementById('navbar'); //fp-statusbar-2 = unter LZ-leiste
parentE.insertBefore( tb , childE );
CustomizableUI.registerArea( 'fp-statusbar-2' , { legacy: true } );
CustomizableUI.registerToolbarNode(tb);
})();
Alles anzeigen
So stimmt es ja auch.
Welche klammer ist denn falsch?
Aber nicht richtig...Zeile 18 passt die Klammer so nicht.
so siehts die userChrome.css bei mir normalerweise aus.
@import "Menuleiste/Ansicht.css";
@import "Menuleiste/Bearbeiten.css";
@import "Menuleiste/Chronik.css";
@import "Menuleiste/Datei.css";
@import "Menuleiste/Extras.css";
@import "Menuleiste/Hilfe.css";
@import "Menuleiste/Lesezeichen.css";
@import "Menuleiste/OnlineOfflineIconSchriftAendern.css";
@import "CSS/7menusImMenubarFarbigHoverUndPunktet.css";
@import "CSS/Download-Icon-Popups-Aendern.css";
@import "CSS/FaviconAendern.css";
@import "CSS/FirefoxBeendenAlleTabsSchliessenFarbig.css";
@import "CSS/IconsAendern.css";
@import "CSS/Kontextmenu-Rechtsklick.css";
/*
@import "CSS/Kontextmenu-Symboleiste.css";
*/
@import "CSS/MenuTabsNavLesezeichenToolbarAenderungen.css";
@import "HamburgerMenu/HamburgerMenu.css";
Alles anzeigen
Zeile 18 passt so nicht
im userChrome.css? die ist deaktiviert.
Hm...
Geschachtelte Kommentare?
3x geöffnet, 2x geschlossen - wenn ich mich nicht verzähle...
Hmm? Verstehe jetzt nicht was du meinst.
Bitte:
Nimm den Code da wieder raus und setz ihn als letztes in deine userChrome.css, hinter alle @import-Anweisungen.Wie siehts dann aus?
Meine userChrome.css
/*
@import "Menuleiste/Ansicht.css";
@import "Menuleiste/Bearbeiten.css";
@import "Menuleiste/Chronik.css";
@import "Menuleiste/Datei.css";
@import "Menuleiste/Extras.css";
@import "Menuleiste/Hilfe.css";
@import "Menuleiste/Lesezeichen.css";
@import "Menuleiste/OnlineOfflineIconSchriftAendern.css";
@import "CSS/7menusImMenubarFarbigHoverUndPunktet.css";
@import "CSS/Download-Icon-Popups-Aendern.css";
@import "CSS/FaviconAendern.css";
@import "CSS/FirefoxBeendenAlleTabsSchliessenFarbig.css";
@import "CSS/IconsAendern.css";
@import "CSS/Kontextmenu-Rechtsklick.css";
/*
@import "CSS/Kontextmenu-Symboleiste.css";
*/ /*
@import "CSS/MenuTabsNavLesezeichenToolbarAenderungen.css";
@import "HamburgerMenu/HamburgerMenu.css";
*/
#fp-statusbar-2{
background-color: red !important;
}
Alles anzeigen
Funkt nicht:
Wie ihr es sieht, hat es nichts mit meinen CSS zu tun. Es muss einen anderen Grund haben.
Ich hätte noch diese CSS für die Farbänderungen..
/* Menübar (7 Menüs ganz Oben) Farbe ändern */
#toolbar-menubar {
background-color: blue !important;
color: white !important;
}
#main-menubar menupopup {
--panel-background: blue !important;
--panel-color: white !important;
}
#main-menubar menupopup:hover {
--panel-background: blue !important;
--panel-color: white !important;
}
#main-menubar menupopup menu:hover,
#main-menubar menupopup menuitem:hover {
background-color: #3333FF !important;
color: white !important;
}
/* Tableiste einfärben, original weiss und Höhe kleiner */
#TabsToolbar {
background: blue !important;
color: white !important;
height: 35px !important;
}
/* Tabs Ecken runden */
.tab-content {
height: 40px !important;
border-radius: 7px !important;
}
/* Diverse Tabs nach Wunsch die Breite kürzen nach dem 1.sten Wort im Tab-Titel */
/*
.tabbrowser-tab[label*="Neuer Tab"] {
min-width: 120px !important;
max-width: 120px !important;
}
*/
/* Aktiver Tab eingefärbt rot-weiss */
.tabbrowser-tab[selected] .tab-content {
background: red !important;
color: white !important;
}
.tabbrowser-tab[selected] .tab-content:hover {
background: red !important;
color: white !important;
}
/* Angepinnte Tabs grösser machen */
.tabbrowser-tab[pinned] {
width: 110px !important;
}
/* Angepinnte Tabs Schrift etwas nach rechts verschieben */
.tabbrowser-tab[pinned] .tab-label {
padding-left: 5px !important;
}
/* Navigation-Toolbar (Hintergrund von URL-Eingabe) Farbe ändern */
#nav-bar {
background-color: red !important;
color: white !important;
}
/* Lesezeichen-Toolbar Farbe ändern */
toolbar#PersonalToolbar {
background-color: red !important;
color: white !important;
}
/* Farbe der X-Markierung ändern */
.tab-close-button {
fill: white !important;
}
/* Tab schliessen - X größer machen */
.tab-close-button {
transform: scale(1.5, 1.5) !important;
}
/* Kreuz zum Schließen bei allen Tabs */
.tab-close-button {
display: block !important;
}
/* Menü-Separator von allen Menüs im Menübar entfernen*/
#main-menubar menuseparator {
display: none !important;
}
/* Rahmen um den Popup-Fenster in allen Menüs im Menübar entfernen */
menupopup {
--panel-border-color: none !important;
}
/* HamburgerMenü Hintergrund Farbe ändern */
panel#appMenu-popup panelview {
background-color: blue !important;
color: white !important;
}
/* HamburgerMenü Hover-Farbe auf #3333FF setzen */
#appMenu-popup panelview .subviewbutton:hover {
background: #3333FF !important;
color: white !important;
}
/* HamburgerMenü Kurzformen (Strg+T usw..) Farbe weiss */
#appMenu-protonMainView .subviewbutton[shortcut]::after {
color: #FFF !important;;
}
Alles anzeigen
Deaktivier doch bitte mal alle deine CSS Anpassungen
Ok, das mach ich jetzt.
Ja, weil hier der Pfad von dir zu den neuen Icons nicht stimmt.
Aber die neue Leiste ist rot.
ahso ja. du hast natürlich anderen pfad.. Aber komisch ist, dass die Statusleiste bei dir rot wird aber bei mir nicht.
Was ist verschwunden
reload, stop, back und forward-icons
Das Script mit deinem Code sieht hier so aus:
Verschwunden?
Zeig mal das css, wo du das gemacht hast...
Die mit dem Nav-Bar-Icons ist zuunterst..
/* Lesezeichen Ordner Icon setzen */
.bookmark-item[container="true"],
treechildren::-moz-tree-image(title, container),
treechildren::-moz-tree-image(title, query, hostContainer) {
list-style-image: url("..//favicons/Folder.ico") !important;
-moz-image-region: rect(0px, 16px, 16px, 0px) !important;
}
/* Startseite Icon ändern */
#home-button {
list-style-image: url("..//favicons/Home2.ico") !important;
background-repeat: no-repeat !important;
background-position: 10px 7px !important;
}
/* Addons-Icon ändern */
#add-ons-button {
list-style-image: url("..//favicons/FF-Addons.png") !important;
}
/* Neuer Tab Toolbar Icon ändern*/
toolbarbutton#_36ddc666-962f-4f57-a882-f65c2e2b3a56_-browser-action {
list-style-image: url("..//favicons/newtab.png") !important;
}
/* Einstellungen Icon ändern */
#preferences-button {
list-style-image: url("..//favicons/Setting.png") !important;
}
/* Reload-Addon-Icon ändern */
toolbarbutton#_96999337-8b64-424f-92a7-259f1faf930b_-browser-action {
list-style-image: url("..//favicons/afresh1.png") !important;
}
/* Geschlossenen Tab wiederherstellen Icon ändern */
toolbarbutton#_4853d046-c5a3-436b-bc36-220fd935ee1d_-browser-action {
list-style-image: url("..//favicons/undoclosetab.png") !important;
transform: scale(1.1, 1.1) !important;
}
/* About:config Toolbar-Icon grösse ändern */
#aboutconfig-ToolBarButton {
transform: scale(1.1, 1.1) !important;
}
/* Extra Config Menü Icon grösse ändern */
#ExtraConfigMenu, #ExtraConfigMenu-button {
transform: scale(1.1, 1.1) !important;
}
/* Zoom-Minus-Icon ändern */
#zoom-out-button {
list-style-image: url("..//favicons/zoom-minus.png") !important;
}
/* Zoom-Plus-Icon ändern */
#zoom-in-button {
list-style-image: url("..//favicons/zoom-plus.png") !important;
}
/* Neuer Tab Tabsbar Icon ändern */
#tabs-newtab-button, #TabsToolbar #new-tab-button {
list-style-image: url("..//favicons/neutab.png") !important;
}
/* Hamburger-Menü Icon ändern */
#PanelUI-menu-button {
list-style-image: url("..//favicons/armenu.png") !important;
transform: scale(1.5, 1.5) !important;
}
/* Back-, Forward und Reload-Button-Icon ändern */
@-moz-document url-prefix(chrome://browser/content/browser.xhtml) {
#back-button > .toolbarbutton-icon {
list-style-image: url("..//favicons/arl.png") !important;
width: 42px !important;
height: 42px !important;
}
#forward-button > .toolbarbutton-icon {
list-style-image: url("..//favicons/arr.png") !important;
width: 42px !important;
height: 42px !important;
}
#reload-button > .toolbarbutton-icon {
list-style-image: url("..//favicons/afresh1.png") !important;
width: 42px !important;
height: 42px !important;
}
#stop-button {
list-style-image: url("..//favicons/X.png") !important;
transform: scale(1.7, 1.7) !important;
}
}
#fp-statusbar-2{
background-color: red !important;
}
Alles anzeigen
Wo hast Du das denn wie gemacht?
das mit nav-bar hab ich zuerst im css deaktiviert ff-neugeladen und im browser-werkzeuge getestet.
Dann könnte Dir irgendwo irgendein CSS-Code dazwischenfunken.
Ich teste als erstes immer über die Userchrome, weil dann (bei mir) alle anderen .css importiert und gelaufen sind.
Für die Statusleiste, die ich "Hintergrundfarbe rot" machen will, habe ich keine CSS-Dateien.
Diese Leiste ist neu von dir im Beitrag-Nr:
Schreibs mal in ein eigenes .css (oder zum Test ganz unten in die userChrome.css).
Was passiert dann?
hab jetzt in einem vorhandenen CSS ganz unten reinkopiert,gespeichert und FF neugestartet.. immernoch gleich.
Hey...nicht doch...mach es ganz in Ruhe, dann klappt das auch
Das hat nichts mehr mit "in Ruhe tun", wenn es bei dir funkt und bei mir nicht.
ich bin bei dem nicht die Hintergrundfarbe ändern, wenn ich da weglasse und die Nav-bar vergrössere, dann rutschen die 5 Buttons (reload,stop,back,forward und hamburgermenu) nach unten.. nichts klappt was ich machen will. das entmutigt micht
Funktioniert hier einwandfrei.
komisch..
Dann solltest Du die von mir ins Spiel gebrachte Zusatzleiste vielleicht mal ausprobieren
Warum kann man bei dieser Code von dir die Hintergrundfarbe nicht ändern?
Es wird rot und verschwindet wieder so wie man es im Bild sieht.
Hallo..
habe eine Frage, über der Erweiterung
ich habe diese Erweiterung geladen und getestet. Ich will nur den Tab "https://www.camp-firefox.de/forum/ungelesene-beitraege/" automatisch neuladen.
Aber wenn ich in diesem Tab auf einem neuen Beitrag klicke und es dort lese, ladet es trotzdem auch die Seite mit, die ich am lesen bin. Kann man da nicht so machen, dass es wirklich nur den Tab "Ungelesene Beiträge" aktualisiert? Kennt sich jemand damit aus?
PS: Das passiert, wenn ich den reload-time auf 1 minute habe.
Achja.. ich will dass es auch aktualisiert wenn der Tab aktiv ist (selected Tab).
Aber sollte nur reloaden, wenn im Tab "Ungelesene Beiträge" ist und nicht wenn ich dort einen Beitrag gewählt habe und dort lese.