Hilfe:CSS: Unterschied zwischen den Versionen
MewX (Diskussion | Beiträge) |
MewX (Diskussion | Beiträge) KKeine Bearbeitungszusammenfassung |
||
Zeile 18: | Zeile 18: | ||
</pre> | </pre> | ||
== Letzte Änderungen == | === Letzte Änderungen === | ||
Mit diesem CSS werden die "Unterschied"-Links auf der Seite der letzten Änderungen durchegstrichen, die du bereits gesehen hast. Das eignet sich vor allem für Leute (Admins), die möglichst alle Änderungen mitverfolgen möchten. | Mit diesem CSS werden die "Unterschied"-Links auf der Seite der letzten Änderungen durchegstrichen, die du bereits gesehen hast. Das eignet sich vor allem für Leute (Admins), die möglichst alle Änderungen mitverfolgen möchten. | ||
Version vom 26. Juni 2009, 14:18 Uhr
Hilfeseiten |
---|
Allgemein: |
Seitengestaltung |
Community: |
Spezielles: |
Jeder registrierte Benutzer hat die Möglichkeit, den in den Einstellungen ausgewählten Skin anzupassen. Der Standard-Skin ist „PokéWiki“. Man kann aber auch alle anderen Skins auf diese Weise anpassen.
Dazu benötigt man ein gewisses Grundwissen von Javascript (JS) und Cascading Style Sheets (CSS). Sein eigenes Skript befindet sich jeweils hier:
Benutzer:Dein Name/pokewiki.js/.css
.
Auf diesen Seiten kannst du ganz normales JS/CSS schreiben, welches dann für dich auf allen Seiten eingebunden wird.
Design-Tipps
Runde Ecken
Standardmäßig werden Boxen wie die Navigationsleisten ohne runde Ecken angezeigt. Wer diese aber schön findet, kann sich folgendes in sein pokewiki.css einbauen.
.navigationsleiste, .navigationsleiste th { -moz-border-radius:1em; }
Letzte Änderungen
Mit diesem CSS werden die "Unterschied"-Links auf der Seite der letzten Änderungen durchegstrichen, die du bereits gesehen hast. Das eignet sich vor allem für Leute (Admins), die möglichst alle Änderungen mitverfolgen möchten.
.page-Spezial_Letzte_Änderungen #bodyContent li a:visited { color: #2222d0 !important; } .page-Spezial_Letzte_Änderungen #bodyContent li > a:first-child:visited { color: #7d7dff !important; font-size:96%; text-decoration:line-through; }
Hinweis: Das funktioniert nur in Browsern, die CSS3 unterstützen (Firefox, Safari, Opera).