Beiträge von HT-Frogger

HT-Frogger

Gehe in Deinen Firefox-Profilordner (Hilfe - Informationen zur Fehlerbehebung - Profilverzeichnis - Ordner öffnen) und dann weiter in den Ordner "chrome" (anlegen wenn nicht vorhanden). Darin dann eine reine Textdatei "userChrome.css" (Schreibweise beachten) anlegen und den Code einfügen. FF neu starten und glücklich sein...

CSS

/* Do not remove the @namespace line -- it's required for correct functioning
 * set default namespace to XUL
 */
@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");


/**********************************************************
 ********** Reihenfolge der Leisten ***********************
 **********************************************************/


/* Die Reihenfolge der Leisten im Leisten-Container wird durch die
 * zugewiesenen Zahlen der "-moz-box-ordinal-group" bestimmt:
 * Oben die Menü-Leiste, darunter die Navigations-Leiste danach
 * die Lesezeichen-Leiste, unten die TAB-Leiste, so wie man es
 * von früher her gewohnt ist.
 * 
 * Oft wird eine andere Vorgehensweise beschrieben.
 * Ob es wichtig ist? Ich habe sie jedenfalls einfach von 1 bis 4
 * durchnummeriert, das ist übersichtlich und hat bisher geklappt.
 */
#toolbar-menubar {
  -moz-box-ordinal-group: 1 !important;
}
#nav-bar {
  -moz-box-ordinal-group: 2 !important;
}
#PersonalToolbar {
  -moz-box-ordinal-group: 3 !important;
}
#TabsToolbar {
  -moz-box-ordinal-group: 4 !important;
}

Alles anzeigen

Gruß Harry

HT-Frogger

Versuche doch mal die @namespace-Anweisung am Anfang ganz heraus zu nehmen:

Code

@namespace html url(http://www.w3.org/1999/xhtml);

Vielleicht bringt das was, die "alte" Anweisung die ich von früher kannte:

Code

@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");

führt bei mir dazu daß der Code NICHT funktioniert. Aber auch ganz ohne diese Anweisungen klappt es hier gut.

Und der Text in den () gehört an sich in "". Das ist auch noch so eine versteckte Sache die bei mancher Distri unterschiedlich gehandhabt werden kann:

Code

@-moz-document url-prefix("chrome://browser/content/browser.xul"),

Und url-prefix besagt an sich, daß nur der Anfang angegeben werden muß, also z.B. "chrome:" dann wirkt es für alles was so beginnt.

Das sind also ein paar Gedanken von mir... irgend wo muß es ja dran liegen... Gruß Harry (auch mit Linux)

HT-Frogger

Hmmm - Hier funktioniert der Doppelklick zum neuen Tab. Ist da evt noch ein alter Eintrag in about:config ? Wenn ich da nach "click" suche, steht alles auf Standard. Aber vielleicht meldet sich noch jemand der den Schalter kennt...

Gruß Harry

HT-Frogger

Hallo Martin, dieser Code (aus Beitrag 52, leicht modifiziert und mit den "schiefen" Ecken) alleine funktioniert. Wenn noch anderer Code dazu kommt, kann sich was "beißen". Da muß man schauen ob die gleichen Elemente auch angesprochen werden und was dann gültig ist. Vor allem die @namespace-Zeile nur einmal und am Anfang. Kann aber glaube ich auch weg...

CSS

/* Tabs rund und farbig */
/* Do not remove the @namespace line -- it's required for correct functioning
 * set default namespace to XUL
 */
@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");


/**********************************************************
 ********** Reihenfolge der Leisten ***********************
 **********************************************************/


/* Die Reihenfolge der Leisten im Leisten-Container wird durch die
 * zugewiesenen Zahlen der "-moz-box-ordinal-group" bestimmt:
 * Oben die Menü-Leiste, darunter die Navigations-Leiste danach
 * die Lesezeichen-Leiste, unten die TAB-Leiste, so wie man es
 * von früher her gewohnt ist.
 * 
 * Oft wird eine andere Vorgehensweise beschrieben.
 * Ob es wichtig ist? Ich habe sie jedenfalls einfach von 1 bis 4
 * durchnummeriert, das ist übersichtlich und hat bisher geklappt.
 */
#toolbar-menubar {
  -moz-box-ordinal-group: 1 !important;
}
#nav-bar {
  -moz-box-ordinal-group: 2 !important;
}
#PersonalToolbar {
  -moz-box-ordinal-group: 3 !important;
}
#TabsToolbar {
  -moz-box-ordinal-group: 4 !important;
}




/**********************************************************
 ********** Vollbildmodus *********************************
 **********************************************************/


/* Damit die Rückkehr aus dem Vollbildmodus mit der Maus klappt:
 * Bei 0 bleiben die URL-Leiste und die Tab-Leiste immer sichtbar,
 * je größer der negative Wert, desto mehr verschwindet aus dem sichtbaren
 * Bereich, ein Pixel muß für den Mauskontakt am oberen Rand immer sichtbar
 * bleiben. Den Wert an die Leistenhöhe anpassen!
 */
#main-window[inFullscreen="true"] #navigator-toolbox {
  margin-top: -80px !important;
}


/* Bei Mauskontakt des noch sichtbaren Pixels die Leisten wieder einblenden
 */
#main-window[inFullscreen="true"] #navigator-toolbox:hover {
  margin-top: 0 !important;
}


/* Etwas schnellere Animation beim ein- und ausblenden, normal ist 1.5s
 */
#navigator-toolbox {
  transition: 0.5s !important;
}




/**********************************************************
 ********** Angaben für die TAB-Leiste ********************
 **********************************************************/


/* TAB normal (inaktiv):
 * Hintergrundfarbe, Schriftfarbe,
 * Rahmen um die TABs, oben abgerundet und Abstände angepaßt,
 * unten kein Rahmen -> Abschlußrahmen vom Container.
 */
 
#TabsToolbar .tabbrowser-tab {
 
  color: black !important;
  border: 1px solid !important;
  border-bottom: none !important;
 
  border-radius: 15px 15px 0 0 / 30px 30px 0 0 !important;
  margin: 3px 1px 1px 2px !important;
  padding: 1px 0 !important;
}


/* TAB bei Mauskontakt:
 * Hintergrundfarbe, Rahmen
 */
#TabsToolbar .tabbrowser-tab:hover {
 
  color: black !important;


}


/* TAB bei bei angewähltem TAB (aktiv):
 * Hintergrundfarbe, Rahmen,
 * Schriftfarbe.
 */
#TabsToolbar .tabbrowser-tab[selected="true"] {
 background: red !important;
  font-weight:bold !important;
  color: black ! important;


}


/* Alle anderen Elemente innerhalb der TABs ohne Hintergrund.
 */
#TabsToolbar .tabbrowser-tab * {
  background: none !important;
  border:none!important;
}


/* Tab-Icon etwas größer,
 * links weniger, unten etwas mehr Abstand zum TAB-Rand.
 */
#TabsToolbar .tab-icon-image {
  height: 20px !important;
  width:  20px !important;
  margin-left: -4px !important;
  margin-bottom: 2px !important;
}
/* Tab-Schließen-Button:
 * Rechts weniger Abstand zum TAB-Rand, etwas größer,
 * Textfarbe (Kreuz)
 * Hintergrundfarbe, an den Eckenradius des Buttons angepaßt.
 */
#TabsToolbar .tab-close-button {
  margin-right: -4px !important;
  padding: 0 !important;
  color: white !important;
}
#TabsToolbar .tab-close-button .toolbarbutton-icon {
  height: 22px !important;
  width:  22px !important;
  background-color: red !important;
  border-radius: 5px !important;
}


/* Tab-Schließen-Button bei angewähltem TAB (aktiv):
 * Hintergrundfarbe.
 */
#TabsToolbar .tab-close-button[selected="true"] .toolbarbutton-icon {
  background-color: red !important;
}


/* Alle anderen Elemente in den TABs ohne Hintergrund.
 */
#TabsToolbar .tabbrowser-tab * {
  background: none !important;
}

Alles anzeigen

Gruß Harry

HT-Frogger

Wenn der Code gar nicht funktioniert muß es ja ein globaler Fehler sein. Da fällt mit nur noch die pingelig genaue Schreibweise ein (Groß-Kleinschrift) "Profilordner/chrome/userContent.css" sowie das Bearbeitungswerkzeug, also nicht mit Word sondern mit Notepad oder ähnlichem Texteditor. Aber das sollte ja klar sein. Ansonsten nicht gleich schreien, wir sind keine Profis an der Servicehotline sondern auch nur User die helfen wollen...

Gruß Harry

HT-Frogger

Bis auf pingelig genaue Schreibweise ist sonst nichts nötig. Den genauen Profilorder (vielleicht gibt es ja noch einige alte Überbleibsel?) erfährt man mit Hilfe - Informationen zur Fehlerbehebung - Profilverzeichnis -> Ordner öffnen. Darunter dann der Ordner "chrome" und darin die reine Textdatei "userChrome.css". Nicht mit Word bearbeiten sondern mit Notepad oder ähnlichem.

HT-Frogger

Danke aborix für die Info. Das war auch nur ein Versuch von mir ob es unter Linux auch klappt. Jetzt wird mir so einiges klar - deshalb auch bei dem Neustart-Button die Möglichkeit mit Mittel- oder Rechtsklick den userChrome-js Cache zu leeren? Ich habe aber trotzdem den Eintag in die userChrome.js gemacht.

Gruß Harry

HT-Frogger

Bist Du auch im richtigen Profilordner zu gange? Hilfe - Informationen zur Fehlerbehebung - Profilverzeichnis (im ersten blauen Block) -> Ordner öffnen.

Funktioniert hier nämlich auch, Gruß Harry

HT-Frogger

Nimm doch den aus Beitrag 52 und ändere die Zeile:
border-radius: 15px 15px 0 0 !important;
in
border-radius: 15px 15px 0 0 / 30px 30px 0 0 !important;
um.
Auch die Farben natürlich anpassen.

Gruß Harry

HT-Frogger

Die Tabs werden doch immer kleiner wenn die Leiste voll ist. Die Mindestbreite ist per default nur 76 Pixel und läßt sich in about:config einstellen: browser.tabs.tabMinWidth

Gruß Harry

HT-Frogger

Zur Info für die Linuxer: Ich habe mal versucht das unter Linux zu verwenden.
Ich habe

Code

apps: [    
	{name: 'Calculator',	path: '\/usr\/bin\/kcalc'},
	{name: 'Opera',		path: '\/usr\/bin\/opera', args: ['%u']},
	{name: 'QupZilla',	path: '\/usr\/bin\/qupzilla', args: ['%u']},
],

eingetragen, es klappt...

Nur mit dem Erkennen von Änderungen hat mein System so seine Probleme. Wenn ich im Quelltext etwas ändere wird es meist nicht erkannt, es hift jedoch ungemein den Dateinamen der Xxx.uc.js zu ändern! Da bin ich noch am suchen...

Gruß Harry

PS: Ich habe das noch mal überprüft. Wenn ich eine Änderung in der "Xxx.uc.js" Datei mache, z.B. einen neuen Eintrag hinzufüge, wird das nicht übernommen. Weder mit Neustart des FF noch mit Neustart des Rechners. Das muß sich der FF irgendwo merken und nicht überprüfen ob die Datei geändert wurde. Wenn ich jedoch den Dateinamen ändere, wird es sofort beim nächsten Start des FF übernommen, schon ist ein Button mehr da. getestet mit der 58er beta.

PS 2: Wenn ich den Ordner "startupCache" im Profilordner lösche, dann liest der FF die Datei korrekt neu ein! Da ist also der "unsaubere" Cache...

HT-Frogger

Ja, an sich habe ich das ja drauf. Ich habe halt nur jeden einzelnen der 4 Werte mit "/" gedoppelt anstatt zuerst die 4 x-Werte und dann der "/" und dann die 4 y-Werte.

Man lernt eben nie aus... Gruß Harry

HT-Frogger

Ach so... ich hatte 4 mal je ein Paar ("15px/30px 15px/30px 0 0") angegeben und das funktionierte nicht. Ich teste das noch mal...

Danke, Gruß Harry

Bingo!

HT-Frogger

Nur so zum Spaß: Wenn man

CSS

#TabsToolbar .tabbrowser-tab {
...
  border-radius: 15px !important;
...
}

in

CSS

#TabsToolbar .tabbrowser-tab {
...
  border-radius: 15px/30px !important;
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
...
}

ändert sieht es so aus:
[attachment=0]Screenshot_20171116_205841.png[/attachment]

Die Wertepaare für Elipsen kann man anscheinend nur allein angeben, nicht für mehrere Ecken gemeinsam. Deshalb das etwas ungewöhnliche Konstrukt.

Gruß Harry

HT-Frogger

Das werde ich so machen. Aber grundsätzlich was das so richtig gedacht von mir, oder?

Gruß Harry

HT-Frogger

Gerade wo jetzt viele Erweiterungen wegfallen, fallen mir beim durchstöbern des Profilordners einige alte Einträge auf. Da möchte ich gerne aufräumen und habe dazu folgende Verständnisfragen:

1. Die Liste unter Hilfe - Informationen zur Fehlerbehebung - Abschnitt Erweiterungen enthällt ALLE aktuell installierten Erweiterungen?

2. Wenn im Ordner "Profilordner/extensions" nicht (mehr) in der Liste vorhandene IP-Einträge auftauchen sind diese Einträge alter Schrott und können weg?

3. Ebenso die nicht (mehr) in der Liste vorhandenen IP-Einträge unter "Profilordner/browser-extension-data"?

4. Auch der komplette (anscheinend alte) Ordner "Profilordner/extension-data" kann weg?

Gruß Harry

HT-Frogger

Verschwinden die kleinen Strichlein wenn man etwas anderes markiert? Ist es evt nur die Kennung vom Betriebssystem des zuletzt aktiv gewesenen Elementes? Dann kann man das natürlich nicht weg bekommen. Bei einem rechteckigen Rahmen fällt das natürlich nicht auf...

Ansonsten kann man den Eckenradius auch mit einer 1/4 Elipse gestalten, also mehr oder weniger schief. Dafür dann einfach statt eines Wertes ein Wertepaar eintragen(z.B. statt "15px" dann "15px/5px") das auch für jede Ecke getrennt.

Gzuß Harry

HT-Frogger

Das ist bei mir nicht so (bei meinem Screenshot waren nur die 3 sichtbaren Tabs auf). Im Original habe ich einen blauen Hintergrund, da sieht man es ohnehin nicht so... Das liegt vielleicht am Betriebssystem, ich habe hier ja Linux. Ansonsten sind alle Farben, Abstände etc anpaßbar.

Gruß Harry

HT-Frogger

Das ist MEIN minimierter Code für die abgerundeten Tabs, die komplette userChrome.css mit dem Screenshot. Die Farben natürlich anpassen und keine anderen Dinge rein die diese Werte wieder verändern würden. Ich benutze natürlich andere Farben...

CSS

/* Do not remove the @namespace line -- it's required for correct functioning
 * set default namespace to XUL
 */
@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");


/**********************************************************
 ********** Reihenfolge der Leisten ***********************
 **********************************************************/


/* Die Reihenfolge der Leisten im Leisten-Container wird durch die
 * zugewiesenen Zahlen der "-moz-box-ordinal-group" bestimmt:
 * Oben die Menü-Leiste, darunter die Navigations-Leiste danach
 * die Lesezeichen-Leiste, unten die TAB-Leiste, so wie man es
 * von früher her gewohnt ist.
 * 
 * Oft wird eine andere Vorgehensweise beschrieben.
 * Ob es wichtig ist? Ich habe sie jedenfalls einfach von 1 bis 4
 * durchnummeriert, das ist übersichtlich und hat bisher geklappt.
 */
#toolbar-menubar {
  -moz-box-ordinal-group: 1 !important;
}
#nav-bar {
  -moz-box-ordinal-group: 2 !important;
}
#PersonalToolbar {
  -moz-box-ordinal-group: 3 !important;
}
#TabsToolbar {
  -moz-box-ordinal-group: 4 !important;
}




/**********************************************************
 ********** Vollbildmodus *********************************
 **********************************************************/


/* Damit die Rückkehr aus dem Vollbildmodus mit der Maus klappt:
 * Bei 0 bleiben die URL-Leiste und die Tab-Leiste immer sichtbar,
 * je größer der negative Wert, desto mehr verschwindet aus dem sichtbaren
 * Bereich, ein Pixel muß für den Mauskontakt am oberen Rand immer sichtbar
 * bleiben. Den Wert an die Leistenhöhe anpassen!
 */
#main-window[inFullscreen="true"] #navigator-toolbox {
  margin-top: -80px !important;
}


/* Bei Mauskontakt des noch sichtbaren Pixels die Leisten wieder einblenden
 */
#main-window[inFullscreen="true"] #navigator-toolbox:hover {
  margin-top: 0 !important;
}


/* Etwas schnellere Animation beim ein- und ausblenden, normal ist 1.5s
 */
#navigator-toolbox {
  transition: 0.5s !important;
}




/**********************************************************
 ********** Angaben für die TAB-Leiste ********************
 **********************************************************/


/* TAB normal (inaktiv):
 * Hintergrundfarbe, Schriftfarbe,
 * Rahmen um die TABs, oben abgerundet und Abstände angepaßt,
 * unten kein Rahmen -> Abschlußrahmen vom Container.
 */
#TabsToolbar .tabbrowser-tab {
  background: gray !important;
  color: black !important;
  border: 1px solid !important;
  border-bottom: none !important;
  border-color: red !important;
  border-radius: 15px 15px 0 0 !important;
  margin: 3px 1px 1px 2px !important;
  padding: 1px 0 !important;
}


/* TAB bei Mauskontakt:
 * Hintergrundfarbe, Rahmen
 */
#TabsToolbar .tabbrowser-tab:hover {
  background: yellow !important;
  color: black !important;
  border-color: gray !important;
}


/* TAB bei bei angewähltem TAB (aktiv):
 * Hintergrundfarbe, Rahmen,
 * Schriftfarbe.
 */
#TabsToolbar .tabbrowser-tab[selected="true"] {
  background: red !important;
  color: white !important;
  border-color: black !important;
}


/* Tab-Icon etwas größer,
 * links weniger, unten etwas mehr Abstand zum TAB-Rand.
 */
#TabsToolbar .tab-icon-image {
  height: 20px !important;
  width:  20px !important;
  margin-left: -4px !important;
  margin-bottom: 2px !important;
}
/* Tab-Schließen-Button:
 * Rechts weniger Abstand zum TAB-Rand, etwas größer,
 * Textfarbe (Kreuz)
 * Hintergrundfarbe, an den Eckenradius des Buttons angepaßt.
 */
#TabsToolbar .tab-close-button {
  margin-right: -4px !important;
  padding: 0 !important;
  color: white !important;
}
#TabsToolbar .tab-close-button .toolbarbutton-icon {
  height: 22px !important;
  width:  22px !important;
  background-color: red !important;
  border-radius: 5px !important;
}


/* Tab-Schließen-Button bei angewähltem TAB (aktiv):
 * Hintergrundfarbe.
 */
#TabsToolbar .tab-close-button[selected="true"] .toolbarbutton-icon {
  background-color: red !important;
}


/* Alle anderen Elemente in den TABs ohne Hintergrund.
 */
#TabsToolbar .tabbrowser-tab * {
  background: none !important;
}

Alles anzeigen

[attachment=0]Screenshot_20171115_185911.png[/attachment]

Gruß Harry

HT-Frogger

Wenn der Strich oben auf dem aktiven Tab noch da ist, zusätzlich:

CSS

#TabsToolbar .tabbrowser-tab * {
  background: none !important;
}

Gruß Harry

Beiträge von HT-Frogger

Firefox 57, Tableiste nach unten verschieben

Fx 57: CSS für Seitenquelltext?

Doppelklick = neuer Tab

eckige Tabs bei Quantum abrunden

Fx 57: CSS für Seitenquelltext?

eckige Tabs bei Quantum abrunden

userChrome.js Scripte für den Fuchs (Diskussion)

Fx 57: CSS für Seitenquelltext?

eckige Tabs bei Quantum abrunden

FF57: Tab-Breite & Mouse hover Effekt [gelöst]

userChrome.js Scripte für den Fuchs (Diskussion)

eckige Tabs bei Quantum abrunden

eckige Tabs bei Quantum abrunden

eckige Tabs bei Quantum abrunden

Veraltete Erweiterungs-Einträge bereinigen?

Veraltete Erweiterungs-Einträge bereinigen?

eckige Tabs bei Quantum abrunden

eckige Tabs bei Quantum abrunden

eckige Tabs bei Quantum abrunden

eckige Tabs bei Quantum abrunden