ipsace i tiskace
25.03.2006
3D lejout
Sněhulkový styl jako defaultní tu stále nechávám. Je to proto, že na něm chci předvést několik geniálních triků pro flexi-lejout. A než vymyslím nějaké další pro jarní styl, musíte vzít za vděk tím, co dávám.
Uchopte prosím něžně do dlaně svého myšáka a posuňte ho ke kraji okna, kde je takový ten rantl, nebo až dolů do rohu, kde to vypadá jako shrnutá kůžička. Když tam kliknete a táhnete, a budete mít štěstí, podaří se vám možná změnit velikost (okna svého browseru). Někteří z vás to možná děláte poprvé, někteří jiní to možná dělají víceméně pravidelně, podle chuti i víckrát za den. Je to totiž fajn zábava, ostatně je to jeden z důvodů, proč myšáka máte. Abyste to s ním dělali!
- úžení
- (opak šíření) činnost, kterou se zvětšuje úžka, alternativně nazývaná úzkost. Úžení je žádoucí, úzkost sluší.
- šíření
- (opak úžení) činnost, kterou se zvětšuje šířka, alternativně nazývaná širokost. Šíření je vesměs nežádoucí a může být i trestné. Viz "šíření poplašné zprávy" (hoax)
Ti z vás, keří tuto zábavu provozovali už dříve, si všimli, že nahoře vlevo se sáňky při úžení překryjou okolím Sněhulky a že to nevypadá nic moc. To bylo ještě v dobách, kdy jsem o řešení neměl ani páru. Zkoušel jsem to prohodit, aby okolí sáněk překrývalo Sněhulku, ale to bylo ještě o dost horší. Zkusil jsem i poloprůhledný obrázek, ale ten by měl vic kilobajtů, než zbytek tohoto blogu.
Protože vím, že úžení je hobby, které přetrvává do vysokého věku, mrzelo mě, že se vám to nelíbí a že jste mi to omlátili o hlavu v komentářích. Cítil jsem se méněcenně jako displej, ze kterého vytekly krystaly.
Pak přišel den, kdy jsem si sám vyzkoušel střídavé šíření a úžení na SuEwebíku. Mimochodem, nádherný web, jednoduchý, barevně ladící! A tam jsem si toho všiml.
Koukněte tam. Myšáka do ruky a jeďte tam, zpátky, tam, zpátky... nebojte se přitlačit. Sledujete to nahoře? Ten nápis CHAOS SANCTUARY! Hned, jaxem to spatřil, věděl jsem, že můj sáňkařský problém je vyřešen. Okolí sáněk bude pod okolím Sněhulky, sáňky samotné budou nad tím vším.
Bohužel, nevím, jak tento trik SuE nazvala a jestli ho vůbec nějak nazvala, ani nevím, jestli nad svým webem provozuje hrátky s myškou a tudíž jestli je si vědoma, jak úžasnou věc vytvořila.
Ale vím, že pokud geniální trik není neméně geniálně pojmenován a zaindexován, pak jako by nebyl. Proto jsem si dovolil SuEin vynález pojmenovat po svém. Výstižně a jasně. Středočesky 3D flexi lejout, valašsky 3D flaksy lejút.
Zkušení p.t. webmistři pravděpodobně již vědí a mohou následující octavec přeskočit a pokračovat až na triku "Obtékání absolutně posicovaného divu" níže
Proč 3D
Úplně "dole" (z hlediska vrstev) je obrázek sáněk i s okolím, normální jpg. Je to pozadí elementu <body>.
To toho je vnořen div, který má jako pozadí Sněhulku, toto pozadí je opět neprůhledné a leží ve vrstvě nad sáňkami, protože je vnořeno do elementu <body>.
nad tím vším je nápis "Blog ledové královny", normální obsah divu, generovaný CSS.
Připomínám, že všechny výrazy "nad" a "pod" jsou myšleny z hlediska vrstev, v souřadnici zet.
A nyní přichází vlastní 3D. Vytvořil jsem průhledný GIF obrázek, který je tvořen částí korpusu sáněk, veškeré okolí je průhledné. Tento průhledný obrázek je pozadím absolutně posicovaného divu, čili je úplně nahoře.
Při úžení potom pozadí Sněhulky sice překrývá pozadí sáněk, ale pak "zajede" pod ně.
Jako třešnička na dortu jsou sáňky využity jako klikací odkaz na index, což je jedna z věcí, které mě na blozích nejvíc štvou, když musím hledat někde mrňavý nápis "domů", abych si prohlédl titulku blogu.
A pokračujeme dalším super trikem
Mňo... já vím, že jsem to slíbil. Ale nějaxem se rozkecal a zakecal. To periodické úžení a šíření mě nějak vyčerpalo. Takže svůj slib splním!
Prozradím, jak se obtéká absolutně posicovaný div a proč jsou pod Slovníčkem témat ta záhadná písmena. Vše se dozvíte. Ale až v dalším spotu rubriky tiskace.
Komentáře (11)
Varování:
Budu zde nechávat jen komentáře, které se mi líbí. Demokracie je sen. Nechte si o ní zdát :-)btw: c misto ds - to jsi odkoukal od ostravaka nebo opacne?
broser: posledni Opera pod Linuxem. Tak mi porad co s tim mam delat, nebo si to oprav, abych nemusela porad rozsirovat a zuzovat...
No a jeste neco k onemu slavnemu 3D sankovemu... Neni to trochu divny, ze sanky prekryvaji snehulaka, kdyz opticky jsou dal nez ten snehulak? To jen tak k zamysleni, kdyz uz jsme u toho 3D...
Zirafka
Ale s tema sankama nevim nevim. Ty mozna s vysky mas dojem, ze Snehulka je mala. Ale ona není. Ve skutecnosti je dost velka a jeji malost je zpusobena perspektivou a tim, ze je od nas dal. Rozhodne dal, nez sanky. Takze logicky sanky pri uzeni musi byt precnehulkou. No a pokud bys mela dojem, ze jsou zaroven bliz i dal, pak je problem ve crvtem rozmeru a vlastne je nacase udelat 4D lejout ;-)
Tak. To by me zajimalo, co mi na to reknes. Matne zacinam tustit, ze argumantace bude mit neco spolecneho s letajicimi sankami, ale necham se prekvapit.
No ale když neskromnost, tak teda jo - podobné řešení (už vlastně ani nevím proč) jsem použila u hlavičky na http://harrington.suewebik.net a tam se to tedy myslím překrývá líp - jsou tam dva krajní obrázky, tapeta uprostřed a na tom plesknutá ta hlavička (gif). Sice to tam není klikací ale dokud se nepřekryjou ty dva krajní obrázky, tak to funguje (to už je pak stejně nepoužitelné cokoli)
Přidání komentáře...
Aktivní styl
Odkazy
