Beiträge von heiko

heiko · 21. Juni 2023

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

heiko · 1. Juli 2021

grisu2099

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

heiko · 1. Juli 2021

AngelOfDarkness

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

heiko · 1. Juli 2021

milupo

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.

2002Andreas

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

heiko · 1. Juli 2021

Juhu,

schon passt es. Sehr gute Arbeit Herzlichen Dank

LG Heiko

heiko · 1. Juli 2021

Ich nutze das System-Theme.

Hier mal meine css

CSS

#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;
}

Alles anzeigen

heiko · 1. Juli 2021

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

heiko · 1. Juli 2021

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

heiko · 16. Juni 2021

Das klappt wunderbar.

Wieder einmal herzlichen Dank für die tolle und auch schnelle Hilfe.

LG Heiko

heiko · 16. Juni 2021

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

heiko · 12. Juni 2021

Dharkness

2002Andreas

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

heiko · 12. Juni 2021

Ah ok, kein Problem.

Hier ist er

LG Heiko

CSS

/* 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;
}

Alles anzeigen

heiko · 12. Juni 2021

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

heiko · 11. Juni 2021

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

heiko · 11. Juni 2021

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

heiko · 10. Juni 2021

Perfekte Arbeit. Mega.

Herzlichen Dank für deine Arbeit.

Beste Grüße Heiko

heiko · 10. Juni 2021

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

heiko · 10. Juni 2021

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

heiko · 10. Juni 2021

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?

heiko · 10. Juni 2021

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

.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;
}

Alles anzeigen

Beiträge von heiko

Gibt es so eine Erweiterung?

2 weiße Striche im privaten Fenster oben rechts

2 weiße Striche im privaten Fenster oben rechts

2 weiße Striche im privaten Fenster oben rechts

2 weiße Striche im privaten Fenster oben rechts

2 weiße Striche im privaten Fenster oben rechts

2 weiße Striche im privaten Fenster oben rechts

2 weiße Striche im privaten Fenster oben rechts

Farbe der Symbole in Navigationsleiste ändern

Farbe der Symbole in Navigationsleiste ändern

Die 3 Buttons schließen, verkleinern, minimieren vom FF einfärben

Die 3 Buttons schließen, verkleinern, minimieren vom FF einfärben

Die 3 Buttons schließen, verkleinern, minimieren vom FF einfärben

Optimierung der Tableiste

Optimierung der Tableiste

Komischer Rahmen um Adressleiste und Downloadfenster

Komischer Rahmen um Adressleiste und Downloadfenster

Komischer Rahmen um Adressleiste und Downloadfenster

Komischer Rahmen um Adressleiste und Downloadfenster

Komischer Rahmen um Adressleiste und Downloadfenster