Makarska Forum

Prije nego počmemo objašnjavati dijelove css dokumenta predloška koji smo izabrali, u index dokumentu prvi vrhu se nalazi ovakav kod
Ovaj dio koda poziva ili upućuje na mjesto gdje se nalazi eksterni css dokument.

<div class=“codeblock”> <div class="codek"><link rel=’stylesheet’ type=’text/css’ media=’all’ href=’http://wmd.hr/?css={my_template_group/site_css}’ />

<style type=’text/css’ media=’screen’>@import “http://wmd.hr/?css={my_template_group/site_css}”;</style></div>  </div>

Za početak počet ćemo sa lakšim primjerima

background ili pozadina

Ovaj stil označava boju pozadine, boja se može odrediti hexadecimalnim brojevima kao u primjeru, RGB vrijednostima ili jednostavno slovima
Ovo su dva najčešće korištena načina

<div class=“codeblock”> <div class="codek">background:#EAE7D6;</div>
<div class="codek">background:#transparent;</div>  </div>

Ukoliko nemate nikakav alat s kojim možete birati boje koje želite, ovdje ima jedan super free alat Color Shemer Online

Možda Vam zatreba i ovaj besplatni alat pomoću kojega možete saznati boju sa bilo kojih web stranica, ili bilo čega drugog što se nalazi na ekranu.
Color Schemer ColorPix

U pozadinu je moguće dodati i bilo koju sliku, treba samo dodati ispravnu putanju do slike.

<div class=“codeblock”> <div class="codek">background: url("butterfly/butterfly.jpg") top left no-repeat;</div>  </div>

top left - govori da je slika poravnata gore lijevo,
<div class=“codek”>top left
top center
top right
center left
center center
center right
bottom left
bottom center
bottom right</div>

no-repeat - da se ne ponavlja
<div class=“codek”>repeat - slika se ponavlja po x i y osi
repeat-x - slika se ponavlja po x osi
repeat-y - slika se ponavlja po y osi
no-repeat - slika se ne ponavlja</div>