@Sören:
Danke, funktioniert :klasse:
@EffPee:
Hamburger verschwinden lassen kann ich ja ers, wenn ich beide Funktionen woanners hab und ich hab kein Schimmer :-??, was ich mit dem Javascriptcode machen soll :-??? - ich bin ja mit dem CSS-Kram schon jalbwegs überfordert :oops: .
BTW, wo finde Ich eine Auflistung aller Einträge im Hamburgermenu?
Ich brauch aus dem Hamburger eigentlich nur die im Titel genannten Funktionen.
Kann man die irgenwie irgendwo ausserhalb des Hamburger-Menüs ( :oops: ) auftauchen lassen?
Ich glaub, ich hab den Wald hinter den Bäumen gefunden:
/*---------------------------------------------------------------------*/
/* New-TAB-Button verschönern */
/*---------------------------------------------------------------------*/
#main-window .tabs-newtab-button,
#main-window #TabsToolbar > #new-tab-button
{
border: 1px solid !important; /* Rahmen setzen */
border-radius: 5px 5px 5px 5px !important; /* Runde Ecken */
color: black !important; /* Farbe des Rahmens */
background: lightskyblue !important; /* Hintergrundfarbe */
fill: yellow!important; /* Farbe des "+" */
margin: 5px 5px 0px 5px !important; /* Gesamtgröße des Buttons und relative Lage*/
}
Ganz ohne CSS-Lernen, nur vom HT-Frogger hierdrin abgeguckt:
https://www.camp-firefox.de/forum/viewtopi…art=30#p1057091
Stichwort: "#TabsToolbar .tabbrowser-tab"
guts nächtle...
- Rahmen drummerum
- Runde Ecken
- Rahmenfarbe
- Hintergrundfarbe
- Farbe des "+ "
- Gesamtgröße des "Buttons" (Breite x Höhe)
- Abstand zu den echten TABs
Mehr fällt mir eigentlich nicht ein...
Oder hättest Du noch was interessantes anzubieten?
:-?? Das "+" gegen irgendwas austauschen, z.B gegen eine rotierende Hypnosespirale :shock:
Merci vielmals, Thomas
Habbich mich wohl doof ausgedrückt.
Ich wollte kein CSS lernen, dafür bin ich zu alt und abgucken ist für einen Ü60 einfachere als komplett neu lernen.
Ich wollt mir nur mal anhand eines Bespielcodes angucken, was man von der Optik her mit dem Button unstellen kann.
Bisher hab ich zu dem Button nur das hier gefunden:
#main-window .tabs-newtab-button,
#main-window #TabsToolbar > #new-tab-button {
fill: white!important; }
Kann ich irgendwo nachlesen, was da noch geht?
z.B. Border (eckig oder rund), Backgroundfarbe, sonstwas...
Ich rufe aus meiner userChrome.css u.a. folgenden Code auf:
/**********************************************************
********** Tab-Aussehen verändern ********************
Ursprungscode von HT-Frogger von hier:
https://www.camp-firefox.de/forum/viewtopic.php?f=16&t=122525&start=30#p1057091
**********************************************************/
/* TAB normal (inaktiv):
* Hintergrundfarbe, Schriftfarbe,
* Rahmen um die TABs, oben abgerundet und Abstände angepaßt,
*/
#toolbar-menubar:not([autohide=true]) ~ #TabsToolbar > #tabbrowser-tabs > .tabbrowser-tab > .tab-stack > .tab-background {
border:none!important;}
#TabsToolbar .tabbrowser-tab {
color: black !important;
border: 1px solid !important;
border-bottom: 1px solid black!important;
background: #ffffff !important; /* weiß für inaktive Tabs*/
border-radius: 10px 10px 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: yellow !important; /* #aaaaaa gefällt auch */
font-weight:bold !important;
color: black ! important;
}
/* Tab-Icon etwas größer,
* links weniger, unten etwas mehr Abstand zum TAB-Rand.
*/
#TabsToolbar .tab-icon-image {
height: 18px !important;
width: 18px !important;
margin-left: -2px !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: 20px !important;
width: 20px !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;
}Zwischen den TABs sind immer einige Pixel Abstand, den ich verringern möchte.
Wo kann ich dafür was eintragen?
mDv...
scholly
Schade!
Find ich auch.
Ginge das nicht mit einem Script oder einem Add-On, das nix anderes macht, als mehrere Striche da hin zu setzen?
Als i-Tüpfelchen: Anzahl, Dicke und Farbe der Striche (jeweils) konfigurierbar.
BTW: Nein, ich könnte beides nicht :oops:
Road-Runner:
sieht ja schön einfach aus.
loshombre:
Danke, ich geh dann mal ne runde lesen 
Mittlerweile hat sich in meiner userchrome.css so einiges angesammelt und ich verliere nicht gerne den Überblick.
Ich möchte die ganzen Code-Schnipsel in einzelne Files in einen Ordner chrome/css auslagern und dann nur noch aus der userchrome.css aufrufen.
Gibts hier irgendwo eine Anleitung, wo drinne steht, wie das zu bewerkstelligen ist und worauf ich achten muß?
Achja, ich bin absoluter CSS-Dummy... :oops:
Danke Andreas...
Jetzt hab ich 2 Lösungswege, denn ich bin eben über diesen Fred von HT-Frogger gestolpert:
https://www.camp-firefox.de/forum/viewtopic.php?f=16&t=122944&hilit=list+style+image
Dieser Schnipsel:
treechildren::-moz-tree-image(container),
.bookmark-item[container="true"] {
list-style-image: url('icons/folder-item_1.png') !important;
}
funktioniert grade Problemlos 
In der Toolbar mit den Bookmarks kann man diese Trennlinien übers rechten Mausklick/Neue Trennlinie einfügen.
Lesen? Wat'n dat? Liba Bilda gucken :lol:
:klasse: , Loshombre, hat mir genau die Info gegeben, die ich zum testen brauchte.
Mit "vertical-align: super; " sieht es schon besser aus, mal Tests abwarten, ob ich hinter direkt über Pixel gehe.
/* This file can be used to customize the look of Mozilla's user interface * You should consider using !important on rules which you want to override default settings. */ /* Do not remove the @namespace line -- it's required for correct functioning */ @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); /* set default namespace to XUL */ /* Lesezeichen Sidebar - Ordnericon stehend gelb */ @-moz-document url("chrome://browser/content/bookmarks/bookmarksPanel.xul"), url("chrome://browser/content/history/history-panel.xul") { treechildren::-moz-tree-image(container) { list-style-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAd5JREFUeNqMU79rFUEQ/vbuodFEEkzAImBpkUabFP4ldpaJhZXYm/RiZWsv/hkWFglBUyTIgyAIIfgIRjHv3r39MePM7N3LcbxAFvZ2b2bn22/mm3XMjF+HL3YW7q28YSIw8mBKoBihhhgCsoORot9d3/ywg3YowMXwNde/PzGnk2vn6PitrT+/PGeNaecg4+qNY3D43vy16A5wDDd4Aqg/ngmrjl/GoN0U5V1QquHQG3q+TPDVhVwyBffcmQGJmSVfyZk7R3SngI4JKfwDJ2+05zIg8gbiereTZRHhJ5KCMOwDFLjhoBTn2g0ghagfKeIYJDPFyibJVBtTREwq60SpYvh5++PpwatHsxSm9QRLSQpEVSd7/TYJUb49TX7gztpjjEffnoVw66+Ytovs14Yp7HaKmUXeX9rKUoMoLNW3srqI5fWn8JejrVkK0QcrkFLOgS39yoKUQe292WJ1guUHG8K2o8K00oO1BTvXoW4yasclUTgZYJY9aFNfAThX5CZRmczAV52oAPoupHhWRIUUAOoyUIlYVaAa/VbLbyiZUiyFbjQFNwiZQSGl4IDy9sO5Wrty0QLKhdZPxmgGcDo8ejn+c/6eiK9poz15Kw7Dr/vN/z6W7q++091/AQYA5mZ8GYJ9K0AAAAAASUVORK5CYII=') !important; } } /* Lesezeichen verwalten - Ordnericon stehend gelb */ @-moz-document url-prefix("chrome://browser/content/places/places.xul") { treechildren::-moz-tree-image(container) { list-style-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAd5JREFUeNqMU79rFUEQ/vbuodFEEkzAImBpkUabFP4ldpaJhZXYm/RiZWsv/hkWFglBUyTIgyAIIfgIRjHv3r39MePM7N3LcbxAFvZ2b2bn22/mm3XMjF+HL3YW7q28YSIw8mBKoBihhhgCsoORot9d3/ywg3YowMXwNde/PzGnk2vn6PitrT+/PGeNaecg4+qNY3D43vy16A5wDDd4Aqg/ngmrjl/GoN0U5V1QquHQG3q+TPDVhVwyBffcmQGJmSVfyZk7R3SngI4JKfwDJ2+05zIg8gbiereTZRHhJ5KCMOwDFLjhoBTn2g0ghagfKeIYJDPFyibJVBtTREwq60SpYvh5++PpwatHsxSm9QRLSQpEVSd7/TYJUb49TX7gztpjjEffnoVw66+Ytovs14Yp7HaKmUXeX9rKUoMoLNW3srqI5fWn8JejrVkK0QcrkFLOgS39yoKUQe292WJ1guUHG8K2o8K00oO1BTvXoW4yasclUTgZYJY9aFNfAThX5CZRmczAV52oAPoupHhWRIUUAOoyUIlYVaAa/VbLbyiZUiyFbjQFNwiZQSGl4IDy9sO5Wrty0QLKhdZPxmgGcDo8ejn+c/6eiK9poz15Kw7Dr/vN/z6W7q++091/AQYA5mZ8GYJ9K0AAAAAASUVORK5CYII=') !important; } } /* Lesezeichen - Ordnericon gelb */ @-moz-document url-prefix("chrome://browser/content/browser.xul") { .bookmark-item[container="true"] { list-style-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAd5JREFUeNqMU79rFUEQ/vbuodFEEkzAImBpkUabFP4ldpaJhZXYm/RiZWsv/hkWFglBUyTIgyAIIfgIRjHv3r39MePM7N3LcbxAFvZ2b2bn22/mm3XMjF+HL3YW7q28YSIw8mBKoBihhhgCsoORot9d3/ywg3YowMXwNde/PzGnk2vn6PitrT+/PGeNaecg4+qNY3D43vy16A5wDDd4Aqg/ngmrjl/GoN0U5V1QquHQG3q+TPDVhVwyBffcmQGJmSVfyZk7R3SngI4JKfwDJ2+05zIg8gbiereTZRHhJ5KCMOwDFLjhoBTn2g0ghagfKeIYJDPFyibJVBtTREwq60SpYvh5++PpwatHsxSm9QRLSQpEVSd7/TYJUb49TX7gztpjjEffnoVw66+Ytovs14Yp7HaKmUXeX9rKUoMoLNW3srqI5fWn8JejrVkK0QcrkFLOgS39yoKUQe292WJ1guUHG8K2o8K00oO1BTvXoW4yasclUTgZYJY9aFNfAThX5CZRmczAV52oAPoupHhWRIUUAOoyUIlYVaAa/VbLbyiZUiyFbjQFNwiZQSGl4IDy9sO5Wrty0QLKhdZPxmgGcDo8ejn+c/6eiK9poz15Kw7Dr/vN/z6W7q++091/AQYA5mZ8GYJ9K0AAAAAASUVORK5CYII=') !important; -moz-image-region: rect(0px 16px 16px 0px) !important; } }
Nachdem ich die Trennlinien verändern kann, würde ich mit den Ordnern auch gerne etwas rumtesten:
Liegend statt stehend, eventuell andere Farben.
Oder sogar eine Eigenkreation :oops:
Geht da was ?
Danke, Andreas, Farbe und Breite ändern hat problemlos geklappt, ich hatte ThreeDShadow und ThreeDHighlight nicht als Farbbezeichnung erkannt.
Was kann man mit "vertical-align: middle;" anstellen?
In meiner userChrome.css habe ich folgenden Code gefunden, der wohl das Aussehen der senkrechten Trennlinie zwischen Bookmarks verändern kann:
#personal-bookmarks #PlacesToolbar toolbarseparator
{
-moz-appearance: none !important;
visibility: visible !important;
display:inline;
text-shadow: none !important;
border-left: 3px solid ThreeDShadow !important;
border-right: 3px solid ThreeDHighlight !important;
vertical-align: middle;
}
Wie kann ich die Farben von "border-left" und "border-right" ändern?
Wie kann ich die Trennlinien einige Pixel nach oben verschieben?
Gibts irgendwo einen Code mit Kommentaren zu den in diesem Bereich möglichen Einträgen?
mDv...
scholly
Ja.
Hm...
Dann hab ich ein Problem, denn da hab ich keine Unterverzeichnisse \defaults\pref.
AFAIR hab ich damals, als es den ersten 64bit-FF gab, das Teil von "portableapps.com" genommen.
Das hat diesen Tree:
[attachment=0]FT-Tree.jpg[/attachment]
Gehören die Files dann hierhin?
...\FirefoxPortable\App\firefox64
bzw.
...\FirefoxPortable\App\firefox64\defaults\pref
bzw.
...\FirefoxPortable\Data\profile\chrome
Und womit teste ich dann (morgen) am einfachsten, ob es richtig installiert ist?
bin mal gespannt, ob ich DAS hinbekomme :-??:-???
[*]Direkt in den Firefox-Programmordner kommt die Datei config.js sowie das komplette Verzeichnis userChromeJS.
[*]In den Unterordner \defaults\pref im Firefox-Programmordner wird die Datei config-prefs.js hineinkopiert.
[*]Die Dateien userChrome.js, userChrome.css und userContent.css aus dem Unterverzeichnis chrome werden in das gleichnamige Verzeichnis deines Profil-Ordners kopiert. Sollte dort noch kein Ordner chrome vorhanden sein, kannst du das gesamte Unterverzeichnis dorthin kopieren.
Das gilt so auch für eine Portable Installation?
Danke :klasse: , EffPeh, vielleicht trau ich js-Dummy :oops: mich jetzt auch noch da ran...
:klasse: moin, moin...
Ist es irgendwie möglich, eine zusätzliche Symbolleiste / private Toolbar zu erhalten?
Wenn ich eine zusätzliche Symbolleiste / private Toolbar hätte, in die ich Add-On-Icons, Such-Fenster etc. verschieben könnte, bräuchte ich die Lesezeichen-Symbolleiste (bookmark-toolbar ?) dafür nicht zu misbrauchen.
Unter FF56 hatte ich folgendes Fenster-Layout:
[attachment=2]FF-Kopf_alt.jpg[/attachment]
Mittlerweile bin ich nach dem Update auf 57 dank ettlicher Helferlein hier ausm Forum fast wieder da angelangt :klasse:
Allerdings stosse ich grad an eine Grenze :-??
Ich hab über "Anpassen" und viel Hin- und Hergeschiebe folggenden Aufbau:
[attachment=1]FF-Kopf_anpassen.jpg[/attachment]
Mit dem Ergebnis bin ich zu 97% zufrieden:
[attachment=0]FF-Kopf_kaputt.jpg[/attachment]
Die restlichen 3% sind Rot eingekreist:
- Der "Downloadfortschrittsbutton" rutscht im Betrieb unmotiviert einige Pixel nach unten
- Die Trennlinie besteht statt aus einem einfachen schwarzen Strich aus einem dickeren grau/weißen Balken
- Wenn ich einen TAB per Maus in einen Ordner kopieren will, verschiebt sich die Adressleiste (navigation-toolbar) nach oben und wenn ich nicht eine 3. Lesezeichen-Zeile eingerichtet hätte, könnte ich z.B. nichts in einem Ordner der 2. Zeile ablegen (hoffentlich war das jetzt verständlich :oops: )
Mir ist schon klar, dass das Grummeln auf hohem Niveau ist, aber Mensch ist halt ein Gewohnheitstier :oops: und ich hab hier schon viele Problemlösungen gelesen, wo ich als Quasi FF-Nur-User mit den Ohren geschlackert habe.
Hat irgendwer die ein oder andere Idee?
Edith sagt: Und die Trennlinien sind auch leicht nach unten verschoben...