Nadpis první úrovně
Nadpis první úrovně je navržen tak, že bezprostředně po něm nemůže být použit jiný nadpis. Je třeba odstavec. Nezapomeňte nahradit capslockem psaná slova uvnitř html včetně komentářů (prohlédněte hlavičku a přizpůsobte si ji [i patičku]). Pozor na linkování externích souborů včetně ie6.css, které se mění v závislosti na složce root/pages.
Nadpis druhé úrovně
Nadpis třetí úrovně
Nadpis čtvrté úrovně
Lorem ipsum...
Nadpis páté úrovně
Lorem ipsum...
Nadpis šesté úrovně
Lorem ipsum...
Dodatek: atribut title začíná velkým písmenem, je dobré zachovat i jednotný styl užití svislítka jako doplňující informace (odkaz do nového okna, upřesnění formátu). Použití ikonek u odkazů ke stažení – šipka/formát závisí na typu webu a citu.
Seznamy
První je odrážkový, druhý odrážkový s odstavci. Nelze je míchat. Třetí je číslovaný a čtvrtý je kombinací odrážek a čísel (bez odstavců). Pozor, u kombinovaného seznamu css nepokrývá všechny varianty (máme tři úrovně a tři typy seznamů – číslo, římské číslo a odrážka). Může se tedy stát, že kombinace číslo-římské-odrážka bude fungovat, ale např. římské-odrážka-číslo však ne.
Seznam literatury
- Seznam literatury (class literature) používá více vertikálně oddělený seznam, odkazy v citacích jsou psány úsporněji a jiným fontem. Třídu lit pro odkazy lze použít jak v obalovacím tagu (např. ul), nebo přímo ve třídě daného odkazu.
- DANĚK, Filip. Tvorba výukových videí laikem. Elportál [online]. Brno : Masarykova univerzita, 2009. [cit. 2011-07-20]. Aktualizováno: Duben 2009. Dostupné z WWW: <http://is.muni.cz/elportal/?id=827695>. ISSN 1802-128X.
| buňka t3 | buňka t3 | ||||
| buňka t1 | kurzívou | buňka t1 | buňka t1 | buňka t1 | |
| buňka t2 | buňka | kurzívou | tučná | buňka | buňka |
| buňka em | rowspan a tab-top | buňka | buňka vpravo | buňka | buňka |
| tučná | buňka | buňka vlevo | buňka | buňka | |
Návratový nadpis
Návrat ke hlavičce webu po kliknutí na ikonku na konci řádku. Lze použít pro nadpisy druhé a třetí úrovně i pro další prvky, či samostatně. Pokud za nadpisem následuje něco jiného než text, tak může způsobit v některých prohlížečích problémy (např. překryv prvků, odskakování, …) – raději zkontrolujte.
Návratová ikonka by měla být používána vždy na místě, na které ukazuje kotva z menu. Vkládá se před prvek, u kterého má být zobrazen.
Popisek obrázku
Použití třídy "border1", která ohraničuje levou stranu textu. Lze použít prakticky všude. Vhodný doplněk tabulky. Podle názvu se očekává, že můžeme nadefinovat podobné vhodné třídy.
Použití okrasných uvozovek pro určitý odstavec.
Uvnitř uvozovek je možné používat zvýraznění strong, zvýraznění pomocí <em></em> postrádá smysl (text kurzívou už je).
Pro odkazy doporučuji pro barevné odlišení využít třídu silver: ukázka odkazu.
V tisku se ztratí okrasné uvozovky, proto pokud je očekáván tisk stránky, tak je lepší uvozovky v textu zopakovat.
1 Citace nepoužívá text indent.
Nesmí být jednořádková, jinak by se obrázek celý nevykreslil.
Optický oddělovač.
Text odkazu na obrázek Text odkazu na PDF Text odkazu na video Text odkazu na odpovědník do nového oknaŘádek výš je zabalen do spanu s třídou, která zobrazí ikonku do nového okna.
Třída nejde zapsat přímo do odkazu, protože by byla překryta. Text odkazu na web
Jak je vidět, třída je připravena i na víceřádkový odkaz.
Katedra mezinárodních vztahů a evropských studií, Fakulta sociálních studií, Masarykova univerzita
© 2013 Masarykova univerzita
Prostor pro informace o projektu.