Oddělení stylů Abíčka - betaverze

14.3.2007 12:20 | Přečteno: 2121× | AbcLinuxu | poslední úprava: 17.8.2012 20:18

Rozdělil jsem styly Abíčka tak, aby světlý i tmavý styl definovaly pouze barvy a používaly třetí společný stylopis, který definuje rozložení prvků (velikosti, písma, umístění). Teď sháním betatestery

V obsahu stylových souborů jsem nic neměnil, pouze jsem opravil zjevné chybky a doplnil styly tak, aby odpovídaly specifikaci (zejména jsem doplnil jednotky k nulovým rozměrům). Abíčko by se tedy mělo zobrazovat pořád stejně – pokud najdete nějaký rozdíl, je to chyba.

Ze stylů jsem odstranil hacky pro MSIE, ten vyřeším samostatným souborem vkládaným v podmíněném komentáři. V MSIE tedy nové styly nezkoušejte. A jak můžete pomoci při testování stylů? V nastavení Abíčka (pod vaším jménem nebo přezdívkou an horní liště) zvolte Nastavení účtu a dále Změnit nastavení v sekci Nastavení účtu. Do vstupního políčka Vlastní CSS zadejte

• xxx pro světlý styl
• xxx pro tmavý styl

Případné chyby hlaste prosím v diskuzi pod tímto příspěvkem. Děkuji za spolupráci

---

Aktualizováno: styly už na serveru nejsou, zrušil jsem tedy neplatné odkazy. Stejně už dávno k ničemu nejsou.        

Komentáře

[petr_p]

Tlacitko s krizkem pro skryti leveho sloupce je embosovane (zatlacene – levy okraj chybi, pravy je byly)

Logo portalu ve stavu hover ma pozadi aktualniho odkazu (mimochodem, antialiasing okraju je delan jako barvy prechazejici do tmave, ne jako alfa, takze na jinak barevnem pozadi dela moare).

[petr_p]

s/byly/sedivy/ :)

[Filip Jirsák]

Tlačítko a hover efekt jsou opraveny. Antialiasing obrázku bude nejspíš kvůli MSIE6 a starší, který alfa kanál v PNG neumí.

[rane]

Pri nulových rozmeroch nemusia byť jednotky :)

[Filip Jirsák]

Připadám si jak ve filmu Limonádový Joe – nemusí, musí, nemusí… Nejprve jsem si myslel, že nemusí, pak jsme někde četl, že musí, teď zase, že nemusí – a tentokrát je to specifikace, tak to asi bude pravda Nicméně s jednotkami je to myslím přehlednější, a s/0px/0/ se dá udělat vždycky

[happy barney]

0 je 0, v akýchkoĺvek jednotkách
nedá, treba s/ 0px/0/g, čomu by malo predchádzať s/:/: /

[happy barney]

hmm, nemohol som s tým CSS split skriptom jeden deň počkať ?

#zh-logo a
background-position: left top background-repeat :   no-repeat;

[Filip Jirsák]

Opraveno, díky.

On mne ten skript spíš inspiroval k tomu, že bude stejně jednodušší udělat to ručně, resp. s podporou vyhledávání, diffu apod. Protože udělat takový skript, který zachová komentáře, všechny druhy selektorů (včetně těch pro atributy), zachová hacky, rozdělí definice barev a pozadí od zbytku u background a border, zachová pořadí selektorů, porovná co se liší ve světlé a tmavé verzi… mi přišlo jako práce na několik dní. Resp. tak nějak jsem se to těch stylů zakoukal, abych zjistil, co vše bude potřeba, a už jsem rozděloval bordery na tloušťku a styl a zvlášť barvu a najednou to bylo hotové

[Robert Krátký]

Pánové, ač se trochu stydím, když jsem to sliboval už před půl rokem, tak jste mi udělali velkou radost. Pořád se bohužel objevují věci, které je nutné udělat HNED, takže už pak nezbývá čas na to, co by člověk rád.

[Robert Krátký]

Jen podotýkám, že pokud testujete variantu "light", tak budete mít textové reklamy Google AdSense zobrazené s tmavým pozadím. Je to proto, že podmínka, která určuje barevnou variantu reklam, testuje název "styles.css". Jakmile tyto opravené soubory se styly nasadím, tak to zase bude barevně ladit.

----

A teď koukám, že aktivní textarea ve světlém stylu nemá šedé pozadí.

[Filip Jirsák]

A teď koukám, že aktivní textarea ve světlém stylu nemá šedé pozadí.

To je otázka, jak to vlastně má být Protože v současném světlém stylu není barva pozadí pro textarea, select a input nastavená. Já jsem jí nastavil na bílou, protože pokud barva nastavená není, určí si prohlížeč barvu sám, a ta barva může být v každém prohlížeči jiná – a vždy se doporučuje spolu s barvou textu nastavit i barvu pozadí.

Zatím jsem příslušnou část zakomentoval, aby to opravdu bylo stejně, jako dřív. Případné doladění stylů můžeme řešit později.

[Robert Krátký]

Protože v současném světlém stylu není barva pozadí pro textarea, select a input nastavená.

No vida... já zapomněl. Chtěl jsem to nastavit na světle šedou, aby se to mírně odlišovalo od okolí, ale pak jsem si změnil barvu pozadí v KDE, což mi ty oblasti obarvilo automaticky, takže jsem na to už pak zapomněl.

[jR]

Pěkné.. používám ten dark styl a líbí se mi to. Je to příjemnější na oči. Dobrá práce a díky

[Filip Jirsák]

Aby nedošlo k mýlce – já jsem ten tmavý styl nevytvořil, jenom jsem od stávajícího světlého a tmavého stylu oddělil společnou část a vyčlenil jí do samostatného souboru, aby se to lépe udržovalo A k tomu oddělení mne vyprovokoval happy barney, protože jsem díky jeho skriptu zjistil, že oddělit to zcela automaticky nepůjde a nejrychlejší bude udělat to víceméně ručně.

Tmavý styl používejte a testujte, já ho nepoužívám, takže bych si chyb nejspíš nevšiml