Sehr gut. Genau so passt es 
. Besten Dank für die wundervolle Arbeit und die Mühe.
Weiter so! Euch allen ein schönes Wochenende.
Beiträge von heiko
-
-
Besten Dank schon mal bis hier her. Echt tolle Arbeit.
Bisher ging der Code "ungelesener Tab" in Verbindung mit der Erweiterung "Tab Flag". Es wäre echt toll, wenn man das noch irgendwie eleganter lösen könnte.
Danke
-
Es geht voran
Nun klappt auch der private Modus und Schrifteigenschaften.
Jetzt wäre nur noch der ungelesene Tab. Geht das überhaupt, den in einer 3. Hintergrundfarbe + Schrifteigenschaften anzupassen?
-
Hallo Andreas,
danke dir erstmal für die schnelle Hilfe. Eine schöne Sammlung hast du da zusammengestellt.
Ich habe jetzt einen aktuellen Code, wo jetzt sicher noch das Problem mit der Farbe des aktiven Tabs im privaten Fenster enthalten ist.
Ein ungelesener Tab hat immerhin schon eine rote Umrandung, aber die Farbe selbst ist vom inaktiven Tab weiter vorhanden.
Die Eigenschaften wie eben Hintergrundfarbe des Tabs geht, aber die Schriftfarbe sowie Schriftgröße hat keinen Effekt.
CSS
Alles anzeigenVielleicht kannst du mal drüber schauen /* Inaktiver Tab */ .tab-background:not([selected]) { font-weight:bold; !important; font-size: 12px !important; color: #000000 !important; background-color: #ffff00 !important; } /* Aktiver Tab */ .tab-background[selected] { font-weight:bold; !important; font-size: 12px !important; color: #000000 !important; background-color: #60F205 !important; } /* Ungelesener Tab */ #main-window .tabbrowser-tab[titlechanged] { font-weight:bold; !important; font-size: 12px !important; color: #ffffff !important; background-color: red !important; } -
Hallo,
ich würde gern diesen Code noch erweitern.
Und zwar soll die Schriftgröße, Schriftfarbe und in fett angezeigt werden.
Cool wäre auch, wenn ungelesene Tabs eine extra Hintergrundfarbe, sowie Schriftgröße, Schriftfarbe und in fett angezeigt wird.
Was mir noch aufgefallen ist...im privaten Fenster ist der aktive Tab nicht in der Farbe wie im normalen Fenster. Kann man da noch einen Extracode für basteln?
Besten Dank
-
Hallo,
mich würde mal interessieren, ob es eine Erweiterung gibt die folgendes kann:
- einen bestimmten Bereich einer Website auswählen, wie zb Liveticker, Livescore, Wetterradar, die man dann als kleines Fenster sich beliebig in eine Ecke vom Bildschirm ziehen kann (Auswahl so wie beim Standard Bildschirmfototool und so eine Darstellung wie das kleine Bild zb wenn man Yotube Bild aus den Browser in das kleine Bild-in-Bild packt und größenmäßig anpasbar und verschiebbar ist)
- final soll der Bildausschnitt immer im Vordergrund sein, auch wenn man den Firefox nicht mehr im Vordergrund hat
Wäre cool wenn da jemand einen Tipp hätte.
Danke
Heiko
-
ah, also genau so wie bei den Überschriften für jeden Codeschnipsel. Das werde ich mal probieren und dann noch an den passenden Stellen reinbasteln.
Danke für die guten und nützlichen Tipps.
LG Heiko
-
Ich kenne nur REM+Leerzeichen am Anfang der Zeile. Kann man das hier auch so machen?
Macht das einen so großen Unterschied, wenn man die aktuell nicht genutzten Angaben auskommentiert?
LG Heiko
-
ich bin da gern flexibel und möchte vielleicht eines Tages mal an der Stelle den einen oder anderen Rahmen gern haben und somit sind die Angaben schon vorhanden und müssen nur angepasst werden.
Danke für die kurze Anmerkung. Da habe ich wieder etwas gelernt. Das steht schon ewig dort und ich weiss nicht, wie das da eigentlich mal hingekommen bzw. entstanden ist. Nun haben wir es ja entschärft
LG Heiko
-
Juhu,
schon passt es. Sehr gute Arbeit
Herzlichen Dank LG Heiko
-
Ich nutze das System-Theme.
Hier mal meine css
CSS
Alles anzeigen#nav-bar,#navigator-toolbox{ border: none !important; } #navigator-toolbox::after { display: none !important; } /* Menüleiste - Button minimieren - Farben */ #toolbar-menubar toolbarbutton.titlebar-min { color: #ffffff !important; background-color: blue !important; } /* Menüleiste - Button maximieren - Farben */ #toolbar-menubar toolbarbutton.titlebar-max { color: #ffffff !important; background-color: blue !important; } /* Menüleiste - Button verkleinern - Farben */ #toolbar-menubar toolbarbutton.titlebar-restore { color: #ffffff !important; background-color: blue !important; } /* Menüleiste - Button schließen - Farben */ #toolbar-menubar toolbarbutton.titlebar-close { color: #ffffff !important; background-color: blue !important; } /* Menüleiste - Buttons hovern - Farben */ #toolbar-menubar toolbarbutton.titlebar-min:hover, #toolbar-menubar toolbarbutton.titlebar-max:hover, #toolbar-menubar toolbarbutton.titlebar-restore:hover, #toolbar-menubar toolbarbutton.titlebar-close:hover { stroke: #000066 !important; background-color: #ffff00 !important; } /* Menüleiste (Farbe Zwischenraum bis minimieren) */ #toolbar-menubar{ background-color: blue !important; } /* Menüleiste (Beschriftung) - Farben, Schriftgröße in px + fett, Rahmen in px */ menubar > *{ background-color: blue !important; color: #ffff00 !important; font-size: 15px !important; font-weight: bold !important; border-top: 0px solid #ffff00 !important; border-left: 0px solid #ffff00 !important; border-right: 0px solid #ffff00 !important; border-bottom: 0px solid #ffff00 !important; } /* Tableiste - Höhe in px (Originalhöhe 35 px) */ .tabbrowser-tab { min-height: 10px !important; max-height: 40px !important; box-shadow: none !important; } /* Tableiste - Hintergrundfarbe, Rahmen in px */ #TabsToolbar > *{ background-color: #000066 !important; border-top: 0px solid #ffff00 !important; border-left: 0px solid #ffff00 !important; border-right: 0px solid #ffff00 !important; border-bottom: 0px solid #000000 !important; } /* Neuer Tab-Button - Farben + Rahmen */ #TabsToolbar #tabs-newtab-button { background-color: #000066 !important; fill: #ffff00 !important; border-top: 0px solid #ffff00 !important; border-left: 0px solid #ffff00 !important; border-right: 0px solid #ffff00 !important; border-bottom: 0px solid #000000 !important; } /* Neuer Tab-Button - hovern Farben */ #TabsToolbar #tabs-newtab-button:hover { fill: #000066 !important; --toolbarbutton-hover-background: #ffff00 !important; } /* Tab schließen Button - hovern Farben */ .tab-close-button[fadein]:hover { fill: #ffff00 !important; background: red !important; } /* Ungelesener Tab - Farben, Schriftgröße (original 12px) + fett, Rahmen in px, Tab-Ecken in px */ #main-window .tabbrowser-tab[titlechanged] { font-weight:bold; !important; font-size: 12px !important; color: #ffffff !important; background-color: red !important; border-top: 3px solid #000000 !important; border-left: 0px solid #000066 !important; border-right: 1px solid #000000 !important; border-bottom: 3px solid #000000 !important; border-radius: 0px 0px 0px 0px !important; } /* Inaktiver Tab - Farben, Schriftgröße (original 12px) + fett, Rahmen in px, Tab-Ecken in px */ .tabbrowser-tab:not([visuallyselected="true"]) { font-weight:bold; !important; font-size: 12px !important; color: #000000 !important; background-color: #ffff00 !important; border-top: 3px solid #000000 !important; border-left: 0px solid #000000 !important; border-right: 1px solid #000000 !important; border-bottom: 3px solid #000000 !important; border-radius: 0px 0px 0px 0px !important; } /* Aktiver Tab - Farben, Schriftgröße (original 12px) + fett, Rahmen in px, Tab-Ecken in px */ .tabbrowser-tab[selected] .tab-content{ font-weight:bold; !important; font-size: 12px !important; color: #000000 !important; background-color: #60F205 !important; border-top: 3px solid #000000 !important; border-left: 0px solid #000000 !important; border-right: 1px solid #000000 !important; border-bottom: 3px solid #000000 !important; border-radius: 0px 0px 0px 0px !important; } /* Tabs inaktiv hovern - Farben */ #TabsToolbar:not(:-moz-lwtheme) .tabs-newtab-button:hover, #TabsToolbar:not(:-moz-lwtheme) .tabbrowser-tab:hover .tab-content:not([selected="true"]) { background-color: transparent !important; color: blue !important; } /* Navigationsleiste - Hintergrundfarbe + Rahmen */ #nav-bar { background: #000066 !important; border-top: 0px solid #ffffff !important; border-left: 0px solid #ffffff !important; border-right: 0px solid #ffffff !important; border-bottom: 0px solid #ffffff !important; } /* Navigationsleiste - Symbole - Farben + Rahmen */ #nav-bar .toolbarbutton-1 { fill: #ffff00 !important; background-color: #000066 !important; border-top: 0px solid #000000 !important; border-left: 0px solid #ffffff !important; border-right: 0px solid #ffffff !important; border-bottom: 0px solid #000000 !important; } /* Navigationsleiste - Hovereffekt - Farben */ #nav-bar { --toolbarbutton-hover-background: #ffff00 !important; } #nav-bar .toolbarbutton-1:hover { fill: #000066 !important; } /* Symbol animierte Downloadanzeige */ /* Pfeil im Ruhezustand */ #downloads-button[indicator="true"]:not([attention="success"]) #downloads-indicator-icon { fill: #ffff00 !important; } /* Füllfarbe Kreis */ #downloads-button { --toolbarbutton-icon-fill-attention: #ffff00 !important; } /* Rahmen um Kreis */ #downloads-button > .toolbarbutton-badge-stack > #downloads-indicator-progress-outer { border-color: red !important; } /* Adressleiste - Farben, Schriftgröße in px + fett, Rahmen in px */ #urlbar-input-container { background-color: #ffffff !important; color: #000000 !important; font-size: 15px !important; font-weight: bold !important; border-top: 0px solid red !important; border-left: 0px solid red !important; border-right: 0px solid red !important; border-bottom: 0px solid red !important; } /* Adressleiste - Farben Adresse markieren */ #urlbar-input::selection { color: #ffffff !important; background-color: #000000 !important; } /* Adressleiste - Zeichen Leseansicht - Farben + Rahmen */ #reader-mode-button { color: #000066 !important; background-color: #ffff00 !important; border-top: 3px solid #000066 !important; border-left: 3px solid #000066 !important; border-right: 3px solid #000066 !important; border-bottom: 3px solid #000066 !important; } /* Adressleiste - Zeichen Leseansicht - Farben + Rahmen hovern */ #reader-mode-button:hover { color: #ffff00 !important; background: red !important; border-top: 3px solid #000066 !important; border-left: 3px solid #000066 !important; border-right: 3px solid #000066 !important; border-bottom: 3px solid #000066 !important; } /* Lesezeichen-Symbolleiste - Farben, Schriftgröße in px + fett, Rahmen in px */ #PersonalToolbar { background-color: #000066 !important; color: #ffff00 !important; font-size: 14px !important; font-weight: bold !important; border-top: 0px solid #000000 !important; border-left: 0px solid #000000 !important; border-right: 0px solid #000000 !important; border-bottom: 0px solid #000000 !important; } /* Lesezeichen-Symbolleiste - Hovereffekt - Farben */ #PlacesToolbarItems > toolbarbutton:hover{ background-color: #ffff00 !important; color: #000066 !important; } /* Lesezeichen-Symbolleiste - Ordnersymbol Farbe Umrandung */ .bookmark-item[container="true"] { fill: zyan !important; } /* Lesezeichen-Symbolleiste - Trennlinie senkrecht - Linienfarbe */ #PlacesToolbarItems > toolbarseparator{ -moz-appearance: none !important; border-right: 2px solid #ffff00 !important; } /* Trennlinien alle - Farbe (auch in Lesezeichen-Leiste waagerecht sichtbar) */ menuseparator { -moz-appearance: none !important; border: 2px solid #ffff00 !important; padding: 0px !important; min-height: .9px !important; max-height: .9px !important; } -
Hi,
ja ich nutze eine userchrome.css. Wenn ich diese unbrauchbar mache, sehe ich im Standarddesign nicht, ob da die Striche sind, da oben in den Bereich alles weiss ist. Beim Dark-Theme sind keine Striche zu sehen.
LG Heiko
-
Hallöchen,
ich habe im privaten Fenster oben rechts bei diesen Kopfsymbol links und rechts jeweils einen dicken weißen Strich. Kann man diese irgendwie entfernen? Im Anhang mal noch ein Screenshot.
Hat jemande eine Idee?
LG Heiko
-
Das klappt wunderbar.
Wieder einmal herzlichen Dank für die tolle und auch schnelle Hilfe.
LG Heiko
-
Hallöchen,
mal noch eine kleine Nachfrage. Wäre es möglich, die Farbe des füllenden Kreises anzupassen, wenn gerade ein Download läuft? Und wenn er fertig ist, diesen Pfeil nach unten auch?
Das wäre super, wenn es da noch etwas gäbe.
Besten Dank
LG Heiko
-
Herzlichen Dank. Beide funktionieren wunderbar. Ich finde beide sehr schön und werde mir beide auch mal sichern um einfach mal etwas flexibel zu sein. Echt gute Arbeit Jungs
Nochmal vielen Dank
Beste Grüße Heiko
-
Ah ok, kein Problem.
Hier ist er
LG Heiko
CSS
Alles anzeigen/* Menüleiste (Beschriftung) */ menubar > *{ background-color: blue !important; color: #ffff00 !important; font-size: 15px !important; font-weight: bold !important; } /* Menüleiste (Farbe Zwischenraum bis minimieren) */ #toolbar-menubar { background-color: blue !important; } -
Hallo Forum,
ich habe die Menüleiste aktuell auf blau und nun sind die Buttons oben rechts schließen, verkleinern und minimieren nur sehr schwach zu sehen.
Daher wollte ich mal fragen, ob man diese 3 Buttons mit eigenen Wunschfarben umgestalten kann. Ideal wäre es, wenn man die Farbe für jeden Button festlegen könnte und vielleicht auch einen Hovereffekt beim überfahren mit der Maus erzeugen könnte.
Vielleicht hat jemand einen Code parat.
Herzlichen Dank
LG Heiko
-
Hey Andreas,
der neue Tab Button funktioniert perfekt. Besten Dank dafür.
Deine Übersicht zu den Tabs schaue ich mir in Ruhe an. Danke auch für die Empfehlung.
Vielleicht finde ich ja noch das eine oder andere passende und würde mich bei eventuellen Anliegen hier nochmal melden.
Beste Grüße und nochmal Danke
Heiko
-
Hallo Forum,
ich würde gern in der Tableiste den Button Einen neuen Tab öffnen anpassen. Ich fände es schön, wenn man die Farbe des Buttons sowie das hovern ändern könnte.
Und dann habe ich noch ein Problem mit der festen Höhe der Tableiste. Wenn ich einen Tab offen habe ist die Höhe der Leiste etwas niedriger, als wenn ich einen weiteren Tab öffne. Also klicke ich auf Tab öffnen wird die Leiste dann etwas höher und das ganze Bild verschiebt sich leicht nach unten. Gibt es da einen Schnipsel für eine immer feste Höhe, egal wieviel Tabs offen sind?
Besten Dank
LG Heiko