Postup ako nahrať CSS súbor (kaskádne štýly upravujúce vzhľad)

Pomocou CSS kaskádnych štýlov je možné upraviť si vzhľad šablóny web stránky. Zadefinované CSS triedy môžete doplniť alebo upraviť o vlastné štýly ako sú farby, fonty, veľkosti, rozmiestnenie a iné. CSS štýly sa zvyčajne ukladajú do externých .css súborov.

CSS súbor je možné nahrať do projektu prostredníctvom ClickEshop administrátora nasledovným spôsobom:

• v menu [Správa obsahu] v ľavej nástrojovej lište kliknete tlačítko [Globálny HTML kód], pričom sa otvorí nové okno
• kliknutím tlačítka "Nahrať súbory na server" sa otvorí Centrálne úložisko súborov, ktoré umožňuje nahrávať súbory ako aj si ich prehľadne triediť do priečinkov
• CSS súbor (napr. my_style.css) nahráte na server a nalinkujete vložením nasledovného riadku do hlavičky stránky:
  
   <link rel="stylesheet" href="/storage/my_style.css" >
  
  

 

Príklad pre zmenu farby pätičky stránky:

V zdrojom kóde je potrebné nájsť CSS triedu pre pätičku stránky. Ak je v kóde uvedená trieda pre pätičku stránky s názvom .footer , farbu zmením nasledovne:

1. vytvorím si textový súbor na svojom počítači moje_upravy.css
2. vložím do súboru moje_upravy.css nasledovný riadok:
   .footer { background-color: #ff0000; }
3. nahrám súbor my_style.css na server horeuvedeným spôsobom a nalinkujem súbor do web stránky. Nové hodnoty pre pätičku stránky automaticky prepíšu hodnoty definované v šablóne a farba pätičky sa zmení na červenú.