Widget:CSS: Unterschied zwischen den Versionen

Aus Stupidedia, der sinnfreien Enzyklopädie!
Wechseln zu: Navigation, Suche
(Revert: Vandalismus)
K
Zeile 2: Zeile 2:
  
 
== Anwendung ==
 
== Anwendung ==
<code><nowiki>{{#</nowiki>widget:CSS|selector=''Elementselektoren''|style=''CSS''}}</code>
+
<code><nowiki>{{#</nowiki>widget:CSS|selectors=''Elementselektoren''|style=''CSS''}}</code>
  
 
Die ''Elementselektoren'' sind beliebige CSS-Selektoren, die allerdings keine Kommata enthalten dürfen, da damit die einzelnen Selektoren getrennt werden. Es funktionieren aber generell nur Selektoren innerhalb des Inhaltsbereichs.
 
Die ''Elementselektoren'' sind beliebige CSS-Selektoren, die allerdings keine Kommata enthalten dürfen, da damit die einzelnen Selektoren getrennt werden. Es funktionieren aber generell nur Selektoren innerhalb des Inhaltsbereichs.
Zeile 15: Zeile 15:
 
</noinclude><syntaxhighlight lang="css">
 
</noinclude><syntaxhighlight lang="css">
 
<style type="text/css">
 
<style type="text/css">
div#mw-content-text <!--{$selector|regex_replace:'/[<{}]/':''|replace:',':', div#mw-content-text '|default:''}--> {
+
div#mw-content-text <!--{$selectors|regex_replace:'/[<{}]/':''|replace:',':', div#mw-content-text '|default:''}--> {
 
     <!--{$style|regex_replace:'! [{}<>] | expression | filter\s*: | accelerator\s*: | url\s*\( | image\s*\( | image-set\s*\( !ix':''}-->;
 
     <!--{$style|regex_replace:'! [{}<>] | expression | filter\s*: | accelerator\s*: | url\s*\( | image\s*\( | image-set\s*\( !ix':''}-->;
 
}
 
}
 
</style>
 
</style>
 
</syntaxhighlight>
 
</syntaxhighlight>

Version vom 5. März 2014, 17:32 Uhr

Weist Elementen CSS zu.

Anwendung

{{#widget:CSS|selectors=Elementselektoren|style=CSS}}

Die Elementselektoren sind beliebige CSS-Selektoren, die allerdings keine Kommata enthalten dürfen, da damit die einzelnen Selektoren getrennt werden. Es funktionieren aber generell nur Selektoren innerhalb des Inhaltsbereichs.

CSS ist das Gleiche, was auch im style-Attribut eines Elements stehen kann.

Für Hintergrundbilder muss aus technischen Gründen das Widget:BGI verwendet werden. Das Einfärben von Links ist unkomplizierter über das Widget:ColoredLinks möglich.

Guckst du auch Hilfe:Stylesheets.

Code

<style type="text/css">
div#mw-content-text <!--{$selectors|regex_replace:'/[<{}]/':''|replace:',':', div#mw-content-text '|default:''}--> {
    <!--{$style|regex_replace:'! [{}<>] | expression | filter\s*: | accelerator\s*: | url\s*\( | image\s*\( | image-set\s*\( !ix':''}-->;
}
</style>

Linktipps: Faditiva und 3DPresso