Převod Jpg a Png obrázků do CSS
homepage | jak na ženský | články | fórum | vtipy | bajky | návštěvní kniha | kontakt

Převod Jpg a Png obrázků do CSS

CSS Pastelky

Možná, že znáte CSS pastelky od Chrise Hestera. Jde o obrázek barevných pastelek vytvořený pouze pomocí 1452 divů.

Samozřejmě je to úplně k ničemu, protože výsledný obrázek zabírá mnohonásobně víc než předloha, ale mně se to tak zalíbílo, že jsem si hned vytvořil převodník Jpg/Png obrázku do CSS v PHP a nabízím vám zdrojový kód.


Můj script vygeneruje stránku s obrázkem a výstup je možné převést na stupně šedi. Barvy jsou v šestnáctkové soustavě a každý DIV zobrazuje 3 barvy – border-left, background-color a border-right.

Bohužel IE má problém s větším množství DIVů, od určité hranice je nezobrazuje, ale u menších obrázků funguje dobře. Ostatní prohlížeče problém nemají.

Berte to prosím pouze jako úchylnou ukázku toho, čeho lze dosáhnout v CSS a ne jako nástroj pro převod obázků.

Ukázka a zdrojáky

Qark | 06. 02. 2005 14:43 | Komentáře: 0 | ::Programování


Přidat článek do: [ linkuj.cz], [ jagg.cz], [ asdf.sk], [ del.icio.us]

Stáhnout článek jako [ PDF]
[ RSS komentářů] k článku

[ Napsat] komentář

Články a fotografie z tohoto webu je zakázáno kopírovat a přidávat si je na svoje blogy, či kamkoliv jinam, bez mého písemného souhlasu!

Přidej komentář

Smajlíci




Pravidla pro vkládání příspěvků:
  1. Veškeré vulgární, urážlivé a nesouvisející komentáře budou smazány!
  2. Pokud s něčím nesouhlasíte, uveďte důvod a přidejte argumenty. Jinak je váš názor k ničemu a nemá tu co dělat.
  3. Příspěvky typu: „Prosím, prosím, poraďte jak…“, „Potřebuji poradit…“ a další podobné, patří do [ fóra], nikoliv sem.
  4. Komentář psaný celý velkými písmeny a nebo tučně, bude smazán bez ohledu na jeho obsah.
  5. Každý příspěvek může obsahovat maximálně jeden odkaz, jinak bude před publikováním čekat na mé schválení.

  6. Pište, prosím, s diakritikou. Tolik vás to nezdrží a bude se to po vás ostatním lépe číst.
Vložením komentáře berete tyto body na vědomí.

Komentáře vyjadřují názory čtenářů. Provozovatel webu QARK.net neodpovídá ani nenese žádnou zodpovědnost za jejich obsah.