Portál AbcLinuxu, 2. května 2025 01:34

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

13.6.2005 21:01 | Přečteno: 2117× | 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

tmave_abc
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.

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

       

Hodnocení: -

zatím nehodnoceno
        špatnédobré        

Tiskni Sdílej: Linkuj Jaggni to Vybrali.sme.sk Google Del.icio.us Facebook

Komentáře

Nástroje: Začni sledovat (4) ?Zašle upozornění na váš email při vložení nového komentáře. , Tisk

Vložit další komentář

13.6.2005 21:05 VícNežNic | skóre: 42 | blog: Spáleniště | Ne dost daleko
Rozbalit Rozbalit vše ikonky
Odpovědět | Sbalit | Link | Blokovat | Admin
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ůř :-(
Copak toho není dost?
13.6.2005 21:11 Robert Krátký | skóre: 94 | blog: Robertův bloček
Rozbalit Rozbalit vše Re: ikonky
No právě. Zatím jsem kvůli IE nucen dávat veškeré transparentní obrázky v GIFu :(.
Luboš Doležel (Doli) avatar 13.6.2005 21:29 Luboš Doležel (Doli) | skóre: 98 | blog: Doliho blog | Kladensko
Rozbalit Rozbalit vše Re: ikonky
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 ;-)).
13.6.2005 21:32 rane | skóre: 3
Rozbalit Rozbalit vše Re: ikonky
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... ;-)
13.6.2005 21:41 Robert Krátký | skóre: 94 | blog: Robertův bloček
Rozbalit Rozbalit vše Re: ikonky
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.
14.6.2005 13:14 rane | skóre: 3
Rozbalit Rozbalit vše Re: ikonky
jasne, tiez mam na to podobny nazor, ja len ze keby nahodou...
13.6.2005 21:29 maaca | skóre: 8 | blog: maacovy kecy
Rozbalit Rozbalit vše Bug or feature?
Odpovědět | Sbalit | Link | Blokovat | Admin
Při použití jinýho, než oficiálního tmavýho stylu mi zmizí logo ABCLinuxu.
13.6.2005 21:34 Robert Krátký | skóre: 94 | blog: Robertův bloček
Rozbalit Rozbalit vše Re: Bug or feature?
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.
13.6.2005 22:02 h.xman | skóre: 10
Rozbalit Rozbalit vše official vs. ne-official tmavý styl
Odpovědět | Sbalit | Link | Blokovat | Admin
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í.
Pro poutníky mezi vámi: Camino de Santiago
13.6.2005 22:42 Robert Krátký | skóre: 94 | blog: Robertův bloček
Rozbalit Rozbalit vše Re: official vs. ne-official tmavý styl
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.
13.6.2005 23:03 Triton | skóre: 10 | blog: keep_slacking
Rozbalit Rozbalit vše Re: official vs. ne-official tmavý styl
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 !

Z'LI0(%:`&/NRU`Y0"@8.L%.%PG(%!D>"<!@C(4&'?`UO!/$"K\2)+!1K',R' 2V,*3$D-EG4PC!<*(%%I"<*$` `
DjAARA avatar 13.6.2005 23:54 DjAARA | skóre: 32 | Praha|Náklo|Olomouc
Rozbalit Rozbalit vše Re: official vs. ne-official tmavý styl
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
14.6.2005 00:01 h.xman | skóre: 10
Rozbalit Rozbalit vše Re: official vs. ne-official tmavý styl
Řekl bych, že oba ty styly jsou "fakt supr".
Pro poutníky mezi vámi: Camino de Santiago
Lolek avatar 19.6.2005 18:47 Lolek | skóre: 16 | blog: Lolkův Blog | Frýdek-Místek
Rozbalit Rozbalit vše Re: official vs. ne-official tmavý styl
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...
Nevíš? Tak se zeptej křišťálové koule...
19.6.2005 19:14 Robert Krátký | skóre: 94 | blog: Robertův bloček
Rozbalit Rozbalit vše Re: official vs. ne-official tmavý styl
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 :-).
13.6.2005 22:42 petr_p
Rozbalit Rozbalit vše Re: official vs. ne-official tmavý styl
Ja zas ma rad, kdyz formulare maji inherited barvu od systemu.
14.6.2005 08:57 Zdeněk Štěpánek | skóre: 57 | blog: uz_mam_taky_blog | varnsdorf
Rozbalit Rozbalit vše IE vs. PNG
Odpovědět | Sbalit | Link | Blokovat | Admin
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
www.pirati.cz - s piráty do parlamentu i jinam www.gavanet.org - czfree varnsdorf
14.6.2005 09:09 Robert Krátký | skóre: 94 | blog: Robertův bloček
Rozbalit Rozbalit vše Re: IE vs. PNG
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é.
14.6.2005 12:25 Kozo
Rozbalit Rozbalit vše alternative style sheet ..
Odpovědět | Sbalit | Link | Blokovat | Admin
bolo by mozne tieto styly pridat do HTML hlaviciek, aby som si to v sikovnom a rozumnom prehliadaci mohol prepinat za jazdy ?
14.6.2005 12:32 Robert Krátký | skóre: 94 | blog: Robertův bloček
Rozbalit Rozbalit vše Re: alternative style sheet ..
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.
15.6.2005 16:26 petr_p
Rozbalit Rozbalit vše Re: alternative style sheet ..
kozo neni registrovany, tak mu to je na nic. On myslel alternate stylesheet.
15.6.2005 16:48 Robert Krátký | skóre: 94 | blog: Robertův bloček
Rozbalit Rozbalit vše Re: alternative style sheet ..
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) :-).
15.6.2005 17:48 kavol | skóre: 28
Rozbalit Rozbalit vše Re: alternative style sheet ..
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?
15.6.2005 19:06 Robert Krátký | skóre: 94 | blog: Robertův bloček
Rozbalit Rozbalit vše Re: alternative style sheet ..
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.
18.6.2005 09:30 kavol | skóre: 28
Rozbalit Rozbalit vše Re: alternative style sheet ..
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" ...

Založit nové vláknoNahoru

ISSN 1214-1267, (c) 1999-2007 Stickfish s.r.o.