A čo takto css
3 příspěvky
Archiv diskusního fóra
Fórum je uzavřené a slouží pouze ke čtení. Některé informace mohou být zastaralé.
-
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');