Wir fanden, dass das Schulportal nur so mittelmäßig aussieht. Das wollen wir ändern! Mit schulportal.css gibst du dem Schulportal einen neuen Look, ohne die Funktionalität zu verändern.
schulportal.css verschafft dem Schulportal einen Darkmode, und entfernt einige der "Schönheitsfehler". Auf technischer Seite wird die Website nicht verändert, sondern nur dessen Darstellung in deinem Browser.
Erstellt von Fabian Schulz und Sebastian Beckmann.
schulportal.css ist – wie der Name schon sagt – eine CSS-Datei. Die Endung CSS steht für "Cascading Style Sheets". Sie sind Teil jeder Website und sagen dem Browser, wie diese Website angezeigt werden soll. Natürlich hat auch das Schulportal ein solches Stylesheet. Das des Schulportals muss von unserem überschrieben werden. Hier wird es etwas kompliziert.
Grundsätzlich ist es in jedem Browser möglich, eigenes CSS einzufügen. Die Methoden weichen von Browser zu Browser aber stark ab.
Daher sind hier die gängigsten Browser (die wir getestet haben) aufgelistet. Sollte dein Browser nicht in der Liste sein,
suche mit der Suchmaschine deiner Wahl nach [Browsername] eigenes CSS einfügen. Du solltest auf ein Ergebnis stoßen.
Achtung: Sollte etwas schiefgehen, versuche, die Änderungen rückgängig zu machen. Mit CSS kann man viel Blödsinn anstellen, wie zum Beispiel die gesamte Seite unsichtbar zu machen, benutze daher nur die Datei aus unserem offiziellen Download!
Zunächst einmal musst du die Datei herunterladen. Den Download-Link dazu findest du hier.
Achte darauf, dass du schulportal.css und nicht source code herunterlädst, letztere wäre die falsche Datei.
Nun aber zu den Anleitungen:
Mobile Browser sind leider meist geschlossene Systeme – weder auf Safari für iOS noch auf Chrome für Android konnten wir bisher eine vernünftige Lösung finden. Sollten wir diese noch finden, werden wir sie hier hinzufügen, die Chancen stehen im Moment aber eher schlecht.
Du möchtest zu schulportal.css beitragen? Super! Lies dir dafür bitte dieses Dokument durch.
Ihr könnt uns unter dieser E-Mail erreichen.
Falls der obige Link nicht funktioniert, da du Outlook als Mail-Programm benutzt (und Microsoft bei Outlook der Meinung war, den Spezifikationen für Links nicht zu folgen), versuche diesen Link.