Nápověda:Uživatelské styly: Porovnání verzí

← Přejít na předchozí porovnání Přejít na další porovnání →

Smazaný obsah Přidaný obsah

V textu

Verze z 20. 3. 2012, 22:15

Wikipedie umožňuje každému přihlášenému uživateli si přizpůsobit vzhled. K tomu slouží dvojice uživatelských souborů: uživatelský styl a uživatelské skripty. každý Wikipedista si může nastavit tyto soubory buď tak, aby fungovaly ve všech vzhledech (soubory common.css a common.js), nebo pro každý vzhled zvlášť (např. vector.css a vector.js pro výchozí vzhled Vector).

Postup

Přihlaste se
je třeba znát základy CSS
Zjistěte si, jakou má požadovaný prvek třídu. Nejsnáze to zjistíte pohledem do zdrojového kódu stránky (ve většině prohlížečů dostupný pomocí pravého tlačítka myši volbou Zobrazit zdrojový kód stránky)
Do svého uživatelského stylu přiřaďte této třídě vzhled dle vlastního vkusu.

Příklad

Chci, aby se mi požadavky na zdroj (^[zdroj?]) zobrazovaly zeleně podbarvené (^[zdroj?])

Ve zdrojovém kódu stránky najdu, že tato šablona produkuje kód

<sup>[<a href="/wiki/Wikipedie:Ov%C4%9B%C5%99itelnost" title="Wikipedie:Ověřitelnost">
<span class="doplnte-zdroj" title="Je potřeba doložit zdroj předchozího tvrzení">zdroj?</span></a>]</sup>

Přidáme tedy do svého uživatelského stylu definici, jak se má zobrazovat třída doplnte-zdroj:

 .doplnte-zdroj {background-color:lightgreen}

@@ Řádek 1: / Řádek 1: @@
-{{Pracuje se}}
 Wikipedie umožňuje každému přihlášenému uživateli si přizpůsobit vzhled. K tomu slouží dvojice uživatelských souborů: [[special:mypage/common.css|uživatelský styl]] a [[special:mypage/common.js|uživatelské skripty]]. každý Wikipedista si může [[special:nastavení|nastavit]] tyto soubory buď tak, aby fungovaly ve všech vzhledech (soubory common.css a common.js), nebo pro každý vzhled zvlášť (např. vector.css a vector.js pro výchozí vzhled Vector).
 == Postup ==
-# [[special:login|Přihlaste se]]
+# [[special:přihlásit|Přihlaste se]]
 # je třeba znát základy [[CSS]]
 # Zjistěte si, jakou má požadovaný prvek třídu. Nejsnáze to zjistíte pohledem do zdrojového kódu stránky (ve většině prohlížečů dostupný pomocí pravého tlačítka myši volbou ''Zobrazit zdrojový kód stránky'')
@@ Řádek 9: / Řádek 8: @@
 === Příklad ===
-Chci, aby se mi požadavky na zdroj (<sup>&#x5b;[[Wikipedie:Ověřitelnost|<span title="Je potřeba doložit zdroj předchozího tvrzení">zdroj?</span>]]]</sup>) zobrazovaly zeleně podbarvené (<sup>&#x5b;[[Wikipedie:Ověřitelnost|<span syle="background-color:lightgreen" title="Je potřeba doložit zdroj předchozího tvrzení">zdroj?</span>]]]</sup>)
+Chci, aby se mi požadavky na zdroj (<sup>&#x5b;[[Wikipedie:Ověřitelnost|<span title="Je potřeba doložit zdroj předchozího tvrzení">zdroj?</span>]]]</sup>) zobrazovaly zeleně podbarvené (<sup>&#x5b;[[Wikipedie:Ověřitelnost|<span style="background-color:lightgreen" title="Je potřeba doložit zdroj předchozího tvrzení">zdroj?</span>]]]</sup>)
+Ve zdrojovém kódu stránky najdu, že tato šablona produkuje kód
-<code source="css"> .doplnte-zdroj {background-color:lightgreen}</code>
+<syntaxhighlight lang='html4strict'>
+<sup>[<a href="/wiki/Wikipedie:Ov%C4%9B%C5%99itelnost" title="Wikipedie:Ověřitelnost">
+<span class="doplnte-zdroj" title="Je potřeba doložit zdroj předchozího tvrzení">zdroj?</span></a>]</sup>
+</syntaxhighlight>
+Přidáme tedy do svého uživatelského stylu definici, jak se má zobrazovat třída <code>doplnte-zdroj</code>:
+<syntaxhighlight lang='css'> .doplnte-zdroj {background-color:lightgreen}</syntaxhighlight>
+[[Kategorie:Nápověda]]