Vorlage:CSS: Unterschied zwischen den Versionen

Hilfe

Aktuelle Version vom 13. Juni 2024, 18:01 Uhr

Importieren sie ihr eigenes CSS auf ihre eigenen seiten, so dass es jeder sehen kann!

Diese vorlage ist relativ einfach zu verwenden, aber bedenken sie, dass sie mit echtem CSS code verwendet werden soll. Wenn sie noch keine Erfahrung mit CSS haben, sollten Sie wahrscheinlich auf das einfachere (und möglicherweise stabilere) Wikitext styling für ihre seiten zurückgreifen. Wie auch immer, lassen sie uns beginnen. Um diese vorlage zu verwenden, haben sie zwei möglichkeiten:

Geben sie einen seitennamen als parameter an, um CSS von dieser seite zu importieren, etwa so - {{CSS|Benutzer:Pexy0/level.css}}
Oder verwenden sie den parameter content, um den CSS code direkt anzuwenden, ohne ihn von einer bestehenden CSS seite zu importieren, etwa so - {{CSS|content=<nowiki>:root { --theme-page-background-color: #000; }</nowiki>}}

Hinweis: Sie müssen das rohe CSS in <nowiki></nowiki> damit die geschweiften klammern {} den aufruf der vorlage nicht stören.

@@ Zeile 1: / Zeile 1: @@
-<includeonly>{{#invoke:CSS|import_css}}{{#ifeq:{{NAMESPACE}}|Template|{{#if:{{#pos:{{PAGENAME}}|Theme}}|[[Category:CSS Themes]]}}}}<span style="display: none">[[{{{1}}}]]</span></includeonly><noinclude><div class="lightblock" style="margin-top: 0 !important">
+<includeonly>{{#invoke:CSS|import_css}}</includeonly><noinclude><div class="lightblock" style="margin-top: 0 !important">
-===Importiere dein eigenes CSS auf deine eigenen Seiten, damit es jeder sehen kann!===
+===Importieren sie ihr eigenes CSS auf ihre eigenen seiten, so dass es jeder sehen kann!===
-Diese Vorlage ist relativ einfach zu benutzen, aber beachte, dass sie mit echtem CSS-Code verwendet werden soll. Wenn du noch nicht viel Erfahrung mit CSS hast, solltest du wahrscheinlich auf einfachere (und möglicherweise stabilere) Wikitext-Stile für deine Seiten zurückgreifen.
+Diese vorlage ist relativ einfach zu verwenden, aber bedenken sie, dass sie mit echtem CSS code verwendet werden soll. Wenn sie noch keine Erfahrung mit CSS haben, sollten Sie wahrscheinlich auf das einfachere (und möglicherweise stabilere) Wikitext styling für ihre seiten zurückgreifen.
-Wie auch immer, lassen wir uns anfangen. Um diese Vorlage zu nutzen, hast du zwei Möglichkeiten:
+Wie auch immer, lassen sie uns beginnen. Um diese vorlage zu verwenden, haben sie zwei möglichkeiten:
-# Gib einen Seitennamen als Parameter an, um CSS von dieser Seite zu importieren, etwa so - <code><nowiki>{{CSS|User:Pexy0/level.css}}</nowiki></code>
+# Geben sie einen seitennamen als parameter an, um CSS von dieser seite zu importieren, etwa so - <code><nowiki>{{CSS|Benutzer:Pexy0/level.css}}</nowiki></code>
-:: ''Beachte, dass die Seite im Benutzernamensraum sein muss, etwa so - <code>Benutzer:Benutzername/Seitenname</code>''
+# Oder verwenden sie den parameter <code>content</code>, um den CSS code direkt anzuwenden, ohne ihn von einer bestehenden CSS seite zu importieren, etwa so - <code><nowiki>{{CSS|content=<nowiki>:root { --theme-page-background-color: #000; }</nowiki></nowiki>}}</code>
-# Oder benutze den <code>content</code>-Parameter, um CSS-Code direkt anzuwenden, ohne von einer bestehenden CSS-Seite zu importieren, etwa so - <code><nowiki>{{CSS|content=<nowiki>:root { --theme-page-background-color: #000; }</nowiki></nowiki>}}</code>
+'''Hinweis: Sie müssen das rohe CSS in <nowiki><nowiki></nowiki></nowiki> damit die geschweiften klammern {} den aufruf der vorlage nicht stören.'''
-<div style="background: rgba(214, 10, 14, 0.5); border-radius: 5px; border: 2px solid rgba(214, 10, 14, 0.8); padding: 10px; font-size: 18px;"><b>Wichtig:
+</div>
-* Wenn du den <code>content</code>-Parameter verwendest, musst du das rohe CSS in <nowiki><nowiki></nowiki></nowiki> einschließen, damit die geschweiften Klammern {} darin nicht die Vorlagenaufrufe stören.
-* Du musst auch einfache Anführungszeichen <code><nowiki>''</nowiki></code> anstelle von doppelten Anführungszeichen <code>""</code> in deinem CSS verwenden. Doppelte Anführungszeichen stören den Import.</b>}}</div>
-</div></noinclude>