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" type="text/css" 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ú.