Firefox about:home Anzahl von Kacheln bestimmen

Ich weiss, dass man in about:config die Anzahl Reihen bestimmen kann, aber das Ding ist, dass so eine "Reihe" eigentlich 8 Kacheln sind, es sind gar keine Reihen. Ich habe about:home so verändert (mittels usercontent.css), so dass ich 10 Kacheln pro Zeile habe. Wenn ich nun in about:config 9 Reihen eingestellt habe, habe ich aber gar keine 9 Reihen mehr, sondern nämlich nur noch 8 reihen, bei denen die 8. nur aus 2 Kacheln besteht (Firefox geht davon aus, dass eine Reihe immer 8 Kacheln hat und erzeugt deswegen bei 9 Reihen 9*8=72 Kacheln. Das ergibt mir dann bei 10 Kacheln pro Zeile aber 7 ganze und eine Zeile mit nur 2 Kacheln).

Meine Frage ist also, ob man irgendwie eine bestimmte Anzahl kacheln einstellen kann, so dass ich das rund hinkriege.

Wichtig ist mir, dass es 9 Zeilen ergibt. Es spielt nicht so eine Rolle, ob es nun 10 oder 11 Kacheln pro Zeile sind (es sollten aber mindestens 10 sein). Aber damit es 9 Zeilen gibt, braucht es eine bestimmte Anzahl an Kacheln. Wenn ich gezwungen bin, das in 8-er Schritten einzustellen, gibt es nur entweder 72 oder 144 Kacheln (nach 72 ist das nächste, gemeinsame vielfache 144). 144 Kacheln bei 9 Reihen ergeben aber 16 Kacheln pro Reihe. Das ist mir dann doch "etwas" zu viel.

Daher die Frage, ob ich irgendwie die Anzahl kacheln genau bestimmen kann.

Danke für die Antwort.

Ja, genau das habe ich nun gemacht (graphisch etwas anders). Das ding ist, ich wollte ja 3x 3 reihen (mit Abstand dazwischen), aber das geht rechnerisch einfach nicht auf, deshalb habe ich nun 5x 2-er reihen mit je 12 Kacheln gemacht. Für Interessierte hier der code:

@-moz-document url(about:home), url(about:newtab) {
/*Wichtige Seiten Abstand zwischen Zeile 3 und 4 (Abstand einer Zeile bei 9, 17, 25 usw)*/
/*Damit das alles funktioniert muss die Bookmark-Bar weg sein (rechtsklick  auf irgendeine Firefoxleiste)*/
/*Textbeschreibung mehrzeilig*/
.top-site-outer .title span {
    white-space: unset !important;
    height: 40px !important;
    }
.top-site-outer .title {
    padding-top: 6px !important;
    }
.top-site-outer .top-site-inner > a {
 padding: 0px 0px 0px !important;
 margin-block-end: 0px !important;
    }
.top-site-outer {
    margin-block-end: 0px !important;
    width: 95px !important;
    }
li.top-site-outer:nth-child(25) > div:nth-child(1) {
 margin-top: 35px !important;
    }
li.top-site-outer:nth-child(49) > div:nth-child(1) {
 margin-top: 35px !important;
    }
    
li.top-site-outer:nth-child(75) > div:nth-child(1) {
 margin-top: 35px !important;
    }
    
li.top-site-outer:nth-child(99) > div:nth-child(1) {
 margin-top: 35px !important;
    }
/*Das verbreitert den Platz für die Kacheln in der Breite, so dass z.B 9 anstatt 8 Kacheln pro Zeile platz haben*/
.ds-outer-wrapper-breakpoint-override main {
    width: 1182px !important;
    }
/*Das minimiert die Abstände oben/unten zwischen den Kacheln (obwohl da was von Schriftgrösse steht)*/
body {
    font-size: 1px !important;
    }
/*Rückt die Kacheln näher zusammen*/
.top-site-outer {
padding: 0 !important;
    }
/*Folgende Zeilen löschen oder verkleinern abstände unten und oben*/
.outer-wrapper {
padding: 0px 0px 0px !important;
    }
.outer-wrapper a {
 color: var(--newtab-primary-action-background);
    }
main {
 margin: auto;
 width: 274px;
 padding: 0;
    }
main section {
 margin-bottom: 0px !important;
 position: relative;
    }

.collapsible-section {
 padding: 0px 30px !important;
    }
/*Folgende Zeilen vergrössern die Kachlen (für 120Prozent Webseitenzoom)*/
.top-site-outer .tile {
 height: 90px !important;
 width: 90px !important;
    }
.top-site-outer .tile .icon-wrapper {
 width: 66px !important;
 height: 66px !important;
    }
}

Das sieht dann so aus:

Ich mache diese Frage mal nochmals auf:

Ich habe eine Idee, wie ich einzelne Kacheln hinzufügen kann, weiss aber nicht, wie ich es in der userContent.csss umsetzen kann. Aber meine Idee:

Wenn ich auf der Startseite (about:home) F12 drücke, damit sich der Inspektor öffnet, und ich dann eine der leeren Webseiten-Kacheln auswähle, kann ich links einen Rechtsklick machen und "knoten Klonen" auswählen. Dann habe ich genau eine (leere) Kachel mehr.

Wie setze ich das in css (also in der userContent.ccs) um? Also wie formuliert man in der userContent.css, dass man einen Knoten klonen will?

2002Andreas : Jap, ich blende es nun aus. Danke für euren eigentlich völlig einfachen Tipp

Ich werde dann aber 13 in einer Reihe und 9 Reihen und dann ausblenden (bei mir sollen alle 3 Reihen ohne Scrolling platz haben, aber das ist ein Kinderspiel, jetzt wo ich danke euch drauf gekommen bin, einfach die paar letzten auszublenden. Ich habe hier die ganze Zeit gemeinsame Vielfache ausgerechnet, damit es mit Reihenanzahl, Kachelnanzahl pro Reihe und der Zahl 8 übereinstimmt xD )
Danke!

Zitat von Sören Hentzschel

Generell ist das alles viel zu kompliziert gedacht. Es ist die Option bekannt, um die Anzahl der Reihen zu konfigurieren. Es ist bekannt, wie mittels CSS mehr Kacheln in einer Reihe dargestellt werden können. Am Ende muss man doch einfach nur noch die Kacheln via CSS ausblenden, die zu viel sind, um auf die gewünschte Anzahl Reihen zu kommen.

Danke

Du hast völlig recht. Manchmal braucht man jemand, der einem die eigentlich völlig banale Lösung präsentiert, während dem man selbst viel zu kompliziert plant