Sada základních stylů od W3C pro každého
Tvoříte také HTML dokumenty a nemáte čas řešit jejich vzhled? Já své texty píšu v HTML (ať už přímo nebo pomocí Google Docs). Při psaní se soustředím na text a správné značkování, ale neřeším jejich vzhled. Hlavní je přeci obsah, stylování často jen zdržuje. Pokud texty publikuji na blogu, tak to nevadí, vzhled dodá redakční systém. Problém je, když vystavuji dokument samotný. Ačkoliv jsou výchozí styly v prohlížečích funkční, čtenáře příliš neosloví.
Ovšem nedávno jsem našel řešení: W3C Core Styles.
O co se jedná? W3C nabízí profesionální kaskádové styly k běžnému použití. Teď už stačí, abych do hlavičky svých dokumentů přidal např. <link rel="stylesheet" href="http://www.w3.org/StyleSheets/Core/Steely" type="text/css"> a je hotovo. Pokud má dokument rozumnou sémantiku, vzhled je hotov.
Jedná se celkem o osm stylů (odkazy vedou na jejich ukázky):
Jejich adresa je vždy http://www.w3.org/StyleSheets/Core/ + název stylu
W3C nabízí Code Styles k veřejnému použití. Preferované je odkazovat přímo adresu zdroje na w3.org (adresa je permanentní, takže to nevadí).
Za zajímavost stojí, že všech osm stylů vytvořil Todd Fahrner ze studia Verso, což je mimochodem stejný člověk, který vytvořil test Acid1. Díky mu za ně.
Až budete někdy příště v HTML sepisovat dokumentaci nebo vystavovat svou seminární práci, stačí do hlavičky přidat odkaz na W3C Core Styles a je hotovo.
Happy styling!
Vše z Blog Root.cz
Skvělá pomůcka, díky. Jen je obrovská škoda, že šablony nemají podtrhané odkazy, to bych od W3C nečekal.
Zmíněné styly mohou být pro uvedené použití pěknou pomůckou, jen by to chtělo přidat tam a { text-decoration: underline; } Podtrhávat odkazy by, myslím, měla být slušnost i na W3C.
Jinak ten automaticky přeložený doprovodný text do češtiny je vskutku kouzelný ;)
Adam + Malis: Když jsem si ty styly procházel, všude byly odkazy odlišené natolik, že by mne ani nenapadlo je navíc podtrhávat.
Nicméně pokud to někdo chce, nic nebrání pod uvedený [link] připsat [style] a {text-decoration: underline} [/style] a je vymalováno.
Podtrhávání je hnusné.
Vďaka za perfektné odkazy.. Teraz už pracovné HTML-ká (kde nestíham / nemám chuť nastavovať CSS) nebudú vyzerať ťažkopádne.. Ešte raz, vďaka!
Zaujalo mě, že např. u stylu Modernist je (c)1998. To už W3C nabízí tyto styly 10 let?
Tyto styly jsou opravdu povedene. Pouzivam je pri cteni delsich a spatne citelnych textu tak, ze v Opere vypnu autorske styly a podle nalady zapnu jeden z tech od W3C. Vetsinou je mam jeste obohacene o max-width apod.
Pavel: Vznikly skutečně už hodně dávno (jako evangelizace CSS2), jen se o nich moc neví. Já je objevil až včera.
[4] Barvoslepý uživatel by tě asi za tuhle větu pověsil za trenky do průvanu.
Adam: Takový to už dávno bude mít nastaveno ve svých uživatelských stylech.
Výborná myšlenka, ale příjde mi že tohle a ještě mnohem víc udělá docbook.
ad 11: docbook ostyluje vlozenim jedne radky propsty html dokument?
ad 12: převede označkovaný text do čitelné formy? Ano. Navíc výstupem nemusí být jen html stránka. S html se ve zdroji nepracuje, používá vlastní značkování.
kotz: Předvádíš tu zajímavé řešení, které ale slouží k něčemu jinému, než co nás tady všechny zajímá.
[4] neodtrhávání je hnusné.
ad13: vim co dela docbook, pracuji s nim osm hodin denne. nejak mi ale neni jasne, jak mi pomuze v rychlem a bezpracnem ostylovani jednoducheho html dokumentu
tva poznamka o docbooku mi prijde, jako by nekdo k nejakemu tipu pro cyklisty napsal, "výborná myšlenka, ale příjde mi že tohle a ještě mnohem víc udělá nákladní automobil"
Ok, beru zpět.