Vložit Panel

Na vymezení šířky vkládaného obsahu slouží Panel. Kromě barvy pozadí a odsazení textu umožňuje nastavit i šířku a díky tomu určit, která část stránky se bude zobrazovat na celou obrazovku (např. reklamní banner) a která pouze na určitou šířku (např. textová část stránky).

Vzhled stránky si snadno zpestříte vložením barevných pásů (slidů), do kterých vložíte určitý obsah (text, obrázky, text s obrázky). Jelikož je panel responzívny a automaticky se přizpůsobuje šířce zařízení, na kterém se zobrazuje (ať už mobil, tablet nebo počítač).

Postup pro vložení panelu v ClickEshop administraci v části Administrace obsahu:

 

 

Panelu lze nastavit následující vlastnosti:

 

Příklady využití

1/ Určení šířky vloženého textu

Nejčastěji se panel používá pro určení šířky textu kde je žádoucí, aby se nezobrazoval po celé šířce stránky nebo pouze v určitém vymezeném rozměru, např: 1200px, 1300px, 1400px. Stejným způsobem je napsána i tato podstránka, kde byl vložen panel s šířkou 1200px.

Šířku panelu již vloženého lze kdykoli měnit následujícími způsoby:

• v pravém dolním rohu najetím myší na ikonku růžové šipky a tažením myši na požadovaný rozměr
• v pravém horním rohu kliknutím ikonky Upravit (má tvar tužky), kde v řádku: Šířka panelu [px] nastavíte požadovanou šířku
• změny uložit kliknutím pravého tlačítka myši - Uložit

 

2/ Rozdělení stránky na pásy tzv. slidy

vzhled stránky je možné zatraktivnit vložením barevných pásů (slidů), do kterých vložíte obsah (text, obrázky, text s obrázky). Pásy přitom mohou být po celé šířce stránky nebo pouze v určité šířce.

a/ ohraničený pás s farebným pozadím a vloženým s textom - vložíte komponent Panel, kterému určíte následující vlastnosti:

• v řádku "Šířka panelu [px]" zadáte hodnotu např. 1200
• v řádku Barva pozadí: vyberte si barvu z barevné palety
• změny uložit kliknutím pravého tlačítka myši - Uložit

 

Příklad zobrazení panelu s šířkou 1200px a šedou barvou v pozadí je následující:

 

b/ pás na celou šířku stránky s barevným pozadím a vloženým s textem - vložíte komponent Panel, kterému určíte následující vlastnosti:

• v řádku "Šířka panelu [px]" v nastaveních panelu zůstane nevyplněný resp. mu přímo určíte 1920px, které je pro full-HD zobrazování
• v řádku Barva pozadí: vyberte si barvu z barevné palety
• smažete ilustrativní text panelu a do barevného pásu vložíte další panel s šířkou např. 1200px, aby text nešel od levého okraje po pravý okraj stránky
• změny uložit kliknutím pravého tlačítka myši - Uložit

Příklad zobrazení panelu se šedým pozadím a šířkou 1920px, ve kterém je vložen další panel s šířkou 1200px s ilustrativním textem je následující: