"Oficiální" tmavý styl (CSS) pro Abc

13.6.2005 21:01 | Přečteno: 2176× | Abc | poslední úprava: 15.6.2005 14:46

Už od nasazení nového vzhledu jsem chtěl vytvořit alternativní styl pro ty, kdo mají radši tmavé barvy. Dlouho nebyl čas, a tak mezitím Leoš přidal do kódu Abíčka šikovnou podporu pro jakýkoliv externí CSS styl. Také mě několik lidí předběhlo a výsledkem byly tmavě laděné styly, které už pár čtenářů využívá.

Teď, když jsem měl konečně volnou neděli, jejíž část jsem tomu mohl věnovat, jsem dal dohromady vlastní tmavý/černý styl, který budu udržovat aktuální společně s tím standardním světlým. Není tedy třeba mít obavy, že by za tím původním zaostával.

UPDATE: Styl byl aktualizován.

Nejprve jsem se chystal založit svůj nový styl na jednom z těch, které už si lidi vytvořili. Ale nakonec se ukázalo, že nebyly moc dotažené a hlavně byly založeny na starých verzích světlého stylu. Takže přeci jen vznikl styl úplně nový. Přesto však děkuji těm, kteří své styly v různých diskuzích vystavili -- mohl jsem si udělat představu.

UPDATE: Zapomněl jsem zmínit, že kvůli změnám v šabloně, které umožňují načítání odlišného loga pro světlý i tmavý styl, teď nebudou dobře fungovat vaše staré alternativní styly (nebude se zobrazovat logo). Řešením je buď upravit příslušnou část CSS po vzoru oficiálních nových stylů, nebo vzít nový tmavý styl a přizpůsobit si barevně k obrazu svému.

Obrázky, logo

Některé věci stále nejsou ideální. Ačkoliv styl používá speciální logo, které je vytvořeno pro tmavý podklad, je na stránkách dost dalších obrázků, které tmavému pozadí přizpůsobeny nejsou. Jde především o ikonky u článků. Budu se je však od této chvíle snažit přizpůsobovat tak, aby se na ně dalo koukat v obou stylech.

Explorer

Zvláštní kapitolou je - jak jinak - MS IE. Explorer (z nějakého mně neznámého důvodu) zobrazuje radiobuttony ve formulářích s šedým čtvercovým pozadím okolo "kolečka". Možná je potřeba někde dotáhnout nějakou CSS definici speciálně pro IE (jako by už tak nebylo potřeba dost IE hacků). Já však nevím, která by to měla být... Pokud vás něco napadá, rád si nechám poradit.

Stejně tak budu rád, když mi nahlásíte všechny chybky, kterých jsem se dopustil. Určitě se někde najde barva, kterou jsem zapomněl převést. Pokud na něco takového narazíte, ozvěte se, prosím.

Adresa

Do svého nastavení profilu zkopírujte do příslušné kolonky tuto adresu stylu:

/styles-dark.css

Screenshoty

Horní část stránky. Zkuste si odmyslet reklamu linuxsoftu - je tam v těchto barvách sice jako pěst na oko, ale měnit ji nemohu. Také je tam vidět, jak mizerně vypadají s tmavým pozadím některé ikonky u článků... Zatím - snad s tím něco provedu.

Spodek hlavní stránky s diskuzemi a rozcestníkem.

       

Komentáře

[VícNežNic]

Ikonky by byly lepší jako poloprůhledné PNG, ale to zase zvoře IE, takže u něj jsme tam kde jsme byli, vlastně ještě hůř

[Robert Krátký]

No právě. Zatím jsem kvůli IE nucen dávat veškeré transparentní obrázky v GIFu :(.

[Luboš Doležel (Doli)]

Prď na IE! Kolik skutečných čtenářů (=linuxáků) sem chodí s IE? Případně přidělat detekci prohlížeče a přihodit někam výstražný řádek o používání šmejdského prohlížeče.

Možná by se hodila anketa (referendum ).

[rane]

polopriehladne png je mozne dosiahnut v ie pomocou proprietarnej css vlastnosti filter, kuk napriklad sem, alebo pogoogli a vyber si.

asi to nieje uplne trivialne, ale ak mas na take nieco chut a cas, smelo do toho...

[Robert Krátký]

Jo, tohle už jsem kdysi zahlédl. Někdo na to odkazoval, když jsem si minule stěžoval na PNG v IE. Já na to ale nemám nervy. Záhadná alchymie ve jménu takové samozřejmosti jako je transparentní obrázek, to je nad moje síly. Jak už jsem zmiňoval, už takhle je v CSS dost všelijakých ptákovin jen kvůli IE... tohle už je na mě moc.

[rane]

jasne, tiez mam na to podobny nazor, ja len ze keby nahodou...

[maaca]

Při použití jinýho, než oficiálního tmavýho stylu mi zmizí logo ABCLinuxu.

[Robert Krátký]

Feature. Změnila se šablona (zdroják), takže teď se logo načítá na základě definice v CSS. Je to právě kvůli tomu, aby mohlo být pro světlý i tmavý styl jiné logo. Mrkni na zdroják stránky a na nové CSS.

[h.xman]

Právě jsem porovnával oficiální tmavý styl s neoficiálním na http://lolek.czweb.org/abclinuxu.css. Oficiální má jisté výhody - například logo, tmavou horní lištu a jakési záruky do budoucnosti. Ovšem neoficiální se mi stále zdá lepší designově - sladění barev; ta výsledná kombinace v zeleno-černých barvách je IMO perfektní. Navíc mi na oficiální verzi vadí ta svítivá bílá pole, když člověk píše do nějaké diskuse atd.

Čili tohle píšu jako námět pro oba autory stylů - oba jste odvedli skvělou práci (díky moc), ale třeba by se to dalo ještě vylepšit - zvlášť autorovi neoficiálního stylu se teď zřejmě (pokud tomu dobře rozumím) s oficiální verzí tmavého stylu nabízí i možnost zapracovat do toho svého tu tmavou hroní lištu a logo pro tmavé pozadí.

[Robert Krátký]

Kombinaci s modrou barvou jsem volil záměrně, protože Abc je už odjakživa laděné do modra. I ten standardní světlý styl má výrazně modré zabarvení. I když je pravda, že ta zelená barva se mi také líbí a uvažoval jsem o jejím využití. Ale pak už by to "nebylo Abc".

Světlé pozadí textových formulářů není problém ztmavit. Zvolil jsem takhle světlou barvu, abych mohl mít černý text na světlém pozadí. Pokud bych to obrátil a nechal světlý text na tmavém pozadí, chtělo by to asi trochu více změn. Především okraje formulářů. Něco vyzkouším.

[Triton]

Bude to další názor z mnoha, ale zkusil jsem si oba alternativní "tmavé" styly, ale barevné ladění toho oficiálního se mi jeví jako vyváženější a více lahodí mému zraku 8-)

Moje díky patří oběma autorům, kteří si dali tu práci. Good job !

[DjAARA]

Tenhle tmavy skin se mi libi vic nez neoficialni. Mozna by to chtelo jeste upravit barvy vstupnich poli, aby na me v noci tak nesvitily :o), ale jinak je skvely.

Diky

[h.xman]

Řekl bych, že oba ty styly jsou "fakt supr".

[Lolek]

Jsem opravdu rád, že se můj zeleno-černý styl líbí. A slibuju, že po dobu co budu navštěvovat tento portál, budu tento styl také upravovat.
To že Robert dělá takové kiksy jako, že logo se nebude zobrazovat je opravdu pěkné...
Asi se s tím budu muset nejen já poprat...

[Robert Krátký]

Už jsem někde vysvětloval, že změna způsobu zobrazení loga byl záměr - ne kiks. Bylo nutné definovat obrázek prostřednictvím CSS, aby bylo možné mít pro každý styl jiné logo. Takže i tvůj styl by z toho měl profitovat - můžeš totiž ve svém souboru specifikovat logo optimalizované pro tmavý podklad (abc-dark.gif). Všechno je provedeno co nejšetrněji. Není přidána žádná CSS třída - jen se v té třídě za_logo teď definuje i logo a jeho velikost.

Myslím, že zkopírování tří řádků z oficiálního stylu by nemělo činit takové potíže. Kdyby to šlo zařídit bez toho, udělal bych to. Takhle je však CSS systémovější. Přeci jen lze očekávat, že stránky procházejí nějakým vývojem, ne? A jde-li o vývoj k lepšímu a ještě ke všemu o tom poreferuji v blogu, mohli byste mi to odpustit :-).

[petr_p]

Ja zas ma rad, kdyz formulare maji inherited barvu od systemu.

[Zdeněk Štěpánek]

Zdravim

Co vim tak IE lze nejakym obskurnim hackem presvedcit aby zobrazovalo prohledne indexovane PNGcka, takze okraj bude ostre zubaty. PNGcka s alfa kanalem neumi.

Ja IE ignoruju uz od zacatku delani webu v linuxu, nehodlam si kvuli tomu smejdu skazit naladu. A kdyz si lidi stezujou ze maj hranaty sedivy obrazky tak je to jejich problem ze pouzivaj program kterej neco neumi vubec a neco jen polovicate.

Jsou to weby vicemene pro me zname a specifickou partu zajemnu, kdybych to delal profi za prachy, asi bych to videl jinak.

Zdenek

[Robert Krátký]

Jenže na Abc musíme na IE přeci jen brát ohled. Už jsem byl také několikrát nucen z různých inetových kaváren přistupovat k Abc s Explorerem. Kdyby byla funkčnost příliš omezená, bylo by to špatné.

[Kozo]

bolo by mozne tieto styly pridat do HTML hlaviciek, aby som si to v sikovnom a rozumnom prehliadaci mohol prepinat za jazdy ?

[Robert Krátký]

Styly můžeš přepínat v nastavení svého profilu. V HTML hlavičce je kód, který přihlášeným uživatelům zajišťuje načítání jejich zvoleného stylu.

[petr_p]

kozo neni registrovany, tak mu to je na nic. On myslel alternate stylesheet.

[Robert Krátký]

Rádi bychom registrovaným uživatelům nabízeli komfortnější služby - aby z té registrace také měli něco jiného než signatury u komentářů. Takže mohou používat monitor ke sledování změn v diskuzích, zvýrazňují se jim nové příspěvky, když chtějí, tak mohou přeskakovat v diskuzi pouze po nových příspěvcích, mohou si vypnout smajlíky atd. A jednou z funkcí pro registrované je i možnost nastavit si libovolný stylesheet (včetně toho oficiálního tmavého) :-).

[kavol]

Rádi bychom registrovaným uživatelům nabízeli komfortnější služby - aby z té registrace také měli něco jiného než signatury u komentářů.

poněkud nechápu ... jaký je důvod nutit lidi k registraci?

pokud je možné nabídnout nějakou featuru i bez registrace (což např. takové sledování nelze), proč ji schválně nabízet jenom registrovaným?

[Robert Krátký]

Teď nevím, která část ti vadí. Jestli to, že bychom chtěli, aby se uživatelé registrovali, nebo to, že některé služby nabízíme jenom registrovaným.

Na první otázku je odpověď následující. Z pohledu provozovatelů portálu:

Pominu-li prestiž a dobrý zvuk, který to má pro inzerenty, pak je tu ta nesporná výhoda, že registrovaného uživatele je snazší "zapojit do dění". Registruje-li se někdo, má většinou pocit určité sounáležitosti. Pomáhá to vytvářet komunitu. Čím rozsáhlejší komunita lidí, kteří přispívají do fór, do blogů apod., tím kvalitnější a rozmanitější je portál. A to chceme.

Z pohledu ostatních uživatelů:

Čím více registrovaných uživatelů, tím kvalitnější uživatelské prostředí pro všechny. Registrovanému uživateli lze poslat mail, lze mít určitou jistotu v kontinuitu jeho uživ. jména, takže si lze během času snáze udělat obrázek o jeho znalostech, názorech apod. Je možné sledovat historii jeho příspěvků.

No, a co se týče toho, proč některé funkce zpřístupňujeme jen registrovaným, tak to je asi po předchozích odstavcích zřejmé. Bereme to jako sympatickou "návnadu". Když se zaregistrujete, budete mít tyto výhody. A v důsledku se projeví i kladné body, které jsem popisoval výše.

[kavol]

vadí mi to druhé ... imho dostatečná návnada je množina funkcí, které bez registrace nejdou technicky, netřeba ji rozšiřovat ještě o množinu "nechceme" ...

já mezi registrací a popsanými klady nevidím až tak těsnou souvislost - kdo chce měnit nicky jako ponožky, může stejně tak dobře měnit registrace; naopak registrace může některé odradit - když už pro nic jiného, tak protože ne každý touží po tom, aby pro kdekoho na Inetu bylo možno si "během času snáze udělat obrázek o jeho znalostech, názorech"

mě osobně registrace nevadí, pokud jí není podmíněna přístupnost obsahu - na ábíčku jsem se zaregistroval v okamžiku, kdy jsem chtěl použít změnu stylesheetu ... ale vadí mi, pokud si ji vynucujete - ten positivní efekt komunity jest otázkou dobrovolného přispívání a ne toho, že si pečlivě zaevidujete "své ovečky" ...