Widget:CSS: Unterschied zwischen den Versionen
Aus Stupidedia, der sinnfreien Enzyklopädie!
Phorgo (Diskussion | Beiträge) (Revert: Vandalismus) |
Phorgo (Diskussion | Beiträge) K |
||
Zeile 2: | Zeile 2: | ||
== Anwendung == | == Anwendung == | ||
− | <code><nowiki>{{#</nowiki>widget:CSS| | + | <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 <!--{$ | + | 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>