Widget:ColoredLinks: Unterschied zwischen den Versionen
Phorgo (Diskussion | Beiträge) K |
Phorgo (Diskussion | Beiträge) K |
||
| Zeile 3: | Zeile 3: | ||
Anstelle von bla kann man einen Farbnamen oder einen Farbwert eingeben, siehe auch die [[Stupidedia:Farbtabelle|Farbtabelle]]. Hängt man dahinter <tt><nowiki>!important</nowiki></tt> an, gilt der Befehl auch für externe Links. | Anstelle von bla kann man einen Farbnamen oder einen Farbwert eingeben, siehe auch die [[Stupidedia:Farbtabelle|Farbtabelle]]. Hängt man dahinter <tt><nowiki>!important</nowiki></tt> an, gilt der Befehl auch für externe Links. | ||
| − | Es gibt noch einen zweiten Parameter namens selector. Damit kann man ein oder mehrere Elemente innerhalb des Seiteninhalt anhand ihrer ID, ihrer Klasse oder ihres Tagnamens eingrenzen. Beispiel: <tt><nowiki>{{#widget:ColoredLinks|color=bla|selector=#blubb}}</nowiki></tt><br /> | + | Es gibt noch einen zweiten Parameter namens <tt><nowiki>selector</nowiki></tt>. Damit kann man ein oder mehrere Elemente innerhalb des Seiteninhalt anhand ihrer ID, ihrer Klasse oder ihres Tagnamens eingrenzen. Beispiel: <tt><nowiki>{{#widget:ColoredLinks|color=bla|selector=#blubb}}</nowiki></tt><br /> |
Damit werden nur Links eingefärbt, die sich innerhalb eines Elements mit der ID blubb befinden. | Damit werden nur Links eingefärbt, die sich innerhalb eines Elements mit der ID blubb befinden. | ||
| + | |||
| + | Ein dritter Parameter <tt><nowiki>pseudoclass</nowiki></tt> muss mit einem Doppelpunkt beginnen und kann zur Notierung sogenannter Pseudoklassen genutzt werden. Bspw. sorgt <tt><nowiki>{{#widget:ColoredLinks|color=bla|pseudoclass=:hover}}</nowiki></tt> dafür, dass nur Links, über die man gerade mit der Maus fährt, eingefärbt werden. | ||
Die Links werden grundsätzlich nur im #bodyContent, also in dem großen Bereich neben der Sidebar, unter der Sitenotice und über dem Footer eingefärbt, das Interface bleibt unverändert. | Die Links werden grundsätzlich nur im #bodyContent, also in dem großen Bereich neben der Sidebar, unter der Sitenotice und über dem Footer eingefärbt, das Interface bleibt unverändert. | ||
Version vom 16. Juli 2012, 17:48 Uhr
Hiermit kann man alle Links auf einer Seite einfärben. Code: {{#widget:ColoredLinks|color=bla}}
Anstelle von bla kann man einen Farbnamen oder einen Farbwert eingeben, siehe auch die Farbtabelle. Hängt man dahinter !important an, gilt der Befehl auch für externe Links.
Es gibt noch einen zweiten Parameter namens selector. Damit kann man ein oder mehrere Elemente innerhalb des Seiteninhalt anhand ihrer ID, ihrer Klasse oder ihres Tagnamens eingrenzen. Beispiel: {{#widget:ColoredLinks|color=bla|selector=#blubb}}
Damit werden nur Links eingefärbt, die sich innerhalb eines Elements mit der ID blubb befinden.
Ein dritter Parameter pseudoclass muss mit einem Doppelpunkt beginnen und kann zur Notierung sogenannter Pseudoklassen genutzt werden. Bspw. sorgt {{#widget:ColoredLinks|color=bla|pseudoclass=:hover}} dafür, dass nur Links, über die man gerade mit der Maus fährt, eingefärbt werden.
Die Links werden grundsätzlich nur im #bodyContent, also in dem großen Bereich neben der Sidebar, unter der Sitenotice und über dem Footer eingefärbt, das Interface bleibt unverändert.
<style type="text/css">#bodyContent <!--{$selector|regex_replace:'/[^#\.0-9a-zA-Z_:-]/':''|default:''}--> a<!--{$pseudoclass|regex_replace:'/(^[^:].+|[^a-zA-Z:])/':''}--> { color: <!--{$color|regex_replace:'/[^#0-9a-zA-Z!]/':''}-->; }</style>
