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 (.css) nahráte na server a po stlačení tlačítka "vložiť", systém automaticky vytvorí linku k tomu súboru a pripojí k projektu, pričom ho vloží medzi tagy <head></head>

 

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 moje_upravy.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ú.