pozadí na popředí :o)

Dělal jsem někomu stránky a on vyslovil požadavek, jestli by jako nemohla ta stránka řádkovat, jako stará televize. Napadlo mě hodit nějak na popředí poloprůhlednou masku s řádky. Jenomže jak to udělat? Dá se opakující se pozadí hodit na popředí nějakým z-indexem tak, aby pod tím fungovali odkazy? Když se o něco takového pokouším pozicováním normálního obrázku je to dost nešikovné.

Teoreticky by to mělo tim z-indexem jít ... když uděláš průhledej GIF nebo něco podobnýho....

Jenže ty odkazy vespod v některých browserech nebudou aktivní.
Celou grafiku prohnat nějakým trikovým filtrem, ale co s textem ... a vyladění mezi pozadím a obrázky by byla piplačka.
Filtr třeba:
UnPlugged Tools (Interlace) - http://www.v-d-l.com/up_download.html

To nejde, právě kvůli tomu ladění a textu. Pokud to nebude řádkovat všechno tak to ztratí efekt. Navíc generuju náhledy na serveru pomocí GD2, takže na ně filtr dát nemůžu. Jestli to má být k něčemu musí to být navrchu zvláštní průhledný obrázek.

To není dobrý nápad. Maximálně to zkus udělat ve Flashi. Jinak web na takové kravinky moc není....

v HTML/CSS by šlo jedině:
z-index: 1; - vše, co bude vidět, bez odkazů
z-index: 2; - vrstva s poloprůhledným rastrem
z-index: 3; - ještě jednou z-index: 1, ale průhledně a s odkazy
ale to by šlo jen na něco jednoduchého, jinak je to akorát na zbláznění

A ať to uděláš sebefikaněji, vždycky to bude prasárna. Na takové blbinky je Flash. Pozadí je pozadí od toho, aby bylo vzadu :-)

Jestli tam chceš mermomocí narvat nějakou vzhledovou úchylnost, vraž do tho někam třeba proprietární filtry (IE only). Pokud se ti povede zachovat při tom funkčnost, bude to lepší, než vrstvit pozadí přes text, a ještě si dělat bordel v HTML.

Nebo mu prostě řekni, že to nejde. Ať má klid.

podľa mňa by to nemal byť problém, ak bude pozadie za textom.
určite poznáte trojrozmerné obrázky a chytáky s rátaním bodiek a pod.
ľudský zrak sa dá ľahko oklamať a to čo nejako vyzerá môže byť v skutočnosti úplne niečo iné.

Bude to asi prasárna každopádně, mě to zajímalo pouze jako experiment. Jinak ve falshi nedělám, takže nevím, ale tam by to asi šlo hladce. Já Flash nemám rád, ale ani nevím proč.

Tak tady to je:

normální verze: http://www.alinterier.cz/test/index.php?id=text
abnormální verze: http://www.alinterier.cz/test1/index.php?id=text

Odkazy fungují pouze ve Firefoxu, a to ne všude. Budu rád když se k tomu vyjádříte:o)

No, pěkná srandička. Akorát si neumím představit její praktické využití, zvlášť když není 100% spolehlivost odkazů...

Dyť já ani netvrdím, že to je nějaký průlom :o) jenom mě zajímalo jaktože některé odkazy fungují a jiné nikoliv (v IE žádné). V Opeře navíc nejde nastavit žádná opacita takže jsou ty linky moc hutné. Zase v O. fungují všecky odkazy.

Pěkné, akorát to moc nepřipomíná tu starou televizi jak byl původní záměr ;-)
A praktická použitelnost je opravdu velmi malá vzhledem k nefukčnosti odkazů...
Já bych se raději na podobné fígle vykašlal, na tohle skutečně HTML není. Ale zase je zajímavé sledovat co kdo vymyslí :-D

A nevíte někdo proč jsou některé odkazy funkční (ve FireFoxu) a jiné nikoliv?

http://www.alinterier.cz/test1/index.php?id=gallery

menu - funkční
náhledy - nefunkční
dole na admin stránku - funkční
dole na ostatní náhledy - funkční

← Zpět na všechna témata

Nové příspěvky

Smazani stranek index.html ) HTML Tabulky Zalamování textu pomocí CSS Přesměrování Arduino - 400 Bad Request Nastavení českých písmen POMOC! po druhé! Pozicování (obrázek na střed). Jak vycentrovat obrazek, ktery je v prikazu absolute ? Použití tvůrce webu katalog async functions' is only available in es8 (use 'esversion: 8') Uncaught (in promise) SyntaxError: Unexpected token < in JSON at position 0 Problém s načítáním Div pro reklamu překrývá prvky webové stránky Nezobrazuje se mi lišta s reklamou ako nahrám na môj web favicon? JavaScript - nečitelný soubor *.js - jak prohlížet/editovat Problém s textem videostream index.html GB///refresh///JS Total Commander - server nenalezen Mobilní verze webu

Další témata

Webzdarma zvládnete to sami

pozadí na popředí :o)

Nové příspěvky