Drobné úpravy vzhledu Abíčka (diskuse)

[#Tom]

Pěkné, konečně se už nebude logo nikdy nikomu zakrývat nabídkou.

[Leos Literak]

Víťa ze Stickfish logo trošku vyladil. Líbí?

[Luboš Doležel (Doli)]

Líbí

[#Tom]

Jo, je pěkný, dobře hladký.

[Filip Jirsák]

Takový detail – připadá mi, že ta modrá v logu je jiná, než modrá ve vzhledu Abíčka…

[Robert Krátký]

No jo... upozorním na to Vítka.

[Václav HFechs Švirga]

Mě osobně se to osobně líbí. Ta modrá v tom logu je taková sytější a logo vynikne.

[clipper]

Tak tak, i mně se tohle nové logo víc libí.

[Filip Jirsák]

Což o to, mně se ta modrá taky líbí, ale nelíbí se mi, že je jiná. Ona modrá bývá na monitorech hezká barva, ale má tu nevýhodu, že dva různé odstíny modré snad nikdy nejdou k sobě. Tak třeba půjde upravit modrou Abíčka do stejného odstínu, jako je ta modrá na logu

[Josef Kufner]

Jojo, nové logo je hezké, ale tu modrou bych trošku doladil.

[abr]

konečně se už nebude logo nikdy nikomu zakrývat nabídkou.

No jeden jedinec by se nasel ;)

[abr]

...ale dela to jen pri alt black stylu.

[Robert Krátký]

Mohl bys prosím poslat screenshot? Oba styly by měly být z hlediska rozložení stránky totožné.

[Leos Literak]

Ahoj,

díky moc. A hned ohlásím jeden bugreport Jsem teď u IE 6 a když myší najedu na odkaz v boxíku nahoře (tipy, reklama), tak se mi ten víceřádkový odstavec převede na jeden dlouhatánský řádek, který se schovává ze vyhledáváním a končí mimo stránku.

[Robert Krátký]

To by mě tedy zajímalo, co se Exploreru nelíbí. Způsobuje to skutečně pouze najetí (pouze) na odkaz. Při změně velikosti okna se zase všechno spraví. Nemáte někdo tušení, na co zapomínám? Mohl bych sice ty dva boxiky vyřešit tabulkou, ale to se mi nelíbí (zvláště když jsem odmítl tabulkovat kvůli IE menu). Jestli jste se s tím někdo setkal, poučte mne, prosím.

[Robert Krátký]

Tak tohle už je snad vyřešeno. Mohl za to problém, který se u IE projevuje ve chvílích, kdy se použije :hover na element ve floatovaném objektu, který nemá pevně stanovenou velikost (IE při změně pozadí u odkazu přepočítá procentuální hodnoty pravděpodobně podle celé velikosti okna místo podle elementu, ve kterém je objekt vnořen). Proto jsem ten bug neodhalil, když jsem stránku testoval - v tu chvíli ještě v těch horních boxících nebyly odkazy, u nichž se při najetí myší mění pozadí.

[springer]

potvrzuji (viz komentar vyse) - je tam chyba (pouzivam firefox)

[springer]

opera 9.01 OK

[Käyttäjä 11133]

Opera 9.02 OK

[springer]

firefox u me uz taky OK, chlapci jedou )

[medulin]

Mne to v Opeře 9.01 moc dobře nevypadá . Nové horní menu je rozbalené pod sebou a tím je všecho posunuté dolů. Pořád se musím posouvat dolů . Ale v Konqueroru to vypadá dobře.

[medulin]

Teď už je to dobré. Nechápu jakto.

[Käyttäjä 11133]

V cache byly staré soubory.

[Käyttäjä 11133]

Vymaž cache.

[Kyosuke]

Whoops! Rovnýma nohama do 21. století designu? Vypadá to nádherně, díky!

[thingie]

Mor na vylejazcí nabídky.

[freshmouse]

Ff 1.5.x. Rozvinovací menu nefunguje / funguje špatně. Zkuste si najet na HW a jet až na poslední 2 položky. V místech, kde je "OK Systém", se menu "vypne".

Cokoli v pohybu saje.

[Robert Krátký]

O tom vím a snažím se vymyslet řešení. Může za to pravděpodobně floatovaný odkaz (OKsystem) - ostatní odkazy (např. titulky článků) problémy nedělají.

[mkoubik]

Stačí v CSS nastavit pro to menu "z-index" na vyšší hodnotu než má odkaz OKsystem, pokud se nikde ve stylech z-index nepoužívá, měla by stačit hodnota 1.

[Robert Krátký]

To bylo první, co jsem zkoušel - nefungovalo. Když jsem to tu však znovu četl, zkusil jsem to dát postupně na všechny objekty nadřazené tomu rozbalovacímu menu - a zabralo až nadřazení těch konkrétních jednotlivých seznamů. Díky za postrčení.

[Josef Kufner]

V menu jsem narazil na ještě jeden defekt. Mezi položkama jsou místy 1px veliké mezery. Vypadá to skoro na chybu v zaokrouhlování ve firefoxu. Mám sice postarší verzi, skoro až muzejní, ale oprava by neměla být nijak složitá. Pokud je to tím ím si myslím, že to je, tak by stačilo převédst všechny rozměry týkající se menu na px.

[Robert Krátký]

Mohl bys k tomu prosím poskytnout screenshot a verzi FF?

Pokud je to tím ím si myslím, že to je, tak by stačilo převédst všechny rozměry týkající se menu na px.

Menu žádné pevně definované rozměry nepoužívá. Vše se automaticky nastavuje podle toho, jak dlouhá jsou slova jednotlivých položek. Jen výška menu je uměle zmenšena. Kromě toho jsou nějaké ty pixelové hodnoty využity pro "zkosené" rohy, ale to by na položky nemělo mít vliv.

[Josef Kufner]

Screenshot je tu: http://jk.myserver.cz/misc/abc-menu.png

V ostatních menu jsou mezery na stejných místech.

Řešení:

.menu a {
	padding: 3px 6px;
}

[Robert Krátký]

No, abych řekl pravdu, moc se mi to měnit nechce. Bylo by to ošklivé při nastavení menšího písma (menu by se nepřizpůsobavalo). Ta tvoje verze FF je fakt dost stará, takže ji snad nemusíme zahrnovat do podporovaných prohlížečů. Něco jiného by bylo, kdyby stránky nešly prohlížet. Ale takováhle maličkost, kterou ke všemu způsobuje zjevně bug prohlížeče, se mi zdá omluvitelná.

[Josef Kufner]

Čekal jsem, že tohle řekneš

[happy barney]

skus nastavit background-color na cele UL. bug neodstranis, ale nebude vidiet

[walley walleyovic]

tohle je chyba stareho gecka, v novejsich uz je opravena akorat uz nevim ktera to byla

[clipper]

Pěkný vzhled. Je možné trochu spozdit rozbalení položek v horním menu tak, aby se nerozbalovalo při pouhém přejetí myší? Například, když myší přepínám záložky firefoxu a pak přejedu na obsah stránky (cesta vede přes menu) vždy to rozbalí položky, což je rozptylující.

A než jsem to dopsal, tak se opět objevila tahle chyba. Keš firefoxu (1.5.3) mám vymazanou.

[Robert Krátký]

Je to tak pořád nebo jen občas?

[#Tom]

Asi občas. Dělá mi to taky. (FF 1.5)

[Robert Krátký]

Je zvláštní, že na dvou vašich screenshotech jsou vidět různé varianty. A mně se nedaří reprodukovat ani jednu... Pokud by se vám podařilo vysledovat nějakou pravidelnost/souvislost, dejte mi prosím vědět. Zatím opravdu netuším, čím by to mohlo být.

[#Tom]

Teď už mi to nějakou dobu neudělalo. Asi bude chyba i na straně prohlížeče, dělalo to jen při pomalém načítání stránky. Občas mi takhle FF trucuje i na jiných stránkách.

[#Tom]

Ještě jiná chyba: dvojitý banner a uložená stránka. V HTML je to jen jednou, že by to dělal javascript?

[Robert Krátký]

To je sice otravná chyba (mít dva ty bannery místo jednoho), ale nebude způsobena včerejšími změnami - s tímto kódem se vůbec nemanipulovalo.

[clipper]

občas

[Robert Krátký]

Ještě k tomu rozbalování... obávám se, že zpozdit nepůjde, protože je to pouze CSS - žádný JavaScript. Sami si však nejsme tak docela jisti, že vůbec rozbalovací menu chceme - teď je to na zkoušku; jak se to (ne)zalíbí nám i vám.

[freshmouse]

Nechceme.

[victor8]

Chceme, ak bude alternativne CSS pre tych, co to nechcu

[Robert Krátký]

Pokud to chceš zakázat, vytvoř si soubor muj.css s následujícím obsahem a zadej ho jako styl v nastavení svého profilu:

@import url("http://www.abclinuxu.cz/styles.css");
.menu li:hover ul { display:none }

Pokud bude zájem, mohu to samozřejmě předpřipravit a dát takový soubor na server. Ale na to je zatím brzy.

[clipper]

Tak potom to taky nechci...

[Robert Krátký]

Necháme to nějaký čas a pak uděláme anketu. Připadá-li ti to nesnesitelné, můžeš využít jednoduché řešen popsané výše v tomto vlákně.

[Mikos]

Rozhodně chceme Já rozbalovací menu rád

[vencour]

První dojem: a) mnohem lepší, b) snad i rychlejší (načítání)?

[Robert Krátký]

b) snad i rychlejší (načítání)?

Sice je to v některých situacích možné, protože byla zlikvidována velká hromada zbytečných divů, ale jinak pro zrychlení žádné změny prováděny nebyly. To si slibuji až od plánovánového kompletního překopání šablony.

[stribny]

O mnoho lepší, jen tak dál!

[Max]

Zpočátku jsem si toho moc nevšiml (že by cache? :)), ale teď, když okem kouknu, tak paráda, navíc jsem si říkal, že to logo bývalo jiný (škaredější) :) ...
Zdar Max

[midar]

Že by Gut džab ? :) Logo je cool a in a sweet a buhvico eště :)

[pasmen]

Mozna by stalo za to pridat nejaky delay pro rozbaleni nabidky v menu. Pokazde kdyz pres to omylem prejedu (i hodne rychle) se to rozbali. Docela to rusi. Ale jinak super.

[Käyttäjä 11133]

Je to dělané pomocí css, takže to nejde.

[pasmen]

;(

[David Watzke]

Moc hezký... všechno

[bazil]

rozbalovací menu vypadá moc hezky, ale v opeře 9.01 mi to žere dost procák a tím pádem je pomalý i to přesouvání vysvícení odkazu a taky mě přijde dost rušivý vyhledávání a i další texty pod reklamou, jako by to tam nezapadalo...

[Robert Krátký]

Velká animovaná reklama s hnusnými barvami holt rušivá asi bude vždy... Že je menu v Opeře trochu líné, to jsem si všiml. Je to však dost divné, protože jeho struktura je úplně jednoduchá. Opera prostě pomalu vykresluje...

[bazil]

z reklamou pocítám, to je holt nutné zlo, ale já myslel třeba box na vyhledávání, teď mě připadá, že někdo nevědel kam s ním a tak ho plácl na první volné místo ... a ty texty pod reklamou, ať už logo tak alternativní styl tak reklama, logo a vyhledáváhí bych dal vedle reklamy, a nějak bych je zakomponoval aby byly v designu a zbytek zrušil

[Robert Krátký]

Ta reklama tam není odjakživa a také tam nebude pořád. Takže ji nechceme "zakomponovat" do designu. Představ si stránku, jak by vypadala, kdyby se ta reklama vypnula - pak je vše v pořádku a nikde místo nepřebývá.

Kromě toho, i kdybychom se rozhodli tuhle obr-reklamu zakomponovat do designu, nešlo by to udělat, jak popisuješ, protože by se pak stránky nedaly prohlížet v menších oknech.

[bazil]

špatně pochopeno, zakomponovat do designu vyhledávání, reklama ať je volně, ale když ji plánujete třeba časem vypustit, tak je to ok

[Robert Krátký]

Vyhledávání v layoutu má své místo. Vlevo logo, uprostřed místo pro textové tipy nebo reklamu, vpravo vyhledávání. V čem je chyba?

[bazil]

jen se mi to nelibi a pripada mi to, jako by to tam nepatrilo ...

[Käyttäjä 11133]

24% CPU v Opeře 9.01 A menu je plynulé.

[Robert Krátký]

Opravil jsem další chybku, na kterou mě upozornil Luboš Doležel - při schování levého sloupce zůstal do prostoru trčet pruh, který odsouval obsah středního sloupce. Když už jsem to řešil, vyhodil jsem konečně ten mrňavý gifík («skrýt) a nahradil ho textovým křížkem. Při té příležitosti jsem také odstranil horní modrý proužek.

[lefti]

Po oprave se to v konqueroru chova jeste hur. Ten levy sloupec by to chtelo uplne predelat (treba by imho stacilo, kdyby se zobrazoval jen na indexu).

[Robert Krátký]

Jak hůř? Co to znamená? Můžeš poskytnout screenshot a údaje o verzi Konqueroru?

(treba by imho stacilo, kdyby se zobrazoval jen na indexu).

To nejde. Jednak to nechceme z funkčního hlediska, ale také jsou tam reklamy, jejichž zobrazování bohužel nutně potřebujeme.

[lefti]

Bohuzel, na tom hostingu neni pro soubory spravne nastaveny MIME type. Hlavne jde o ten druhy screenshot.

• abcl-v-konq-1
• abcl-v-konq-2
• abcl-v-konq-3

Qt: 3.3.6
KDE: 3.5.2
Konqueror: 3.5.2

holt si budu muset upravit css

[Robert Krátký]

Neřekl bych, že by bylo nutné, abys upravoval CSS. Jednak se tu každý případný problém snažím hned řešit, takže bych to udělal i v tomto případě, ale především mám za to, že se daný problém projevuje kvůli tomu, že je v keši tvého prohlížeče stále ještě načtený starý soubor s JavaScriptem.

Zkus aktualizovat stránky nebo promazat keš. Pak by to mělo být v pořádku. Pokud ne, dej prosím ještě vědět.

[happy barney]

ulozit gif ako .jpg a stazovat sa popri tom na content-type )

[Valoun]

To CSS drop down menu lze zprovoznit v Exploreru přidáním krátkého JS a lehkou úpravou stylu, inspirace na List Apart. Ale pravda je, že funkčnost v MSIE tu asi nikoho (právem) nebere. A v MSIE7 to hádám stejně funguje.

Jinak mi to blbne akorát v tom, že křížek schovávající postranní sloupec překrývá nápis "Školení". (Debian FF1.5, 1280x1024)

[Robert Krátký]

To CSS drop down menu lze zprovoznit v Exploreru přidáním krátkého JS a lehkou úpravou stylu,

Lze to zprovoznit i bez JavaScriptu - někde jsem tu psal, že už jsem to tak měl připravené... Ale pak už to není hezký a uspořádaný obyčejný seznam, ale změť propletená tabulkami (aby IE akceptoval vnořené seznamy) a zakomentovaným kódem specifickým pro IE -- tak jsem to zrušil.

Jinak mi to blbne akorát v tom, že křížek schovávající postranní sloupec překrývá nápis "Školení". (Debian FF1.5, 1280x1024)

Aha... používáš AdBlock? Nenapadlo mě s tím počítat. Nad rámečkem se školením je totiž při normálním zobrazení ještě obdélníková reklamní plocha, ze které nevadí, když si ten křížek kousek ukrojí.

[Michal Čihař]

Aha... používáš AdBlock? Nenapadlo mě s tím počítat. Nad rámečkem se školením je totiž při normálním zobrazení ještě obdélníková reklamní plocha, ze které nevadí, když si ten křížek kousek ukrojí.

Nemusí mít AdBlock, stačí vypnutý javascript jako mám já .

[Filip Jirsák]

Bugreport: Abíčko má oříznuté logo na pravé straně - viz screenshot. Prohlížeč FF 1.5 na Windows, šířka viewportu 1274 px, styly aktualizovány.

[Robert Krátký]

To je staré logo. V keši prohlížeče máš pravděpodobně stále ten starý obrázek, který byl o něco větší. Zkus promazat keš a mělo by to být v pořádku.

[Filip Jirsák]

Aha, a to jsem dával ve FF kompletní obnovu stránky. Asi na tom obrázku seděla ještě firemní proxy… A já si říkal, že už je to barevně sladěné