Sekce časové osy

Tato část časové osy umožňuje uživatelům zobrazovat milníky a úkoly projektu v chronologickém pořadí.

To je zvláště výhodné pro zdůraznění postupu projektu, ilustraci aplikačních procesů, předvedení úspěchů, jako jsou ocenění, a nabídky dalších přizpůsobitelných možností.

Poskytuje strukturovaný a vizuálně přitažlivý způsob, jak prezentovat informace ve formátu časové osy, což zlepšuje uživatelský dojem a zapojení.

V tomto článku:


Přidejte sekci na svou stránku

  • Na stránku lze přidat sekci. Můžete buď přidat sekci na již existující stránku nebo vytvořit novou stránku v rámci vašeho webu.
  • Na vaší stránce, kliknout na modrá + ikona přidat a Nová sekce na vaši stránku.

  • Nyní uvidíte oddílové kategorie na levé straně.
  • Klikněte na Timeline kartu (1), kde si můžete vybrat různá rozložení části časové osy (2).
  • Sekce bude nyní přidána na stránku. Klikněte na Uložit (3) pro zachování změn.


Přidat a upravit položky seznamu

Přidat položku seznamu

Jakmile přidáte sekci:

  • Klikněte na Upravit časovou osu (1) pro otevření panelu Seznam položek.

  • Klikněte na Přidat položku (2) tlačítko pro přidání nové položky seznamu.
  • Můžete si vybrat Duplikovat nebo smazat (3) položky seznamu.
  • Zadejte a Titulek (4) pro sekci časové osy.

Upravit položku seznamu

Klikněte na položku seznamu, kterou chcete upravit. Otevře se možnosti úprav dané položky seznamu.

Odtud můžete:

  • Nahrát / odebrat primární a sekundární obrázek (1)
    Můžete nahrát a Sekundární obrázek společně s Primární obrázek pro každou položku seznamu. Když uživatel najede na položku, zobrazí se sekundární obrázek, který nahradí primární obrázek. Navíc můžete nastavit Barva zvýraznění obrázku, který se zobrazí při najetí myší na obrázek.
  • Přidat Předmět (2), Titulky (3)a Popis (4) položky seznamu.
  • V závislosti na zvoleném rozvržení nemusíte v konkrétních položkách seznamu najít možnost titulků a popisu.

Hodnocení

Před přidáním popisu zkontrolujte tento článek.

5. Akce po kliknutí – název a obrázek

Můžete přizpůsobit chování kliknutí jednotlivých položek v Timeline sekce. Níže jsou dostupné možnosti:

  • Přejděte na odkaz
    Výběrem této možnosti se otevře Tvůrce odkazů, což vám umožní přidat hypertextový odkaz na tuto položku. Odkaz může uživatele přesměrovat na jinou stránku v rámci vašeho webu nebo na externí adresu URL. Vědět více o Tvůrce odkazů.
  • Otevřít v Lightboxu
    Tato možnost zobrazí položku ve zvětšeném měřítku Lightbox zobrazit po kliknutí. V tomto režimu je Podtitul a Popis spojené s položkou se nezobrazí v zobrazení mřížky, ale budou viditelné v režimu Lightbox.
  • Žádná akce
    Tuto možnost vyberte, pokud chcete, aby na položku nebylo možné kliknout. Když je vybráno, kliknutí na položku nespustí žádnou akci.

6. Otevřít odkaz v novém okně: Nastavte odkaz tak, aby se otevřel v a na nové kartě nebo na stejné kartě. To bude viditelné pouze tehdy Přejděte na odkaz možnost je vybrána pod Akce po kliknutí menu.

7. Tlačítka a odkazy: Přidejte jakýkoli typ Odkaz na položku seznamu. Můžete přidat tlačítko / odkaz na obrázek / ikonu sociální sítě / textový odkaz. Zjistit více.

8. Přepsání stylu karty

Globální nastavení stylu karty můžete přepsat ze sekce Nastavení stylu a v sekci Časová osa si můžete kartu každé položky přizpůsobit jednotlivě. To vám umožní použít jedinečné styly na různé položky seznamu pro lepší přizpůsobení.

Zjistit více o možnostech karty v dynamické sekci.

9. Přepsání stylu tvaru

Pomocí možnosti Přepsat můžete v části Časová osa přiřadit každému obrázku jiný tvar, což vám poskytne větší kontrolu nad vizuálním stylem každé položky. Zjistit více o Shape Mask.

10. Uložit: Po provedení úprav uložte změny.


Položky seznamu sekvencí


Správa prvků sekce časové osy

Sekce časové osy obsahuje Karta Prvky což vám umožňuje snadno spravovat viditelnost různých prvků v sekci. Pomocí jednoduchých přepínačů můžete povolit nebo zakázat konkrétní prvky, aniž byste museli mazat nebo upravovat samotné prvky.

  • Klikněte na Upravit časovou osu (1).

  • Vyberte Prvky (2) tab.
  • Po provedení změn stiskněte Uložit (3).

Možnosti sekce

  1. Zobrazit nadpis: Povolí nebo zakáže viditelnost nadpisu pro sekci Časová osa.
  2. Zobrazit tlačítka: Určuje, zda se tlačítka zobrazují na úrovni sekce.

Možnosti položek

  1. Zobrazit obrázek: Přepíná viditelnost obrázků.
  2. Show Název: Určuje, zda se má titul zobrazit.
  3. Zobrazit titulky: Povolení nebo zakázání titulků.
  4. Ukázat popis: Správa viditelnosti popisů položek.
  5. Zobrazit tlačítka: Rozhodněte, zda mají být zobrazena tlačítka pro jednotlivé položky.


Změnit rozvržení sekce

  • Klikněte na Upravit časovou osu tlačítko pro otevření panelu úprav sekce.
  • Vyberte Nákres Karta.
  • Odtud můžete snadno změnit rozložení sekce i po přidání na stránku.

Při změně rozvržení uvidíte nahoře rozvržení související s sekcemi.

Kromě toho máte také možnost vybrat si rozvržení z jiných sekcí pod Více rozložení nadpis.


Možnosti stylu

  • Klikněte na Upravit seznam obrázků .
  • Vyberte Styl (1) Karta.
  • Změňte styl pro prvky řezu a Uložit (2) vaše změny.

Pro sekci budete mít několik možností stylu: 

  1. Možnosti zobrazení
  2. SMĚR
  3. Velikost textu
  4. Vzdálenost
  5. Nadpis sekce
  6. Možnosti stylu časové osy
  7. Možnosti obrázků
  8. Tvarová maska
  9. Možnosti přechodu na obrázek
  10. Hranice obrázku
  11. Možnosti karty
  12. Možnosti stínu
  13. Tlačítka a odkazy

Možnost zobrazení

  1. Určete Mezera mezi řádky položek seznamu.


SMĚR

  1. Zarovnat text vodorovně v sekci. Můžete je nastavit tak, aby byly zarovnány vlevo, vpravo nebo na střed.
  2. Zarovnat obsah vertikálně v sekci. Můžete je nastavit tak, aby byly zarovnány nahoře, na střed a dole.
  3. Vyberte Pořadí obsahu tj. obrázky položek seznamu, které se mají zobrazit jako první, nebo související text.


Velikost textu

  1. Klikněte na Změnit styl textu tlačítko pro návštěvu Design a spravovat velikosti a styly písma. 
  2. Nastav Předmět styl písma pro položky seznamu v sekci.
  3. Nastav Podtitul styl písma pro položky seznamu v sekci.
  4. Nastavte výchozí Popis styl písma pro položky seznamu v sekci.
  5. Povolte tuto možnost pro animovat libovolná čísla přítomný v Předmět a Podtitul polí. Po zapnutí se číselné hodnoty zobrazí s dynamickou animací počítání, díky čemuž budou vizuálně poutavější.


Vzdálenost

  1. Určete Šířka obrázku pro položky seznamu.
  2. Určete Prostor pod nadpisem sekce v px.
  3. Určete Prostor nad obrázky položek seznamu (v %).
  4. Určete Prostor kolem dělicí příčky vodorovně položek seznamu (v %).
  5. Určete Mezera pod titulky položek seznamu (v %).
  6. Určete Prostor pod titulky položek seznamu (v %).


Nadpis sekce

  1. Vodorovně zarovnat text nadpisu sekce. Můžete jej nastavit na Vlevo, Na střed a Vpravo.
  2. Povolit/zakázat dělič mezi nadpisem oddílu a obsahem oddílu.
  3. Nastav tloušťka děliče (v px).
  4. Určete Barva rozdělovače z výběru barvy.
  5. Vyberte si Styl rozdělovače z rozevíracího seznamu.
  6. Nastav Šířka nadpisu definovat, jak široký bude název sekce, počínaje minimálně 50 %.


Možnosti stylu časové osy

  1. Povolte, pokud chcete, aby každá druhá položka v sekci byla na Střídavý (opačná strana.
  2. Vybrat Vedení položek.
  3. Určete Šířka dělicí čáry pro oddíl.
  4. Určete Základní linie (pozadí) Barva pro oddělovač.
  5. Určete Aktivní čára (zvýrazněno) Barva pro oddělovač.


snímky

  1. Vyberte Imág Crop pro položky seznamu. Obrázky můžete nastavit jako Čtverec, Kruh, Vodorovný, Portrét a Originál.
  2. Vyberte, zda chcete mít společný poloměr rohu nebo jiný poloměr rohu pro každou stranu položek seznamu a nastavte číslo (v px) pro Corner Radius obrázků položek seznamu. Vědět více.


Tvarová maska

  1. Tvarová maska: Povolením tohoto přepínače použijete na obrázek v části Časová osa masku tvaru. Po zapnutí vybraný tvar vizuálně ořízne obrázek do daného tvaru.
  2. Vyberte tvar: Vyberte si z různých předdefinovaných tvarů, které použijete na svůj obrázek. To vám umožní kreativně stylizovat váš obsah zobrazením obrázku v jedinečné podobě, jako je zaoblený, kosočtverečný, kapkový atd.

Poznámky

  • Možnost masky tvaru závisí na rozvržení – Nemusí se objevit pod rozvržením, kde je přes obrázek zobrazen text, jako je nadpis nebo podnadpis.
  • Nastavení Stretch závisí na více faktorech – včetně nastavení Velikost obrázku, Zarovnání a Oříznutí definovaných na kartě Styl.
  • Pokud je oříznutí obrázku nastaveno na Originál, skutečné rozměry obrázku určují, zda bude natažen vertikálně nebo horizontálně.


Umístit kurzor na obrázek

  1. Vyberte Barva přechodu obrázku být akcentní barva nebo být specifikovaný. Pokud jste zvolili akcentní barva, pak zadejte neprůhlednost. Pro každou položku můžete určit barvu zvýraznění Upravit položku panel.
  2. Pokud jste si vybrali specifikujte barvu poté nastavte Překryvná barva a neprůhlednost.
  3. Vyberte, zda chcete Animujte obrázky položek seznamu na myši kliknutím na Ano. Zkontrolujte tuto funkci na živé stránce.
  4. Vyberte si Styl animace pro obrázky, když na ně najede kurzor.
  5. Vyberte, zda chcete povolit přechod obrázků na visu nebo ne.
  6. Vybrat Přechodový styl pro přechod visem. Dostupné možnosti jsou Fade a Flip.


Hranice obrázku

  1. Povolit / Zakázat ohraničení kolem obrázků přepnutím přepínače.
  2. Vyberte si mít a společná hranice na všech stranách obrázků nebo můžete zadat hranice samostatně pro každou stranu.
  3. Určete šířka hranice. Pokud je nastavena na 0, pak se ohraničení nezobrazí. Máte také možnost nastavit šířku okraje individuálně pro každou stranu obrázku.
  4. Vybrat Barva okraje z výběru barvy.
  5. Vyberte preferovaný Styl ohraničení z rozevíracího seznamu.
  6. Určete šířka okraje pro mobil zařízení a zarovnejte jej s šířkou zvolenou pro pracovní plochu.


Karty


Stín

  1. Display – Zvolte zobrazení stínu za položkami seznamu vždy nebo pouze při umístění kurzoru myši.
  2. Styl – Vyberte si ze stávajících přednastavení nebo vytvořte vlastní stín.
    V případě, že jste zvolili možnost Vlastní, navštivte toto Box Shadow Generator vytvořit vlastní stín. Nakonec zkopírujte a vložte box shadow CSS.
  3. V případě, že jste zvolili možnost předvoleb, pak Vyberte Styly stínů z rozevíracího seznamu.


Tlačítka a odkazy


Nenašli jste, co jste hledali?

Spojte se s odborníkem Pixpa.