čtvrtek 27. února 2014

Custom checkbox & radio button generator

Narazili jste při kódování webu na potřebu implementovat nestandardní vzhled checkboxu nebo input radio Věc nebyla nikdy jednodušší.

Vzhledem k tomu, že IE8 již končí podpora a tak jej můžeme s veselím odpálkovat, můžeme použít online nástroj CSS Checkbox.

Nástroj na základě vámi dodaných grafických podkladů vytvoří kód potřebný pro implementaci do webu. Druhou možností je využití již předpřipravených radio inputů nebo checkboxů.

Jak na věc?


  1. Otevřete si generátor.
  2. Připravte si soubor - čtvercový obrázek s checkboxem nebo radio buttonem v nezaškrtnuté (nezvolené) verzi. Ten zvolte do Unchecked box.
  3. Připravte si soubor - čtvercový obrázek s checkboxem nebo radio buttonem v zaškrtnuté (nezvolené) verzi. Ten zvolte do Checked box.
  4. Zvolte, jestli se jedná o input radio nebo input checkbox a pokud si jste jistí, že se jedná o obrázky, na něž máte legální nárok, zaškrtněte políčko s malým textem.
  5. Klikněte na Create Checkbox.
  6. Web zachroustá a vám se stáhne soubor s obrázkem, vzorovým html kódem a css, které checkbox naimplementuje.
To, co se stáhne musíte samozřejmě dostat na váš web. Jak již bylo zmíněno výše, v IE8 tato metoda nefunguje.

Žádné komentáře:

Okomentovat