PHNjcmlwdCBhc3luYyBzcmM9Imh0dHBzOi8vcGFnZWFkMi5nb29nbGVzeW5kaWNhdGlvbi5jb20vcGFnZWFkL2pzL2Fkc2J5Z29vZ2xlLmpzP2NsaWVudD1jYS1wdWItNTc2MjY0MDc2NzM2NjUwMyINCiAgICAgY3Jvc3NvcmlnaW49ImFub255bW91cyI+PC9zY3JpcHQ+
PHNjcmlwdCBhc3luYyBjdXN0b20tZWxlbWVudD0iYW1wLWFkIiBzcmM9Imh0dHBzOi8vY2RuLmFtcHByb2plY3Qub3JnL3YwL2FtcC1hZC0wLjEuanMiPjwvc2NyaXB0Pg==
PGlucyBjbGFzcz0iYWRzYnlnb29nbGUiIHN0eWxlPSJkaXNwbGF5OiBibG9jazsgdGV4dC1hbGlnbjogY2VudGVyOyIgZGF0YS1hZC1sYXlvdXQ9ImluLWFydGljbGUiIGRhdGEtYWQtZm9ybWF0PSJmbHVpZCIgZGF0YS1hZC1jbGllbnQ9ImNhLXB1Yi01NzYyNjQwNzY3MzY2NTAzIiBkYXRhLWFkLXNsb3Q9IjY5OTA1Njc2NTUiPjwvaW5zPg0KPHNjcmlwdD4NCiAgICAgKGFkc2J5Z29vZ2xlID0gd2luZG93LmFkc2J5Z29vZ2xlIHx8IFtdKS5wdXNoKHt9KTsNCjwvc2NyaXB0Pg==
Anleitungen

Firefox – Neuer Tab Seite die Kacheln größer

DQo8IS0tIHdpbmRvd3Nwb3dlciBtaXR0ZTIgbmV1IC0tPg0KPGlucyBjbGFzcz0iYWRzYnlnb29nbGUiDQogICAgIHN0eWxlPSJkaXNwbGF5OmJsb2NrIg0KICAgICBkYXRhLWFkLWNsaWVudD0iY2EtcHViLTU3NjI2NDA3NjczNjY1MDMiDQogICAgIGRhdGEtYWQtc2xvdD0iNzc5MzI3NTE4NiINCiAgICAgZGF0YS1hZC1mb3JtYXQ9ImF1dG8iDQogICAgIGRhdGEtZnVsbC13aWR0aC1yZXNwb25zaXZlPSJ0cnVlIj48L2lucz4NCjxzY3JpcHQ+DQogICAgIChhZHNieWdvb2dsZSA9IHdpbmRvdy5hZHNieWdvb2dsZSB8fCBbXSkucHVzaCh7fSk7DQo8L3NjcmlwdD4NCg==

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:

standard 1

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

 

Firefox – Neuer Tab Seite die Kacheln größer

Und so sieht der Code dann in der userContent.css Datei aus:

css 5

Und so sieht die Seite Neuer Tab dann nach der Änderung aus:

breiter

Da die Kacheln nun breiter sind, passen natürlich weniger (6 statt 8) nebeneinander.

 

Ähnliche Artikel

Schaltfläche "Zurück zum Anfang"