Úpravy sekce

Sekce

Největší blok – modrý obdélník.

Vlastnosti se upraví klikem na ozubené kolečko.

Popis tlačítek (zleva):

  1. Přesun sekce – přetažením myší, lze měnit pořadí sekcí
  2. Nastavení  viz níže.
  3. Duplikovat sekci – vytvoření kopie
  4. Uložit do knihovny pro další použití
  5. Smazání celé sekce
  6. Rozbalit sekci
  7. Pokročilá práce se sekcí

 

Nastavení sekce

Do nastavení sekce se lze dostat kliknutím na ozubené kolečko.


Pokud nejde kliknout na ozubené kolečko, lze kliknout kamkoliv 2x na plochu sekce mimo řádek a otevře se nastavení sekce.

Pokud ani to nelze provést, další možností je přepnout se do blokvého zobrazení Wireframe, kliknutím na fialové tlačítko 3 tečky a spodku stránky (a) a v menu vlevo na druhou ikonku z prava (b).

 

Popis jednotlivých nastavení

Obsah

V nastavení lze měnit Obsah, Design, Pokročilé (1) vlastnosti.
Všechy změny se většinou okamžitě projeví v náhledu stránky.

Všechny nastavení lze upravit i jednotlivě pro desktop, tablet, mobil podržením myši vedle názvu vlastnosti a klikem na ikonku mobilu. Objeví se záložky pro jednotlivá zařízení.

V dolní části panelu lze vlastnosti uložit (zelené tlačítko), zrušit (červené) nebo se posunovat v historii změn vlastností.

Obsah

Odkaz (2) – po nastavení URL adresy (lze buď vypsat nebo zvolit obsah webu pomocí ikonky v pravé části políčka), bude klikem na sekci proveden proklik na toto URL.

Pozadí (3) celé sekce:

  • barva – předpřipravené barvy nebo přesná hodnota v HEX zápisu nebo pomocí táhel. Lze upravit i průhlednost.
  • přechod – přechod barev. Lze i nastavit typ (lineární, kruhový), natočení nebo pozice středu, apod.
  • obrázek – obrázek z knihovny médií. Lze použít paralax efekty (jiný pohyb proti zbytku stránky), vyplnění, pozice, opakování, prolnutí.
  • video – videa ve formátu MP4 nebo WEBM. Nastavení velikosti, zastavování.

Design

design

Designové vlastnosti (4):

  • Rozložení – vnitřní stín
  • Oddělovače – nahoře a dole lze nastavit oddělovač mezi sekcemi (vlnky, šipky, zuby, šikminy ...). Přes 20 stylů, různé barvy, další nastavení např. výška, opakování, zrcadlení ...
  • Velikost – šířka, výška + max a min hodnoty. Podporuje %, vw, px, em ...
  • Rozestupy – odsazení vnější a vnitřní od okrajů. Podporuje %, vw, px, em ...
  • Rámeček – styl, tloušťka, barva, zaoblení
  • Stín prvku – vnější a vnitřní stíny s podrobným nastavením pozice, tloušťky, barvy ...
  • Filtry – odstín, staurace, jas, kontrast, převrácení, sépiový, průhlednost, rozostření, prolnutí
  • Transformace – zvětšení, zmenšení, pozice, otočení, zkosení, posun
  • Animace – při najetí obrazovky, proběhne animace: zmizení, nájezd, odskok, přiblížení, otočení, složení, přetočení.

Pokročilé

viz kapitola Pokročile vlastnosti (bude upřesněno)

 

 

 

Top