Technika | Programování

Grafické tlačítko pomocí CSS

David

12:55 | 21.1.2008
David

Hodnocení

Včera jsem tvořil pěkné grafické tlačítko za pomocí CSS a HTML. Myslím si, že by se to mohlo někomu hodit. Nejpreve je nutné navrhnout grafickou podobu tlačítka - viz níže. Následující obrázek je jeden kus, i když to tak možná nevypadá.

Grafické tlačítko pomocí CSS
Grafické tlačítko pomocí CSS

Pokud chci tlačítko 32 x 32 musím vytvořit obrázek 64 x 32 (jedna polovina se bude zobrazovat po přejetí myší). Pro definici stylu tlačítka použiji následující CSS :

Posun obrázku na pozadí je realizován čistě pomocí CSS (background). Velikost písma jsem nastavil na 0, aby nebylo vidět, ale bylo tam – pro čtečky a textové prohlížeče.

Zdroj: Nabito.net

Nepřehlédněte

John: Jančík obviněn bude. Vytáhli jsme kostlivce ze…

John: Jančík obviněn bude. Vytáhli jsme kostlivce ze skříní :: Domácí :: ČT24

7.1. | 02:43 Ct24.cz

Praha – Minulý týden zrušil státní zástupce usnesení o…

Logitech G11 Gaming Keyboard

Logitech G11 Gaming Keyboard

7.1. | 02:43 Alza.cz

Profesionální herní klávesnice, ke které dostanete herní myš…

Shakes a Fidget - Cheat

Shakes a Fidget - Cheat

7.1. | 02:43 Shakes-And-Fidget.cz

Návod jak vydělat neomezené množství zlaťáků a houbiček

Alternativa k PPC kampaním od společnosti mClick je tu!

Alternativa k PPC kampaním od společnosti mClick je tu!

13.11. | 15:04 Webitech.cz

Jedná se o systém s názvem mClick, který spustila Česká…


Komentáře

  • Anonym

    Anonym, 16.9.2009 000 12:42

    hezkyy

  • Anonym

Oblíbenost

Petamottl