GNU/Linux >> Znalost Linux >  >> Panels >> cPanel

Jak stylovat jednotlivé prvky na InstantSite

Poznámka: Tento průvodce je určen pro starší InstantSite zakoupené před 18. srpnem 2020. Pokud máte náš nový InstantSite, podívejte se na průvodce specifické pro našeho nového tvůrce, které najdete zde.

Každý prvek v InstantSite může být individuálně navržen tak, aby vyhovoval vašim potřebám. Tato příručka je navržena tak, aby zákazníkům LCN InstantSite ukázala, jak stylovat jednotlivé prvky.

Začněme…

Pozadí

Ne všechny webové stránky mají bílé pozadí. Pozadí umožňuje změnit barvu pozadí prvku nebo dokonce přidat obrázek jako pozadí.

  1. Klikněte na prvek, který chcete změnit.
  2. Klikněte na Nastavení ikonu.
  3. Klikněte na Pozadí .
  4. Chcete-li změnit barvu pozadí;
    • Klikněte na Barva možnost
    • Buď si vyberte z předdefinované barvy vlevo, nebo vyberte vlastní barvu pomocí nástroje pro výběr barvy.

  5. Přidání obrázku na pozadí;
    • Klikněte na Vybrat obrázek
    • Vyberte obrázek ze seznamu Moje obrázky , Obrázky šablon nebo Bezplatné obrázky InstantSite . Pokud nemůžete najít obrázek, který se vám líbí, jednoduše nahrajte svůj vlastní kliknutím na Nahrát obrázek a výběrem obrázku z počítače.
    • Jakmile vyberete obrázek, klikněte na Potvrdit .

Zarovnání

Zarovnání usnadňuje stylování prvku. Můžete si vybrat zarovnání prvku doleva, na střed nebo doprava.

  1. Klikněte na prvek, který chcete změnit.
  2. Klikněte na Nastavení ikonu.
  3. Klikněte na Zarovnání .
  4. Zvolte buď možnost Zarovnat doleva , Zarovnat na střed nebo Zarovnat doprava .

Padding

Padding vám umožňuje vytvořit prostor kolem vašeho obsahu (uvnitř vašeho okraje). To vám umožní umístit prvek a jeho obsah přesně tam, kam chcete.

  1. Klikněte na prvek, který chcete změnit.
  2. Klikněte na Nastavení ikonu.
  3. Klikněte na Padding .
  4. Můžete přidat individuální odsazení do horní, dolní, levé a pravé části prvku; kliknutím na stranu, kterou chcete změnit, a pomocí posuvníku zvýšíte a snížíte odsazení.
  5. Můžete přidat výplň na všechny strany najednou; kliknutím na střed možnosti odsazení a pomocí posuvníku zvýšíte a snížíte odsazení.

Poznámka Výplň můžete použít v px (v pixelech) nebo v % (procento). Při aplikaci výplně doporučujeme použít procento, protože to umožní výplň měnit v závislosti na šířce zařízení.

Ohraničení

Možnost ohraničení umožňuje přidat a změnit šířku ohraničení. Umožňuje také zaoblit okraje vašich okrajů pomocí poloměru okraje.

  1. Klikněte na prvek, který chcete změnit.
  2. Klikněte na Nastavení ikonu.
  3. Klikněte na Ohraničení .
  4. Můžete přidat samostatné ohraničení na horní, spodní, levou a pravou stranu prvku; kliknutím na stranu, kterou chcete změnit, a poté výběrem stylu, šířky a barvy ohraničení.
  5. Můžete také přidat ohraničení na všechny strany najednou; kliknutím na střed možnosti ohraničení a následným výběrem stylu, šířky a barvy ohraničení.

Obrázek, tlačítko, ikona

Odkazy lze použít k přístupu k dalšímu obsahu na vašem webu nebo k odkazu na jinou stránku nebo článek na jiném webu.

  1. Klikněte na prvek, který chcete změnit.
  2. Klikněte na Nastavení ikonu.
  3. Klikněte na Odkaz .
  4. Chcete-li vytvořit odkaz na externí webovou stránku, klikněte na možnost Externí a poté do URL zadejte adresu URL stránky, na kterou chcete odkazovat pole.
  5. Chcete-li vytvořit odkaz na interní stránku na vašem InstantSite, klikněte na Interní a ze stránky vyberte stránku, na kterou chcete odkazovat rozbalovací nabídka.

Poznámka ve výchozím nastavení se stránka, na kterou odkazujete, otevře na nové kartě prohlížeče. Pokud chcete, aby byla stránka přesměrována na tento odkaz, jednoduše zrušte zaškrtnutí Otevřít odkaz na nové kartě možnost.

Pozadí

Ne všechny webové stránky mají bílé pozadí. Pozadí umožňuje změnit barvu pozadí prvku nebo dokonce přidat obrázek jako pozadí.

  1. Klikněte na prvek, který chcete změnit.
  2. Klikněte na Nastavení ikonu.
  3. Klikněte na Pozadí .
  4. Chcete-li změnit barvu pozadí;
    • Klikněte na Barva možnost
    • Buď si vyberte z předdefinované barvy vlevo, nebo vyberte vlastní barvu pomocí nástroje pro výběr barvy.

  5. Přidání obrázku na pozadí;
    • Klikněte na Vybrat obrázek
    • Vyberte obrázek ze seznamu Moje obrázky , Obrázky šablon nebo Bezplatné obrázky InstantSite . Pokud nemůžete najít obrázek, který se vám líbí, jednoduše nahrajte svůj vlastní kliknutím na Nahrát obrázek a výběrem obrázku z počítače.
    • Jakmile vyberete obrázek, klikněte na Potvrdit .

Zarovnání

Zarovnání usnadňuje stylování prvku. Můžete si vybrat zarovnání prvku doleva, na střed nebo doprava.

  1. Klikněte na prvek, který chcete změnit.
  2. Klikněte na Nastavení ikonu.
  3. Klikněte na Zarovnání .
  4. Zvolte buď možnost Zarovnat doleva , Zarovnat na střed nebo Zarovnat doprava .

Padding

Padding vám umožňuje vytvořit prostor kolem vašeho obsahu (uvnitř vašeho okraje). To vám umožní umístit prvek a jeho obsah přesně tam, kam chcete.

  1. Klikněte na prvek, který chcete změnit.
  2. Klikněte na Nastavení ikonu.
  3. Klikněte na Padding .
  4. Můžete přidat individuální odsazení do horní, dolní, levé a pravé části prvku; kliknutím na stranu, kterou chcete změnit, a pomocí posuvníku zvýšíte a snížíte odsazení.
  5. Můžete přidat výplň na všechny strany najednou; kliknutím na střed možnosti odsazení a pomocí posuvníku zvýšíte a snížíte odsazení.

Poznámka Výplň můžete použít v px (v pixelech) nebo v % (procento). Při aplikaci výplně doporučujeme použít procento, protože to umožní výplň měnit v závislosti na šířce zařízení.

Ohraničení

Možnost ohraničení umožňuje přidat a změnit šířku ohraničení. Umožňuje také zaoblit okraje vašich okrajů pomocí poloměru okraje.

  1. Klikněte na prvek, který chcete změnit.
  2. Klikněte na Nastavení ikonu.
  3. Klikněte na Ohraničení .
  4. Můžete přidat samostatné ohraničení na horní, spodní, levou a pravou stranu prvku; kliknutím na stranu, kterou chcete změnit, a poté výběrem stylu, šířky a barvy ohraničení.
  5. Můžete také přidat ohraničení na všechny strany najednou; kliknutím na střed možnosti ohraničení a následným výběrem stylu, šířky a barvy ohraničení.

A je to! Nyní víte, jak stylovat všechny prvky InstantSite.


cPanel
  1. Jak vybrat šablonu InstantSite.

  2. Jak přidat prvky stránky pomocí InstantSite

  3. Jak zobrazit náhled a publikovat na InstantSite

  1. Jak změnit styl cPanel

  2. Jak nakonfigurovat subdomény v cPanel

  3. Jak vytvořit síťový disk

  1. Jak změnit styl cPanelu

  2. Jak přidat odkazy na dokumenty na Instantsite

  3. Jak vytvořit řádek se 3 sloupci v InstantSite