Perfekte Arbeit. Mega.
Herzlichen Dank für deine Arbeit.
Beste Grüße Heiko
Beiträge von heiko
-
-
Vielleicht noch eine Feinheit zum krönenden Abschluss
Ich würde gern beim markieren der Adresse die Farben noch festlegen. Also wenn man einmal reinklickt, die Schriftfarbe ändern und den Hintergrund der Schriftfarbe. Sicher ein klacks für dich
-
Andreas, du bist einfach klasse.
Es funktioniert jetzt.
Ich habe mir deinen letzten Code jetzt nochmal genau angesehen und siehe da, du sprichst nur "#nav-bar" an und ich hatte da immer "#nav-bar .toolbarbutton-1 {". Das #nav-bar hab ich jetzt davor gesetzt und siehe da, perfekt.
Herzlichen Dank. Du bist echt klasse. Mega Job, Respekt
-
Ok, am Ende führt ja 0 oder 0px hier zum gleichen Ergebnis. Natürlich habe ich auch 0 probiert, aber der weiße Rahmen um die Adressleiste ist immer noch wie oben in Beitrag 1.
2002Andreas, wäre denn bei dir auch ein weißer Rahmen, wenn du die Navigationsleiste mit blau füllen würdest?
-
Es geht voran
Jetzt ist auch ein roter Rahmen da, aber der schummelt immer wieder ganz außen diesen hässlichen weißen Rahmen drumrum. Ich hatte diesen Rahmen auch beim Kontext drumrum und habe das dann zufällig durch einen Schnipselcode wegbekommen. Da hat das hier geholfen. Ich weiss das es 2 paar Schuhe sind, aber vielleicht ist da noch ein Ansatzpunkt.
CSS
Alles anzeigen.arrowscrollbox { display: none !important; } .menupopup-arrowscrollbox, menupopup > menuitem , menupopup > menu { appearance: none !important; background-color: #000066 !important; color: #ffff00 !important; } .menupopup-arrowscrollbox { border: 1px solid #ffff00 !important; } -
Mein eigentliches Ziel ist ein 1-2px Rahmen in rot um die Adressleiste herum.
Und um zu testen, dass der Rahmen erstmal ganz weg ist, stehen die Werte aktuell auf 0.
Leider hat der urlbar-input nichts geändert. Ich habe jetzt mal 5px red eingetragen...ein rot taucht auch nicht auf.
Es bleibt einfach weiß.
Ich habe in einen anderen Beitrag gelesen, dass die weißen Rahmen nicht vom Firefox, sondern von Windows oder am Theme von Firefox liegen könnte.
Danke für deine Mühe
-
Vielen Dank Andreas
Das Downloadfenster passt perfekt.
Was noch nicht klappt, ist die Hintergrundfarbe der Adressleiste.
Normal sollte die jetzt testweise schwarz sein, sie bleibt aber weiß.
Die color Farbe rot funkioniert aber.
Kommt da bei #urlbar vielleicht noch etwas hin?
Hier nochmal der aktuelle Code
CSS
Alles anzeigen/* Adressleiste - Farben, Schriftgröße in px + fett, Rahmen in px */ #urlbar { background-color: #000000 !important; color: red !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; } -
Hi Andreas,
hier mal der Code vom Navigationsbereich und vom gesamten Downloadfenster
CSS
Alles anzeigen/* Download-Fenster (Navigationsleiste) */ /* Aussenrahmen */ .panel-arrowcontent { border-top: 0px solid red !important; border-left: 0px solid red !important; border-right: 00px solid red !important; border-bottom: 0px solid red !important; } /* Pfeil nach oben - unsichtbar - KEIN EFFEKT */ .panel-arrow[side="top"] { visibility:hidden} /* Schriftfarbe Downloadinfos - Farben, Schriftgröße in px, fett, Deckkraft (opacity) */ .downloadDetails.downloadDetails { color: #ffff00 !important; background-color: #000066 !important; font-size: 15px !important; font-weight: bold !important; opacity: 1.0 !important; } /* keine Downloads in dieser Sitzung - Farben, Schriftgröße in px + fett + Rahmen */ .panel-view-body-unscrollable { background-color: #000066 !important; color: #ffff00 !important; font-size: 14px !important; font-weight: bold !important; border-top: 2px solid #ffff00 !important; border-left: 2px solid #ffff00 !important; border-right: 2px solid #ffff00 !important; border-bottom: 1px solid #ffff00 !important; } /* Alle Downloads anzeigen - Farben, Schriftgröße in px + fett + Rahmen */ .downloadsPanelFooterButton{ background-color: #000066 !important; color: #ffff00 !important; font-size: 11px !important; font-weight: bold !important; border-top: 1px solid #ffff00 !important; border-left: 2px solid #ffff00 !important; border-right: 2px solid #ffff00 !important; border-bottom: 2px solid #ffff00 !important; } /* Download Fortschrittsbalken - füllend - Farbe */ progress::-moz-progress-bar { background-color: #60F205 !important; } /* Download Fortschrittsbalken - leer - Farbe */ .downloadProgress { background-color: red !important; }CSS
Alles anzeigen* Navigationsleiste - Farbe, Symbolfarbe, Rahmen in px */ #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; } /* Adressleiste - Farben, Schriftgröße in px + fett, Rahmen in px */ #urlbar { 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 .textbox-input::selection { background-color: #000000 !important; color: #ffffff !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; } -
Hallo Forum
seit Version 89.0 habe ich einen fetten weißen Rahmen um die Adressleiste herum. Das gleiche ist auch beim Downloadfenster, was ich in der Navigationsleiste aufklicke. Alle Border-Werte sind aktuell auf 0px, Rahmen bleibt aber. Setze ich zb auf 2px mit Farbe rot, ist rot da aber dennoch auch der weiße Rahmen.
Kann mir da jemand helfen? Ich wäre sehr dankbar.
LG Heiko
CSS/* Download-Fenster (Navigationsleiste) */ /* Aussenrahmen */ .panel-arrowcontent { border-top: 0px solid red !important; border-left: 0px solid red !important; border-right: 00px solid red !important; border-bottom: 0px solid red !important; }CSS
Alles anzeigen/* Adressleiste - Farben, Schriftgröße in px + fett, Rahmen in px */ #urlbar { 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; } -
Hallo nochmal,
diese Linien tauchen auch um die Adressleiste herum sowie auch beim Downloadfenster auf. Auch oben in der Menüleiste zwischen Hilfe und minimieren war alles weiß, was ich mit anpassen des Menüleisten-Codes ausbügeln konnte.
Da ich Andreas seinen letzten sauberen Code einzeln in der css hatte und da trotzdem die weiße Linie auftaucht, liegt es doch irgendwo schon am Grunddesign oder so.
Im Anhang habe ich mal die Adressleiste und das Downloadfenster, wo man dieses Problem schön sehen kann.
Ich hoffe irgendwie, dass man hier eine Wunderheilung hinbekommen kann.
Danke
-
Perfekt. Klappt wunderbar. Immer wieder eine tolle Arbeit. Danke Andreas für die Mühe.
Auch noch ein Danke an Sören. Super, macht weiter so und ein schönes Wochenende.
Beste Grüße Heiko
-
Sehr cool, das wird schon immer besser. Ich habe auch hier mal einen background-color: blue !important; eingefügt, da macht er nur einen kleinen Rand in der Farbe ganz außen und um das Symbol der Hintergrund ist weiss.
Gibt es da noch einen Trick?
-
Ich habe jetzt Sörens Code eingebaut und siehe da, die Symbole sind gelb. Ich habe einen background-color Wert mit eingebaut und schon sieht es perfekt aus.
Jetzt wäre noch ein Hovereffekt sehr nice
Danke für die Hilfe.
-
Hey Sören,
danke für deine Aufklärung.
Ja, mir geht es nur um die Farbe ändern. Wäre schon schön wenn es da mit einen kleinen Code zu machen wäre.
LG Heiko
-
Na das ist ja blöd. Warum machen die Entwickler denn sowas? Ist das sehr viel Aufwand, die Symbole zb aus dem FF 88.0.1 irgendwie rauszuklauen und in den 89er reinzubasteln?
-
Hallo Micha,
ich meinte eigentlich alle Symbole wie Hausseite, das Downloadmenü öffnen, vor, zurück, Seite neu laden, das diese Symbole alle in zb einen schönen kräftigen gelb dargestellt werden.
-
Jetzt bin ich irgendwie total ratlos. Ich habe deinen Code nochmal frisch reingebastelt. Kein Erfolg. Die weiße fette Linie ist links und rechts, oben und unten immer noch zu sehen.
Dann dachte ich mir, ok lösche mal den gesamten Inhalt der css. Gespeichert, FF neu geöffnet, original Design...bisher logisch. So und jetzt habe ich nur deinen Code alleine in der css wieder eingefügt, gespeichert. FF neu geöffnet, Design noch standard, Rechtsklick das ein Kontextmenü erscheint und wieder ist die gleiche Ansicht mit den weißen Strich links und rechts sowie oben und unten wie auch im Screenshot oben zu sehen.
Der will mich hier triggern
-
Leider keine Änderung. Wäre auch zu schön gewesen. Wo könnte man da jetzt noch ansetzen?
Die größte Ahnung habe ich leider nicht.
Aber wirklich klasse, dein Engagement.
-
Das dachte ich mir jetzt schon, dass woaders vielleicht das Problem liegt.
Ich würde dir gern mal das gesamte Kontextmenü posten. Vielleicht findest du ja dort noch das Problem.
Danke für deine Mühe.
CSS
Alles anzeigen/* Kontext-Menu */ /* Rahmen - Stärke in px + Farbe */ .popup-internal-box, menupopup, popup{ -moz-appearance: none!important; border: 0px solid #ffffff !important; } /* Schriftgröße in pt */ menupopup > * {font-size: 11pt !important; } /* Schriftfarbe + fett + Rahmen um jede Zeile in px + Farbe */ menupopup > menu , menupopup > menuitem,popup > menu , popup > menuitem { -moz-appearance: none!important; color: #ffff00 !important; font-weight: bold !important; border: 0px solid #ffffff !important; } /* Hintergrundfarbe */ .popup-internal-box *, #context-navigation, menupopup > menu , menupopup > menuitem,popup > menu , popup > menuitem { background-color: #000066 !important; } /* Hovereffekt - Farben + Höhe Effekt */ menupopup > menuitem:hover, menupopup > menu:hover{ -moz-appearance:none!important; background-color: #ffff00 !important; color: #000066 !important; height: 22px !important; } /* Abstände der Einträge */ menupopup > menuitem, menupopup > menu { padding-block: 0 !important; padding-inline-start: 14px !important; } -
So, mit deinen Code sieht es dann aktuell so aus.