CSS Lampa

CSS Lampa - verze 2: Upraveny a vylepšeny kaskádové styly a změněno HTML kódování na ISO-8859-2. Přepínač stylů zůstává zatím bez změny (nefunguje pod Konquerorem, škoda).

CSS Lampa demonstruje některé formátovací možnosti kaskádových stylů. V CSS Lampě není použít žádný obrázek, vše co vidíte je vytvořeno pouze za pomocí kaskádových stylů. Kaskádové styly pochopitelně k účelu kreslení určeny nejsou a tuto ukázku berte spíše jako CSS vtip.

Ovládání

Změnou kaskádového stylu (je třeba mít povolený JavaScript) je možné lampu rozsvítit, zhasnout, či změnit stav. Zkuste i vypínač (táhlo, pro Roje splachovadlo :-) ) přímo na CSS Lampě. Přepínač stylů je vytvořen podle návodu na A LIST APART: Alternative Style: Working With Alternate Style Sheets

Stažení

Chcete-li CSS Lampu použít pro studium CSS, stahujte soubory: lampa.html (XHTML kód) lampa.css (základní styl s formátováním), lampa-tma.css (doplňkový styl pro vypnutou lampu), styleswitcher.js (script pro změnu stylů).

Kompatibilita

Prohlížeč OS Problém?
MS Internet Explorer 6.0Win2KOK
MS Internet Explorer 5.01WinNT4OK
MS Internet Explorer 5.0Win95nefunguje změna stylu
Opera 7.21WinXP, linuxOK
Opera 7.11Win2KOK
Opera 6.06Win2Knefunguje změna stylu
Mozilla Firebird 0.7linuxOK
Mozilla Firebird 0.6Win2KOK
Mozilla 1.5Win2K, linuxOK
Mozilla 1.3.1linuxOK
SafariMacOSXOK
Konqueror 3.3.0linux, KDEOK
Konqueror 3.1.0, 3.1.3linux, KDEnefunguje změna stylu
K-MeleonlinuxOK
Galeon 1.3.3linuxOK

Díky všem, kteří CSS Lampu otestovali v pro mě nedostupných prohlížečích.

CSS Lampa najdete také na serveru tanfa: CSS Lampa - Jan Bien.

Na CSS Lampu odkazují

Další CSS kresby