Obsahové prvky

Styleguide

Sekce s překryvem

Hero sekce s překryvem

  • Třída pro sekci: "section-gradient-bottom"

Sekce s překryvem nahoře a dole

  • Třída pro sekci: "section-gradient-bottom"

Sekce s překryvem ze všech stran

  • Třída pro sekci: "section-gradient-round"

Slidery

Slider - round

  • Třída na prvek: "block-slider-round"

  • Nutná nastavení prvku:

    • Poměr stran - čtverec

    • Zobrazit tlačítka předchozí/další - ANO
    • Zobrazit navigaci po snímcích - NE
    • Efekt - prolnutí

Slider - rectangle

  • Třída na prvek: "block-slider-rectangle"

  • Nutná nastavení prvku:

    • Více snímků na slide - ANO

    • Počet snímků - 2

    • Posouvat po skupině - NE

    • Vycentrovat aktivní snímek - ANO

    • Na celou šířku - ANO

    • Zobrazit tlačítka předchozí/další - ANO
    • Zobrazit navigaci po snímcích - NE

Slider z výpisu

  • Pro roztažení na celou šířku je třeba třída na sekci: "section-slider-fullrow"

Slider - halfrectangle

  • Třída na prvek: "block-slider-halfrectangle"

  • Nutná nastavení prvku:

    • Poměr stran - čtverec

    • Zobrazit tlačítka předchozí/další - ANO
    • Zobrazit navigaci po snímcích - NE
    • Efekt - posun

Slider - fade

  • Třída na prvek: "slider-images-gallery"

  • U jednotlivých slidů popisek funguje jako nadpis (to co je vidět stále) a alternativní text se zobrazí po najetí na položku.

  • Nutná nastavení prvku:
    • Zobrazit tlačítka předchozí/další - NE
    • Zobrazit navigaci po snímcích - ANO
    • Efekt - prolnutí
    • Nekonečná smyčka - NE

Galerie

Galerie s překryvem

  • Do prvku galerie vložit 2 fotky.
  • Nastavit "Počet sloupců" na 1.
  • Třída na prvek: "block-gallery-overlay"
  • Lze měnit poměr stran.

Galerie s logy

  • Třída na prvek: "block-gallery-logos"

Sekce s rozdělením

Sekce s rozdělením uprostřed, zarovnáno na prostředek

  • Třída na sekci: "section-dividers-middle"

Address

Jilská 235/7
110 00 Praha
Czech Republic

Telephone

+420 224 248 555

Sekce s rozdělením uprostřed, zarovnáno nahoru

  • Třída na sekci: "section-dividers-top"

Address

Jilská 235/7
110 00 Praha
Czech Republic

Telephone

+420 224 248 555

Sekce s rozdělením vlevo, zarovnáno nahoru

  • Třída na sekci: "section-dividersleft-top"

Address

Jilská 235/7
110 00 Praha
Czech Republic

Telephone

+420 224 248 555

Popupy

Popup - leaving

  • Třída na sekci: "section-popup-leaving"
  • Když má tlačítko odkaz, je na něj uživatel přesměrován; když tlačítko odkaz nemá, popup se zavře.
  • Po načtení stránky se spustí skript a odpočet 30s, pokud po 30s uživatel vyjede mimo okno prohlížeče (= pravděpodobně chce odejít), zobrazíme popup.

  • Pokud uživatel již popup viděl a měl s ním interakci, dalších třicet dní se mu nezobrazí.

Již odcházíte?

Speciální nabídka

Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec ullamcorper nulla non metus auctor fringilla. Praesent commodo cursus magna, vel scelerisque nisl consectetur et.

Popup - floating

  • Ikonu pro otevření (zobrazuje se fixně v pravém dolním rohu) je možno měnit, jen musí být jako poslední položka v sekci.
  • Třída pro sekci: "section-popup-floating"
  • Třída pro zavírací tlačítko: "block-popup-floating-close"
  • Třída pro otevírací tlačítko (ikona dárku): "block-popup-floating-toggle"

Libo dárek?

3 dny zdarma