Abstand der Lesezeichen

Zitat von Sascha B.

Man ist das doof von mir!

Alles ist gut

Ich weiß nicht, was du alles brauchst bzw. haben möchtest.

Ich habe den Code mal verkürzt, sieht jetzt so aus:

/*Tabs unten*/
#TabsToolbar {
  order: 100 !important;
}

/*Schließenbutton in rot*/
.tab-close-button {
  color: red!important;
}

/*Abstände in den Menüs*/
menupopup > menuitem, menupopup > menu {
  padding-block: 0px !important;
}


/*nur für die Sidebar*/
@-moz-document url("chrome://browser/content/places/bookmarksSidebar.xhtml") {

/*Abstände der Links/Ordner untereinander*/
.sidebar-placesTree treechildren::-moz-tree-row {
  min-height: 19px !important;
}
 
/*Schriftgröße nur in der Sidebar*/
.sidebar-placesTreechildren::-moz-tree-cell-text(container),       
treechildren::-moz-tree-cell-text {
  font-size: 19px !important;
 }
}

Teste ihn bitte mal, und sag dann was dir noch fehlt.

Anmerkung: es wäre (wiederholt) vorteilhaft, wenn du verschiedene Ziele (Tab-Bar, Lesezeichen) in verschiedene CSS-Dateien speichern könntest. Damit wird es wesentlich leichter, bestimmte Fehler zu finden, weil diese in exakt nur einer Datei stehen.

Bsp

@import url(./tabbar.css);

@import url(./lesezeichen.css);

Ich habe den Eindruck, dass du nicht das gesamte CSS eingebracht hast in deine Anfrage. Denn ansonsten würde das CSS von Andreas funktionieren.

Zitat von Sascha B.

leider keine Veränderung:

So sieht das hier mit dem Code aus:

Die Abstände sind in den Lesezeichen und der Sidebar geringer, und die Tableiste ist unten.

Teste diesen Code bitte mal, ich habe die Reihenfolge mal geändert:

/*nur für die Sidebar*/
@-moz-document url("chrome://browser/content/places/bookmarksSidebar.xhtml") {

/*Abstände der Links/Ordner untereinander*/
.sidebar-placesTree treechildren::-moz-tree-row {
  min-height: 17px !important;
  max-height: 17px !important;
}
 
/*Schriftgröße nur in der Sidebar*/
.sidebar-placesTreechildren::-moz-tree-cell-text(container),       
treechildren::-moz-tree-cell-text {
  font-size: 14px !important;
 }
}


/*Tabs unten*/
#TabsToolbar {
  order: 100 !important;
}

/*Schließenbutton in rot*/
.tab-close-button {
  color: red!important;
}

/*Abstände in den Menüs*/
menupopup > menuitem, menupopup > menu {
  padding-block: 0px !important;
}

Die Werte kannst/musst du dir dann anpassen.

Zitat von Sascha B.

userChrom.css

Schreibfehler?

die Datei heißt: userChrome.css

Ansonsten:

Du hast deinen kompl. Code aus der userChrome.css entfernt, und nur meinen wieder eingefügt?

Danach hast du den Firefox neu gestartet?

Zitat von Sascha B.

In meinem Profilordner sind 2 Dateien: userChrom.css und userContent.css.

In der ersten genau der von Andreas gebaute Code, die 2. habe ich noch nie angefaßt!

Die userChrome.css ist für die Gestaltung der Firefox-Oberfläche und die userContent.css für die Gestaltung von Webseiten. Was .DejaVu in Beitrag #83 meint, ist, dass man für jeden Zweck eine eigene CSS-Datei anlegen kann, die man dann mit dem @import-Befehl in die userChrome.css bzw. userContent.css importiert. Dann braucht man nicht vielen Code für unterschiedliche Zwecke in die userChrome.css bzw. userContent.css hineinschreiben, die dann irgendwann sehr lang werden, sodass man die Übersicht verliert, was da nun eigentlich drin steht und wofür das alles da ist. Zumal, wenn man wenig Kenntnisse in CSS hat.

Zitat von Sascha B.

immer noch anders.

Dieser Eintrag in about:config:

toolkit.legacyUserProfileCustomizations.stylesheets

steht bei dir auf true?

Zitat von Sascha B.

Da tun sich Fragen auf: Wie anlegen und benennen? Bisher bin ich immer davon ausgegangen, das FF nur die userChrome.css kennt und da alles drin ist. Von anderen Einzeldateien habe ich bisher nie was gewußt...

Du hast noch nie in deinem Computerleben eine Datei angelegt, die Dateien userChrome.css und userContent .css sind dir nur zugeflogen? Das kann ja wohl kein Problem sein. Du kannst den Namen frei wählen, er sollte sich aber auf den Inhalt beziehen. Wenn du z. B. eine ganze Reihe CSS-Codes zu Tabs hast, nenne die Datei einfach Tabs.css. Und wenn du dann noch CSS-Regeln zu Lesezeichen hast, lege eine weitere Datei mit dem Namen Lesezeichen.css an. Wenn du später irgendwann mal Probleme mit den Tabs hast, weißt du in welcher Datei du nachsehen musst.

Zitat von Sascha B.

Ich bin vor langer Zeit durch ähnliche Probleme auf dieses Forum gestoßen und habe stets umgehende und wirksame Hilfe erhalten - das war nie so kompliziert wie heute! Es gab schlicht keine Notwendigkeit, sich da noch erheblich tiefer mit zu beschäftigen.

Das ist doch Unsinn. Da ist nichts kompliziert. Da ist nur etwas neu für dich. Statt Bereitschaft zu zeigen, etwas lernen zu wollen, mauerst du stattdessen. Leider wie viele andere Nutzer auch. Wenn man dann weiß, wie etwas geht, ist das dann ein Kinderspiel.

Zitat von milupo

eine Datei angelegt

Ich denke, erstmal sollte der Code überhaupt funktionieren, und dann erst könnte man sich über import Regeln unterhalten

Zitat von Sascha B.

sonst habe ich nix gemacht.

Dann fällt mir auf die Schnelle auch erstmal nichts mehr dazu ein.

Zitat von 2002Andreas

Ich denke, erstmal sollte der Code überhaupt funktionieren, und dann erst könnte man sich über import Regeln unterhalten

Und wer hat geschrieben, dass der jetzige nicht funktionierende Code sofort in neue CSS-Dateien gesteckt werden muss? Ich nicht. Natürlich sollte der Code erst funktionieren. Aber man kann doch mal schon für die Zukunft weiterdenken.

Zitat von Sascha B.

Von daher: Sacht mir wie's geht und ich bin dabei!

Fein!

Zitat von Sascha B.

das Arbeit auf einen zukommt, die man (ich) gerade gar nicht gebrauchen kann...

Diese "Arbeit" ist in einer Minute erledigt...

Zitat von Sascha B.

Bei allen Leseversuchen der bisherigen CSS scheiterts manchmal schon am Englisch, aber auch am Verständnis, wofür welcher Eintrag gut ist.

Da geht es den Menschen wie den Leuten. Aber das musst du auch nicht, dafür gibt es die Helfer. Es ist aber natürlich von Vorteil, sich etwas auszukennen. Aber das kommt mit der Zeit. Das mit den gesonderten Dateien ist lediglich eine rein organisatorische Sache. Mit CSS selbst hat das nichts zu tun. Es erleichtert lediglich die Arbeit.

Zitat von Sascha B.

Von daher: Sacht mir wie's geht und ich bin dabei!

Schau mal hier.
Was allerdings komplizierter aussieht als es ist.

Also: du hast ja eine userChrome.css, in deinem chrome Ordner, in der steht zB das:

/*userChrome.css*/

#nav-bar {
    background-color: red !important;
}

Jetzt möchtest du diesen Code hinzufügen:

#TabsToolbar {
    background-color: cyan !important;
}

Statt den Code direkt in die userChrome.css zu schreiben, erstellst du eine neue CSS Datei, namens tabs.css, ebenfalls im gleichen chrome Ordner.

Inhalt:

/*tabs.css*/

#TabsToolbar {
    background-color: cyan !important;
}

Dann importierst du diese tabs.css via der userChrome.css:

/*Neue userChrome.css*/

@import url("tab.css"); 

/*Alter CSS Code*/
#nav-bar {
    background-color: red !important;
}

Die Import Regel muss ganz oben stehen, vor dem CSS Code in der userChrome.css, und der verlinkte tabs CSS Code wird dann ganz normal eingelesen und ausgeführt.
(Alle Anmerkungen zwischen den /* */ Zeichen sind nur Kommentare ohne Effekt.)

Zitat von Sascha B.

Warum trotz 1:1 wieder hergestellter CSS dann aber alles anders aussieht verstehe ich nicht.

Das kann passieren, weil Mozilla Firefox immer weiter entwickelt und dabei keine Rücksicht auf Anpassungen nimmt. Mozilla bietet lediglich die Möglichkeit dazu. Firefox 139 bringt wieder etwas Neues mit, das Änderungen im CSS-Code erfordert. Du musst dir immer im Klaren sein, wenn du Anpassungen vornimmst, musst du dich immer selbst kümmern, wenn nach einem Firefox-Update etwas nicht mehr funktioniert. Sei es auch nur, indem du dich an dieses Forum wendest.