No tak se mi jeden jednoduchý způsob povedlo najít jak dostat obrázek na pozadí a to včetně barvy, když nebude obrázek dostupný a definice barvy textu plus zda se má obrázek rolovat či být zafixován.
Viz upravená aukce ....
http://www.auktiva.cz/show_item.php?id=339239zde vlastní zápis úpravy zdrojového kodu
- Kód: Vybrat vše
úplně na začátek dejte toto....
<div style="color: black; background-image: url("http://www.gcity.cz/peter/24.jpg"); background-attachment: fixed; background-color: rgb(204, 153, 0);">
Zde pak vlastní popis a tělo v html kodu a na konci pak
</div>
Vysvětlivky:
Barva písma ... lze definovat napsáním barvy nebo (hex (#CC9900) vyjádřením barevného odstínu, bude převedeno automaticky na rgb hodnotu(204, 153, 0)
- Kód: Vybrat vše
<div style="color: black;
obrázek na pozadí stránky ... bude načten z aktuálního umístnění a může to být čtvereček o rozměru 100x100 pixelů, bude zapsán tolikrát aby vyplnil danou část stránky
- Kód: Vybrat vše
background-image: url("http://www.gcity.cz/peter/24.jpg");
znaková entita """ nahrazuje jednoduchou uvozovku .... ' .... mělo by být jedno jak to bude zapsané, já použil přímo uvozovku, ve zdrojovem kodu se zobrazuje znakova entita.
zajištění zda bude obrázek rolovat nebo bude nepohyblivý při rolování .... hodnoty jsou scroll / fixed
- Kód: Vybrat vše
background-attachment: fixed;
a konečně barva pozadí kdyby se z jakéhokoliv důvodu nenačetl obrázek ... zapsáno v HEX hodnotě (#CC9900), převedeno automaticky na rgb hodnotu(204, 153, 0) po přepnutí zobrazení.
- Kód: Vybrat vše
background-color: rgb(204, 153, 0);">
Zde je odkaz kde jsou některé základní barvy pro HTML s výběrem různých verzí zápisu ....
barvy ,
nebo tady a hezká tabulka je i
zdenebo zde si můžete vyzkoušet pár barev jak vypadají na pozadí ....
pozadí stránkynebo základní tabulka barev
se zobrazením pozadí ale i písma v barvěpokud potřebujete jemné odstínování,
tady najdete přes 4000 odstínů, nebo
zde si nadefinujete a zobrazite kod temer jakehokoliv odstinu.
A ještě si dovolím malé upozornění na nestejnobarevnost výsledné barvy pro různé uživatele ....
Každý uživatel vidí barvy na stránce jinak. Ne že by každý byl barvoslepý, ale na každém monitoru vypadá barva trochu jinak. Navíc si lidé nastavují různý jas a kontrast, takže se na konkrétní zobrazení barvy se nelze ani trochu spolehnout. To obzvlášť platí pro kombinace barev písma a pozadí , co se na jednom monitoru zdá docela čitelné, na jiném může beznadějně splývat v jednu plochu.