Propojení produktů – CSS generátor

Obrázky

Tvar

Velikost obrázku (max 100×100 px)

48px

Rámeček (neaktivní)

Rámeček aktivní volby

Mezera mezi obrázky

12px

Radius (pokud čtverec s oblými rohy)

12px

Zobrazit popis propojení pod obrázkem

Podtrhnout odkaz při najetí myší

Co chci upravit v CSS

Velikost obrázku + tvar

Mezera mezi obrázky

Rámeček aktivní / neaktivní volby

Popis pod obrázkem

Styl podtržení na hover

Velikosti (boxy)

Rohy boxu

Velikost boxu

40px

Barva pozadí ACTIVE

Barva textu ACTIVE

Barva ohraničení ACTIVE

Mezera mezi boxy

8px

Odstranit podtržení textu v boxu

Hover efekt (zvýraznění rámečku)

Co chci upravit v CSS

Velikost + rohy boxu

Mezera mezi boxy

Barvy ACTIVE (pozadí, text, rámeček)

Podtržení / bez podtržení

Hover efekt

Barvy

Tvar

Velikost

32px

Rámeček ACTIVE

Radius (pokud zaoblené rohy)

10px

Co chci upravit v CSS

Velikost + tvar

Rámeček ACTIVE

Seznam

Rohy selectu

Šířka

196px

Padding (svislý)

6px

Padding (vodorovný)

11px

Font-size

14px

Barva borderu

Barva textu

Co chci upravit v CSS

Šířka + padding + font-size

Barva borderu

Barva textu

Propojení produktů – CSS generátor

Obrázky

Velikosti (boxy)

Barvy

Náhled

Výsledek (CSS s !important)