Extension:CSS/de

Die CSS Extension ermöglicht das Hinzufügen von CSS-Stylesheets in einzelne Artikel. Das CSS kann ein Artikel sein, eine Datei oder Regeln, die innerhalb der Parserfunktion definiert werden.

Verwendung
Zum Beispiel: Es wird ein Artikel mit dem Titel "MyStyles.css" erstellt, der die Styles für den Artikel "MyFancyUserPage" enthält. Dazu wird im letztgenannten folgende Parserfunktionssyntax hinzugefügt:

Wenn allerdings "MyStyles.css" eine Datei innerhalb des Verzeichnises /wiki/skins ist, wird sie wie unten eingebunden. Zu beachten ist, dass die Datei ein absoluter Pfad mit führendem Schrägstrich sein muss, um sie vom Artikeltitel zu unterscheiden.

Alternativ können CSS-Regeln direkt mit der Parserfunktion (inline) wie im folgenden Beispiel eingebunden werden:

Installation
Laden Sie den aktuellen Snapshot und entpacken Sie ihn in das Extension-Verzeichnis. Dann binden Sie es in Ihrer LocalSettings.php Datei wie im folgenden Beispiel ein:

Optional können Sie die Basis-URL für externe Dateien festlegen.

Verwendung als Ersatz von PageCSS
Es gibt eine ältere Extension:PageCSS, die &lt;css> und &lt;/css> Tags statt der #css: Parserfunktion verwendete. Diese Extension kann fast alles, was diese Extensions bieten, aber die Syntax ist inkompatibel. Ein Weg, um das Beschädigen bestehender Seiten zu vermeiden, die noch den alten &lt;css> Tag verwenden, ist, sowohl diese Extension:CSS als auch die Extension:NewPageCSS im selben Wiki zu verwenden.

Eine alternative Lösung (wenn sie nur diese Extension verwenden wollen, aber bestehenden Inhalt haben, der die Extension:PageCSS erfordert) ist, diese Funktion als PHP-Datei zu speichern und sie in LocalSettings.php einzubinden, um &lt;css> zu #css zu ändern:

Danach kann die ältere PageCSS (oder NewPageCSS) Extension von der Konfiguration entfernt werden; &lt;css> wird jetzt zu #css: und (wenn Sie die CSS-Extension schon installiert haben) wird sich genauso verhalten, wie alle anderen CSS-Extensions zuvor.

Probleme beim Ändern der Farbe oder des Hintergrunds einer bestimmten Seite
Beim Verwenden der Parserfunktion für das Verwenden eines CSS von einer anderen Seite kann die Farbe oder der Hintergrund für die Seite nicht verändert werden, jedoch kann der Hintergrund verändert werden, indem die Parserfunktion selbst auf einer Seite verwendet wird. Um dieses Problem zu umgehen, kann das CSS mittels Transklusion geladen werden.

Fehler/Bugs
Siehe Diskussionsseite.

Possible Uses
Most of the following CSS Snippets were originally created, made, or tested using this extension:

Snippets/Circle or Oval Gallery Who wants just boring square photos when you can made them round or oval?

Snippets/CSS Typing Text Quick Message that "types" itself out on page load.

Snippets/Equal Columns In Mediawiki it's not easy to create columns. This CSS Snippet not only makes it easy, it automatically divides your content into equal length columns.

Snippets/Fading Away Image or Gallery Photo vanishes "back into" the page and then reappears.

Snippets/Image Expand on Hover Images expand when someone "hovers" over them.

Snippets/Image Slideshow created by CSS A slideshow entirely created by CSS

Snippets/Modals in Mediawiki A CSS Modal.

Snippets/Movie Credits Scrolling content that moves up like Movie Credits do.

Snippets/Pinterest Like Gallery Pinterest has proven the popularity of this gallery layout. This Snippet lets you create this galley style inside Mediawiki.

Snippets/Rotating Text Rotating Message

Snippets/Sliding Image, Text or Gallery Sliding content. Great for Landing Pages.

Siehe auch

 * OrganicDesign:CSS example - ein Verwendungsbeispiel dieser Extension
 * Extension:PageCSS - CSS-Styles auf der Seite (on-page)
 * Extension:NewPageCSS
 * Extension:AddScriptCss - eine ähnliche Extension, die das Hinzufügen von Stylesheets mittels Datei ermöglicht