Hilfe:Links per CSS mit eigenen Grafiken versehen

aus Wiki Aventurica, dem DSA-Fanprojekt
Wechseln zu: Navigation, Suche
Hilfe

Ansprechpartner

Hilfe für Leser
FAQ - Suche im Wiki - Navigieren im Wiki
Wiki-Inhalte offline benutzen
Optimale Darstellung des Wikis
Personalisieren des Wikiaussehens

Hilfe für neue Autoren
Seite bearbeiten - Tutorium
Anleitung zu den Letzten Änderungen
Feeds der Wikiänderungen
Produktartikel erstellen
Richtlinien zur Mitarbeit

Seiten bearbeiten
Erstellen neuer Artikel
Editierhilfe
Erzeugen von Links
Einbinden von Bildern
Tabellenformatierung

Konventionen
Abkürzungen
Artikelformat
Kommentare zu bearbeiteten Seiten
Typographie
Inhaltliche Richtlinien
Erstellen neuer Artikel
Nomenklatur und Syntax für Quellenangaben
Kategorisierung des Wikis
Meisterinformationen

Weiterführende Seiten
Vorlage
Infobox
Kategorie
Namensraum
DPL
Roboter
Benutzung von CSS im Wiki
Links per CSS mit eigenen Grafiken versehen
Exceltabellen ins Wiki kopieren
Hilfeseiten der Wikipedia

Hintergrund dieser Seite[Bearbeiten]

(Hinweis: Zum Verständnis dieser Seite ist die Lektüre von Hilfe:Benutzung von CSS im Wiki erforderlich)

Im css dieses Wikis sind bei diversen Arten von externen Links Graphiken eingestellt, die links oder rechts vom eigentlichen Link erscheinen. Da Moderatoren Zugriff auf MediaWiki:Common.css haben, können dort auch neue Linkgraphiken hinzugefügt werden.

(Hinweis von Benutzer:AlrikOhnegrund: Mit den Webdeveloper-Extensions für FireFox kann der CSS in einem Seitenfenster neben der dargestellten Seite angeschaut werden und jede Veränderung am CSS-Code wird sofort in Echtzeit im rechten Fenster umgesetzt.)

Neue Linkgraphik erstellen[Bearbeiten]

Jeder Nutzer kann für sich persönlich neue Linkgraphiken erstellen (siehe dafür Hilfe:Personalisieren des Wikiaussehens), aber nur Moderatoren können das Aussehen des Wikis für jeden Leser verändern. Nachfolgend ein Beispiel für eine solche Anpassung.

Code
#bodyContent a[href ^="http://www.wikipedia.org/"], #bodyContent a[href ^="http://www.wikipedia.org/"]:active {
    color: #707070;
    background: url("../images/9/9c/Wikipedia-usuk.png") center left no-repeat;
    padding-left: 29px;
    padding-right: 0px;
}

Graphiken unterdrücken[Bearbeiten]

Das Unterdrücken der eingestellten Linkgraphiken geht folgendermaßen:

Code Aussehen
<span class=plainlinks>[[Wikipedia:de:Aventurien|Aventurien]]</span>
Aventurien

Will man bei bestimmten Links die Graphik immer unterdrücken, muss man sich eine Benutzer-css anlegen (siehe Hilfe:Personalisieren des Wikiaussehens) und dort Folgendes entsprechend angepasst eintragen:

Code Anmerkung
#bodyContent a[href ^="http://www.wikipedia.org/"] {
 background: none !important;
 padding-left:0px !important;
}
In diesem Beispiel werden alle Graphiken bei Wikipedia-Links unterdrückt. Die URL muss man natürlich entsprechend anpassen, wenn man andere Graphiken unterdrücken will.

Beispiele[Bearbeiten]

voreingestellte Styles[Bearbeiten]

Diese Einstellungen finden sich im monobook main.css.

Links auf DSA-Seiten[Bearbeiten]

Diese Einstellungen finden sich auf MediaWiki:Common.css, dort sind mittlerweile auch weitere Webseiten mit Graphiken versehen.

Interwikilinks[Bearbeiten]

siehe Wiki Aventurica:Interwiki-Übersicht

Links[Bearbeiten]