Nápověda:Uživatelské styly: Porovnání verzí
Smazaný obsah Přidaný obsah
interwiki, |
m nejen třídu |
||
Řádek 4: | Řádek 4: | ||
# [[special:přihlásit|Přihlaste se]] |
# [[special:přihlásit|Přihlaste se]] |
||
# je třeba znát základy [[CSS]] |
# 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'') |
# 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 |
# Do svého uživatelského stylu přiřaďte prvku vzhled dle vlastního vkusu. |
||
=== Příklad === |
=== Příklad === |
Verze z 20. 3. 2012, 22:23
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}