A čo takto css

Vytvoril som si v jednom programe web album, no chcel by som si ho upraviť. Napr. cesta na pozadie: images/pozadie.jpg. Ale ako to mám hodiť do css? Kde to potrebujem zmeniť?

/* Main Selectors */
body {
background-color: <PAGE_COLOR>;
color: <TEXT_COLOR>;
}

a, a:visited {
background-color: transparent;
color: <LINK_COLOR>;
}

a:hover {
background-color: transparent;
color: <HOTLINK_COLOR>;
}

/* Header */
div#header h1 {
font-family: tahoma, arial, helvetica, sans-serif;
text-align: center;
background-color: transparent;
color: <TEXT_COLOR>;
}

/* Thumbnail Index */
div#index {
margin: 1ex 0 1ex 0;
text-align: center;
}

div#index table {
text-align: center;
margin: 0 auto 0 auto;
}

div#index td.thumbcell {
width: <THUMB_WIDTH>px;
border-style: solid;
border-color: <BORDER_COLOR>;
border-width: 1px;
text-align: center;
vertical-align: middle;
padding: 10px;
}

div#index td.thumbcell img {
border-style: none;
}

div#index div.pages {
font-family: tahoma, arial, helvetica, sans-serif;
font-size: 0.8em;
text-align: right;
}

/* Photo Navigation */
div#navigation {
text-align: center;
font-family: tahoma, arial, helvetica, sans-serif;
font-size: 0.8em;
margin: 1ex 0 1ex 0;
}

div#navigation table {
text-align: center;
margin: 0 auto 0 auto;
}

div#navigation td.previous {
text-align: left;
width: <THUMB_WIDTH>px;
}

div#navigation td.index {
text-align: center;
}

div#navigation td.next {
text-align: right;
width: <THUMB_WIDTH>px;
}

div#navigation td.thumbcell {
width: <THUMB_WIDTH>px;
border-style: solid;
border-color: <BORDER_COLOR>;
border-width: 1px;
text-align: center;
vertical-align: middle;
padding: 10px;
}

div#navigation td.thumbcell img {
border-style: none;
}

div#navigation td.selected {
border-style: outset;
border-width: 2px;
}

div#navigation span.home {
display: block;
padding-bottom: 1em;
}

/* Photograph */
div#photograph {
text-align: center;
margin: 1ex 0 1ex 0;
}

div#photograph img {
margin: 0 auto 0 auto;
border-style: solid;
border-color: <TEXT_COLOR>;
border-width: 1px;
}

/* Photograph Title */
h1.title {
text-align: center;
font-family: tahoma, arial, helvetica, sans-serif;
font-size: 0.8em;
font-weight: bold;
margin: 0px;
}

/* Photograph Caption */
p.caption, p.description {
font-family: tahoma, arial, helvetica, sans-serif;
text-align: center;
font-size: 0.8em;
display: block;
width: <PHOTO_WIDTH>px;
margin: auto;
}

/* Footnote */
p.footnote {
font-family: tahoma, arial, helvetica, sans-serif;
font-size: 0.6em;
text-align: right;
padding: 0 2em 0 0;
}

Pokud chces pozadi na nejakem elementu, pak staci syntaxe: background: url('cesta');

Priklad:

body {
background: <PAGE_COLOR> url('images/pozadie.jpg');
color: <TEXT_COLOR>;
}

Pozor. Cesta k pozadi se bere z pohledu mista CSS souboru, nikoli z HTML souboru.

jakpsatweb - css - priklady
jakpsatweb - css
pravdepodobne bude stacit viz Tomík (tom.czweb.org)
background: <PAGE_COLOR> url('images/pozadie.jpg');