K (→Statisches Hintergrundbild: vergessen) |
(→Transparenz: +Alternative) |
||
Zeile 18: | Zeile 18: | ||
== Transparenz == |
== Transparenz == |
||
+ | |||
+ | Die hier vorgestellte Methode ist vom Internet-Browser abhängig, den der Betrachter verwendet; es funktioniert nicht bei jedem. |
||
Transparenz ist möglich, indem man (meist dem Hintergrund) für ein Objekt eine Farbvorgabe mittels <code>rgba(…)</code> macht. Im Gegensatz zu <code>rgb(…)</code> wird in der Klammer ein vierter Parameter übergeben, die Transparenz, als Dezimalzahl zwischen 0 und 1 (mit Punkt). |
Transparenz ist möglich, indem man (meist dem Hintergrund) für ein Objekt eine Farbvorgabe mittels <code>rgba(…)</code> macht. Im Gegensatz zu <code>rgb(…)</code> wird in der Klammer ein vierter Parameter übergeben, die Transparenz, als Dezimalzahl zwischen 0 und 1 (mit Punkt). |
||
Zeile 28: | Zeile 30: | ||
Transparenz halb.png|halbe Transparenz |
Transparenz halb.png|halbe Transparenz |
||
</gallery> |
</gallery> |
||
+ | |||
+ | === Alternative: Transparente Datei === |
||
+ | |||
+ | Um hundertprozentig bei jedem Betrachter Transparenz zu erhalten, kann man statt einer RGBA-Farb-Vorgabe die URL einer (halb)transparenten PNG-Datei hernehmen: |
||
+ | <pre>background:transparent url("http://images1.wikia.nocookie.net/hilfe/images/b/ba/Monobody.png")</pre> |
||
== Siehe auch == |
== Siehe auch == |
Version vom 17. Mai 2011, 22:38 Uhr
CSS (Cascading Style Sheets) ist eine deklarative Sprache für Stilvorlagen.
Mit CSS ist es möglich, der Gestaltung des Wikis freien Lauf zu lassen. Um Änderungen im Wiki vorzunehmen, muss die Seite MediaWiki:Wikia.css oder MediaWiki:Common.css geöffnet und bearbeitet werden.
CSS Seitenunterteilung
Eine Wikiseite ist in mehreren Elementen unterteilt. So ist das Textfeld mit .WikiaPage angegeben.
Statisches Hintergrundbild
Der folgende Code bewirkt, dass sich das Hintergrundbild beim Scrollen der Seite nicht mitbewegt.
body { background-attachment: fixed }
Transparenz
Die hier vorgestellte Methode ist vom Internet-Browser abhängig, den der Betrachter verwendet; es funktioniert nicht bei jedem.
Transparenz ist möglich, indem man (meist dem Hintergrund) für ein Objekt eine Farbvorgabe mittels rgba(…)
macht. Im Gegensatz zu rgb(…)
wird in der Klammer ein vierter Parameter übergeben, die Transparenz, als Dezimalzahl zwischen 0 und 1 (mit Punkt).
Beispiel:
background:rgba(0, 128, 255, 0.4)
Alternative: Transparente Datei
Um hundertprozentig bei jedem Betrachter Transparenz zu erhalten, kann man statt einer RGBA-Farb-Vorgabe die URL einer (halb)transparenten PNG-Datei hernehmen:
background:transparent url("http://images1.wikia.nocookie.net/hilfe/images/b/ba/Monobody.png")