Nápověda:Uživatelské styly: Porovnání verzí
Smazaný obsah Přidaný obsah
m napřímení odkazu |
|||
Řádek 3: | Řádek 3: | ||
== Postup == |
== Postup == |
||
# [[Speciální:přihlásit|Přihlaste se]] |
# [[Speciální:přihlásit|Přihlaste se]] |
||
# je třeba znát základy [[CSS]] |
# je třeba znát základy [[Kaskádové styly|CSS]] |
||
# Zjistěte si, jakou má požadovaný prvek třídu nebo identifikátor. 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'') |
# Zjistěte si, jakou má požadovaný prvek třídu nebo identifikátor. 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 prvku vzhled dle vlastního vkusu. |
# Do svého uživatelského stylu přiřaďte prvku vzhled dle vlastního vkusu. |
Verze z 30. 11. 2012, 11:38
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 nebo identifikátor. 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 prvku 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}