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

Google Chrome 19: neotevře poslední taby

Google Chrome 19: neotevře poslední taby

19.5. | 10:11 Mickey.pise.cz

Před pár dny jsem si aktualizoval Google Chrome na verzi 19.…

Jak funguje internet?

Jak funguje internet?

16.5. | 17:16 Objevit.cz

Propojení počítačů v rámci firmy, školy či domácnosti…

Jak evidovat docházku zaměstnanců?

Jak evidovat docházku zaměstnanců?

16.5. | 12:31 Blog.stranky-Webove.cz

Evidence docházky zaměstnanců se v některých firmách stále…

Naučte se efektivně využívat PPC kampaně

Naučte se efektivně využívat PPC kampaně

15.5. | 11:09 Sovanet.cz

Naučíte se správně nastavit, plánovat a optimalizovat PPC…


Komentáře

  • Anonym

    Anonym, 16.9.2009 v 12:42

    hezkyy

  • Anonym

Oblíbenost

Petamottl