Vložiť Panel

Na vymedzenie šírky vkladaného obsahu slúži Panel. Okrem farby pozadia a odsadenia textu umožňuje nastaviť aj šírku a vďaka tomu určiť, ktorá časť stránky sa bude zobrazovať na celú obrazovku (napr. reklamný banner) a ktorá iba na určitú šírku (napr. textová časť stránky).

Vzhľad stránky si ľahko spestríte vložením farebných pásov (slidov), do ktorých vložíte určitý obsah (text, obrázky, text s obrázkami). Keďže je panel responzívny a automaticky sa prispôsobuje šírke zariadenia, na ktorom sa zobrazuje (či už mobil, tablet alebo počítač).

 

Postup na vloženie panelu v ClickEshop administrácii v časti Správa obsahu:
 

 

Panelu je možné nastaviť nasledovné vlastnosti:

 

Príklady využitia

1/ Určenie šírky vloženého textu

Najčastejšie sa panel používa pre určenie šírky textu kde je žiaduce, aby sa nezobrazoval po celej šírke stránky alebo iba v určitom vymedzenom rozmere, napr: 1200px, 1300px, 1400px. Rovnakým spôsobom je napísaná aj táto podstránka, kde bol vložený panel so šírkou 1200px.

Šírku panelu už vloženého je možné kedykoľvek meniť nasledovnými spôsobmi:

• v pravom dolnom rohu nadídením myšou na ikonku ružovej šípky a ťahaním myši na požadovaný rozmer
• v pravom hornom rohu kliknutím ikonky Upraviť (má tvar ceruzky), kde v riadku: Šírka panelu [px] nastavíte požadovanú šírku
• zmeny uložiť kliknutím pravého tlačítka myši - Uložiť

 

2/ Rozdelenie stránky na pásy tzv. slidy

vzhľad stránky je možné zatraktívniť vložením farebných pásov (slidov), do ktorých vložíte obsah (text, obrázky, text s obrázkami). Pásy pritom môžu byť po celej šírke stránky alebo iba v určitej šírke.

a/ ohraničený pás - vložíte komponent panel, ktorému určíte nasledovné vlastnosti:

• v riadok "Šírka panelu [px]" zadáte hodnotu napr. 1200
• v riadku Farba pozadia: vyberte si farbu z farebnej palety
• zmeny uložiť kliknutím pravého tlačítka myši - Uložiť

 

Príklad zobrazenia panelu so šírkou 1200px a šedou farbou v pozadí je nasledovný:

 

b/ pás na celú šírku stránky s farebným pozadím a vloženým s textom - vložíte komponent panel, ktorému určíte nasledovné vlastnosti:

• riadok "Šírka panelu [px]" v nastaveniach panelu ostane nevyplnený resp. mu priamo určíte 1920px, ktoré je pre full-HD zobrazovanie
• v riadku Farba pozadia: vyberte farbu z farebnej palety
• zmažete ilustratívny text panelu a do farebného pásu vložíte ďalší panel so šírkou napr. 1200px, aby text nešiel od ľavého okraja po pravý okraj stránky
• zmeny uložiť kliknutím pravého tlačítka myši - Uložiť

Príklad zobrazenia panelu so šedým pozadím a šírkou 1920px, v ktorom je vložený ďalší panel so šírkou 1200px s ilustratívnym textom je nasledovný: