Prilagajanje izgleda spletnega mesta

Portal rkc.si cms omogoča enostavno prilagajanje podobe.

Za prilagoditev lahko posegate na treh nivojih sistema. Največkrat bo zadostoval poseg v zgolj en nivo.

NIVOJI:

  1. predloge - besedilna datoteka v kateri je pretežno HTML koda, z nekaj spremenljivk.
  2. CSS - besedilna datoteka z oblikovnimi slogi.
  3. slikovno gradivo.

Predloge in CSS urejate on-line, na administrativni plošči.

Predlagamo uporabo sledečih orodji:

  1. Firefox brskalnik,
  2. Firebug vtičnik za Firefox,
  3. ColoZilla vtičnik za Firefox (ali Chrome)
  4. GIMP - grafični program za urejanje bitnih slik

Urejanje podobe preko administrativnega vmesnika portala in Google Chrome

Video prikazuje še en način, kako je mogoče urejati datoteke css enostavno preko vmesnika, ki ga ponuja portal rkc.si cms.

Z Google Chrome in njegovim vgrajenim orodjem za razvijalce (tipka F12) najdete besedilo ali polje, ki ga želite oblikovati. Na desni strani orodje za razvijalce prikaže css kodo, ki določa obliko izbranega elementa. S klikom na številko vrstice, vam odpre css datoteko in postavi kurzor v dotično vrstico. Nato v spodnjem delu kliknete na gumb s simbolom peresa in tako omogočite urejanje kode. Ko končate z urejanjem, kodo prekopirate v polje za urejanje css datoteke user_style.css, v administratorskem vmesniku portala in shranite. 

Pomnite:
- Urejate lahko samo user_style.css.
- Za številne element določila ne obstajajo. V takem primeru jih morate sami napisati.
- css pravilo je sestavljeno iz imena elementa in oblikovnih določil. Obstajajo trije glavni tipi elementov:

v css-ju je potrebno pred ime elementa postaviti še oznako, ali gre za class (oznaka je .(pika)), id (oznaka je #) in html tag (ni posebne oznake).

Primer:

/* pravilo za vse elemente */
p {

     margin-top0.5em;

     margin-bottom0.9em;

}

/* pravilo za vse elemente class="title" */