Beiträge von harff182

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

Zitat von dribs

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.

Zitat von 2002Andreas

CSS

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

Alles anzeigen

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

Zitat von 2002Andreas

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 :-??:-???

Zitat von EffPeh

[*]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...

Zitat von Andreas Borutta

"Chronik anzeigen" wird bereits durch ".urlbar-history-dropmarker" getroffen.

Sorry, dann hab ich da gestern bei den ganzen Lösch-Versuchen wohl was verwexelt :oops:

Zitat

"Leseansicht öffnen" gibt es hier in einem jungfräulichen Profil (also gar keine userChrome.css) nicht:
https://www.dropbox.com/s/3v6ugqc4lzhq…%2016.48.23.png
Bei http://spreeblick.com
Muss man die Funktion "Leseansicht öffnen" irgendwo in FF57 aktivieren?

hm...
AFAIR tauchte das immer auf, wenn in einem TAB vorher mehrere Seiten nacheinander besucht worden waren und man dann mit dem Mauszeiger über die Adressleiste kam.

Zitat von Andreas Borutta

Zu zwei Deiner Einträge konnte ich keinen Effekt feststellen:

#reader-mode-button
.autocomplete-history-dropmarker

Als ich sie rausnahm, konnte ich dennoch keine GUI-Elemente in der Adressleiste sehen.

Guck ma meinen Beitrag #14:

#reader-mode-button , das ist das "Brief-Icon" ( "Leseansicht öffnen" ?)
Das ist so ein Button, der ausssieht, wie ein Stück Briefpapier mit 3 Zeilen.

.autocomplete-history-dropmarker , "v"-Button = "Chronik anzeigen"

Meine beiden Problechen sind auch weg :klasse::klasse:

Merci vielmals...
scholly

Zitat von miku23

Kleine Anmerkung dazu; die beiden Buttons sind ausgegraut im Anpassen-Fenster und können daher nicht herausgezogen werden. Es ist also so von Mozilla vorgesehen und kein Fehler.

Hm...
der Hamburger ist auch ausgegraut und der war eben bei mir weg :o

Zitat von EffPeh

CSS

#back-button , #forward-button , #PanelUI-button , #pageActionButton , .urlbar-go-button , .autocomplete-history-dropmarker , .urlbar-history-dropmarker {
	display: none !important;
}

Brief sagt mir nichts.

Urgs... Kann FF grad nicht beenden, hab eben nen 1-Std-Download per Videodownloadhelper angeworfen
Werd ich aber nachher mal alles durchprobieren. :oops:

Das ist das, was bei mir noch wech soll:
[attachment=0]FF-Kopf_das_soll weg 1.jpg[/attachment]