Standardmäßig befinden sich im Firefox auf der Seite Neuer Tab 8 Kacheln für die wichtigen Seiten, zentriert und nebeneinander, jeweils in einer Reihe. Wer diese Kacheln gerne größer und auf der ganzen Breite der Seite hätte, kann das mit einem CSS Code erreichen.
So sieht das standardmäßig aus:
Firefox – Neuer Tab Seite die Kacheln größer
userChrome.css und userContent.css erstellen
userChrome Dateien wieder nutzen
Und so wird das dann mit dem CSS – Code gemacht.
Als Erstes gehen wir dazu in den Profilordner vom Firefox, und öffnen den dort selber angelegten Ordner chrome.
Dann im Ordner chrome die userContent.css Datei öffnen.
In diese Datei tragen wir nun folgenden CSS Code ein:
/* Neuer Tab die Kacheln auf die ganze Breite der Seite */ @-moz-document url(about:newtab), url(about:home) { main { width: 100% !important; } li.top-site-outer { padding: 5px 40px !important; } div.tile, div.tile div.screenshot { width: 150px !important; height: 120px !important; } .top-site-outer .title.pinned span { width: 150px !important; } }
- Stylisches einziehbares 'PinStripe' Design
Firefox – Neuer Tab Seite die Kacheln größer
Und so sieht der Code dann in der userContent.css Datei aus:
Und so sieht die Seite Neuer Tab dann nach der Änderung aus:
Da die Kacheln nun breiter sind, passen natürlich weniger (6 statt nebeneinander.