Pár fíglů, které jsem si odnesl z Plaváčkova článku o přístupné obrázkové navigaci – nulování výchozích hodnot všech elementů, kurzor ručička ve všech prohlížečích a elegantní posouvání pozadí.
Pomocí hvězdičky jakožto selektoru se snadno vynulují výchozí hodnoty okraje a výplně všech blokových prvků (což je podstatné hlavně u těch, které mají tyto hodnoty v prohlížeči přednastaveny: nadpisy, odstavce, seznamy,…)
* {
margin:0;
padding:0
}
Ušetří vám to spoustu problémů s rozdíly mezi jednotlivými prohližeči.
Pro kurzor ve tvaru ručičky používá MSIE hodtnotu hand zatímco ostatní podporují pointer, takže zápis v CSS by měl vypadat následovně (aby ručička fungovala opravdu všude):
span {
cursor: pointer;
cursor: hand;
}
O rolloverech založených na posouvání pozadí psal už i pixy ve svém článku, ale Plaváček použil pro nastavení polohy pozadí místo pixelů klíčová slova left, center a right, což je podstatně více elegantní a hlavně rozměrově nezávislé.
#home span {
background: url("home.gif") no-repeat center top;
}
#home a:hover span {
background: url("home.gif") no-repeat left top;
}
A konečně také celý článek stojí za přečtení – je o vytváření grafické navigace s rollover efektem, která je:
navíc byl článek později i zaktualizován a tak se vyřešil problém s blikáním obrázků v prohlížeči MSIE 6.
Odkazy:
← Ivan Gilfillan: Myslíme v jazyku MySQL 4 Řešení problému s 3px bugem při FLOAT v MSIE - aktualizováno podruhé →
Už jste zkusili prodávat fotky a ilustrace přes fotobanky?
Všechny články o fotobankách
Knihy o webdesignu, grafice, digitální fotografii.
Kompletní seznam nabízených knih
Tomáš Hellebrand (Dubánci - můj kreativní úlet - už pět let!)
fotoban (Dreamstime - fotobanka snů?)
Jana Čajková (10 tipů pro fotografy, jak se dostat na fotobanku Shutterstock)
80 % Petra Dvořáková : Chirurg
Hodně depresivní naturalistické čtení, nedoporučuji pro slabší povahy, ale jinak skvělé, stejně jako ostatní knížky autorky.
Jitsi Meet
Služba pro online videohovory - stačí zadat jednoznačný název hovoru a pak poslat druhému odkaz
[Různé]
Internetová přání a pohlednice s dubánky
Vytvořte si vlastní elektronické přání s dubánky zdarma. V nabídce jsou motivy pro každou příležitost - narozeniny, svátky, svatba, narození potomka, vánoce a další
[Různé]
Flatika - originální trička pro cyklisty
Trička s originálními grafickými motivy pro cyklisty, bikery a milovníky jízdních kol.
[Kolo]
Velikosti obrázků pro soc. sítě
Kompletní přehled požadovaných rozměrů pro záhlaví a profily na jednotlivých sociálních sítích (Facebook, Twitter, Google+)
[Tvorba stránek - návody, nástroje]
color.hailpixel.com
Geniálně jednoduché a přehldné míchátko barev - svou paletu si prostě naklikáte.
[Barvy]
UmSemUmTam
Portál, kde neziskovky můžou hledat profesionály pro své projekty a naopak, grafici a programátoři zde můžou pomoci neziskovkám - skvělý nápad!
Rembrandted KIDS
Zábavný fotoblog kamarádky na mateřské dovolené - fotí své děti naaranžované podle známých uměleckých obrazů.
TrekView
Výborný prohlížeč GPX souborů. Jako podkladovou mapu používá podklady z google map a seznamáckých map (včetně turistických!)
[Sport]
Audioteka.cz
Jeden z prvních online obchodů nabízející české audio knihy.
bab.la
Online slovník pro 22 jazyků, docela slušná slovní zásoba, jen trochu více reklamy, než by mi bylo milo.
[Různé]