Jak udělat aby byl obrázek překrytý jiným obrázkem ?

Místo pro dotazy a rady ohledně programovacích jazyků (C++, C#, PHP, ASP, Javascript, VBS..) a tvorby webových stránek

Moderátor: Mods_senior

Uživatelský avatar
CZechBoY
Master Level 9.5
Master Level 9.5
Příspěvky: 8813
Registrován: srpen 08
Bydliště: Brno
Pohlaví: Muž
Stav:
Offline
Kontakt:

Jak udělat aby byl obrázek překrytý jiným obrázkem ?

Příspěvekod CZechBoY » 19 pro 2009 00:04

Zdravim,
mám takový skvělý nápady teďka :D
Potřeboval bych nějak udělat aby byl obrázek obličeje a na něm nějaká čepice, kterou si uživatel vybere ze seznamu.
Čepice samozřejmě zakrývá vlasy a ostatní část obličeje.
Velikost obličeje bude napevno a tedy i pozice čepice by měla být napevno.
Má někdo nápad jak to udělat ? nějaké CSS řešení třeba ?
PHP, Nette, MySQL, C#, TypeScript, Python
IntelliJ Idea, Docker, Opera browser, Linux Mint
iPhone XS
Raspberry PI 3 (KODI, Raspbian)
XBox One S, PS 4, nVidia GeForce NOW

Reklama
Uživatelský avatar
Myloš
Master Level 8.5
Master Level 8.5
Příspěvky: 6990
Registrován: duben 06
Bydliště: Praha
Pohlaví: Muž
Stav:
Offline

Re: Jak udělat aby byl obrázek překrytý jiným obrázkem ?

Příspěvekod Myloš » 19 pro 2009 00:30

Oba obrázky jako součást jednoho bloku (<p> nebo <div>).
Blok má position:relative (pro vytvoření souřadnic absolutních pozic vnořených prvků – viz Pixyho formátování akordů).
V bloku vnořené obrázky mají absolutní pozici, respektive absolutní pozici má jen ta čepice (to by mohlo stačit). S příslušným z-indexem + průhledností na nebarevných místech by to pak neměl být žádný problém.
  • Než položíte dotaz, nejprve se ptejte strejdy Gůůgla.
  • Výňatek z pravidel fóra PC-HELP:
    • Název tématu zvolte takový, aby co nejvýstižněji charakterizoval obsah tématu.
    • Nesnažte se řešit jiný problém (i když podobný) v jednom tématu. Raději založte nové téma.
  • Mýliti se je Myloš. ;-)

Uživatelský avatar
CZechBoY
Master Level 9.5
Master Level 9.5
Příspěvky: 8813
Registrován: srpen 08
Bydliště: Brno
Pohlaví: Muž
Stav:
Offline
Kontakt:

Re: Jak udělat aby byl obrázek překrytý jiným obrázkem ?

Příspěvekod CZechBoY » 19 pro 2009 01:45

jj, taky jsem to tak myslel nějak :)
Nechceš něco vymyslet ? Já vůbec s CSS nevim jak se s tim dělá skoro...
Můžeš použít nový zvýrazňovač ve fóru :))
PHP, Nette, MySQL, C#, TypeScript, Python
IntelliJ Idea, Docker, Opera browser, Linux Mint
iPhone XS
Raspberry PI 3 (KODI, Raspbian)
XBox One S, PS 4, nVidia GeForce NOW

guest
Pohlaví: Nespecifikováno

Re: Jak udělat aby byl obrázek překrytý jiným obrázkem ?

Příspěvekod guest » 19 pro 2009 05:06

Jestli rozumím zadání, pak o něco podobného jsem se kdysi pokoušel a bez úspěchu - sám se budu těšit na případné řešení.
Ty chceš aby si někdo vložil svoji fotografii, pak si vybral čepici a viděl by jak ten jeho ksicht bude vypadat? Jako v zrcadle?
Tady je pak problém s velikostí obličeje, případně jeho natočením do profilu. Ale možná myslím něco jiného.

Uživatelský avatar
Myloš
Master Level 8.5
Master Level 8.5
Příspěvky: 6990
Registrován: duben 06
Bydliště: Praha
Pohlaví: Muž
Stav:
Offline

Re: Jak udělat aby byl obrázek překrytý jiným obrázkem ?

Příspěvekod Myloš » 19 pro 2009 08:22

  • Než položíte dotaz, nejprve se ptejte strejdy Gůůgla.
  • Výňatek z pravidel fóra PC-HELP:
    • Název tématu zvolte takový, aby co nejvýstižněji charakterizoval obsah tématu.
    • Nesnažte se řešit jiný problém (i když podobný) v jednom tématu. Raději založte nové téma.
  • Mýliti se je Myloš. ;-)

guest
Pohlaví: Nespecifikováno

Re: Jak udělat aby byl obrázek překrytý jiným obrázkem ?

Příspěvekod guest » 19 pro 2009 14:12

Myloši, koukám jak jsi všestranně nadanej, nemyslím tím technické řešení, ale tu skvělou grafiku. Už vím, jak jsi přišel k tomu originálnímu avataru. :lol:

Uživatelský avatar
CZechBoY
Master Level 9.5
Master Level 9.5
Příspěvky: 8813
Registrován: srpen 08
Bydliště: Brno
Pohlaví: Muž
Stav:
Offline
Kontakt:

Re: Jak udělat aby byl obrázek překrytý jiným obrázkem ?

Příspěvekod CZechBoY » 19 pro 2009 22:14

Jo nějak tak.
Není to tak úplně na lidskou hlavu, je to do hry ukázka skinů a jak jim bude sedět čepice a nějaký zbraně ;)
skin má nějaký rozměry, teď nevím kolik, ale je to napevno, ve hře se to zobrazuje i v pevné výšce.
Takže já si normal kliknu na čepici, na skin a ono mi to ukáže jak budu vypadat.
v přiloze nějaká ukázka, abyste věděli ;)
Přílohy
srovnani_ukazka.JPG
srovnani_ukazka.JPG (8.12 KiB) Zobrazeno 821 x
ukazka.jpg
ukazka.jpg (20.67 KiB) Zobrazeno 824 x
PHP, Nette, MySQL, C#, TypeScript, Python
IntelliJ Idea, Docker, Opera browser, Linux Mint
iPhone XS
Raspberry PI 3 (KODI, Raspbian)
XBox One S, PS 4, nVidia GeForce NOW

Uživatelský avatar
CZechBoY
Master Level 9.5
Master Level 9.5
Příspěvky: 8813
Registrován: srpen 08
Bydliště: Brno
Pohlaví: Muž
Stav:
Offline
Kontakt:

Re: Jak udělat aby byl obrázek překrytý jiným obrázkem ?

Příspěvekod CZechBoY » 22 pro 2009 12:08

Tak to vůbec nejde, ty obrázky mají různé rozměry, nevíte někdo jak to sjednotit ?
Ukázka1
Ukázka2
Ukázka3
PHP, Nette, MySQL, C#, TypeScript, Python
IntelliJ Idea, Docker, Opera browser, Linux Mint
iPhone XS
Raspberry PI 3 (KODI, Raspbian)
XBox One S, PS 4, nVidia GeForce NOW

Uživatelský avatar
Polkiking
Level 2.5
Level 2.5
Příspěvky: 267
Registrován: leden 08
Bydliště: Brno
Pohlaví: Muž
Stav:
Offline
Kontakt:

Re: Jak udělat aby byl obrázek překrytý jiným obrázkem ?

Příspěvekod Polkiking » 22 pro 2009 12:42

co tohle skus to free programek kterej to propoji a sam zakoduje a vyplivne hotovy ...

Kód: Vybrat vše

http://www.stahuj.centrum.cz/grafika_a_design/tvorba_grafiky/ostatni/merge/



:D :crazy: :idea:
Intel I7 4770K, 32 GB Ram v Quad Channelu, Deska Asus... HyperX Kingston SSD 1 GB hadr + Data disk 2TB , Grafika GE Force RTX 2070 OC , LCD monitor 240 Hz 1920x1080 , Internet, 100/100 - 349Kč.

Uživatelský avatar
CZechBoY
Master Level 9.5
Master Level 9.5
Příspěvky: 8813
Registrován: srpen 08
Bydliště: Brno
Pohlaví: Muž
Stav:
Offline
Kontakt:

Re: Jak udělat aby byl obrázek překrytý jiným obrázkem ?

Příspěvekod CZechBoY » 22 pro 2009 13:22

Jo už vidim jak nějakejch 160předmětů × 4 strany × 80skinů budu lámat přes nějakej program :D + asi 18čepic ještě je
PHP, Nette, MySQL, C#, TypeScript, Python
IntelliJ Idea, Docker, Opera browser, Linux Mint
iPhone XS
Raspberry PI 3 (KODI, Raspbian)
XBox One S, PS 4, nVidia GeForce NOW

kenobi.5
nováček
Příspěvky: 13
Registrován: leden 09
Pohlaví: Muž
Stav:
Offline

Re: Jak udělat aby byl obrázek překrytý jiným obrázkem ?

Příspěvekod kenobi.5 » 02 bře 2010 10:18

Nejlepší fotomontáže jsou ve Photoshopu. Udělej si to tam a pak použij libovolně..........

Uživatelský avatar
CZechBoY
Master Level 9.5
Master Level 9.5
Příspěvky: 8813
Registrován: srpen 08
Bydliště: Brno
Pohlaví: Muž
Stav:
Offline
Kontakt:

Re: Jak udělat aby byl obrázek překrytý jiným obrázkem ?

Příspěvekod CZechBoY » 02 bře 2010 20:46

to je rada nad zlato omfg, normál ?
já potřebuju aby si ty obrázky mohl poskládat nějak na sebe ne abych dělal 300 věcí × 80skinů × 20čepic obrázků...
PHP, Nette, MySQL, C#, TypeScript, Python
IntelliJ Idea, Docker, Opera browser, Linux Mint
iPhone XS
Raspberry PI 3 (KODI, Raspbian)
XBox One S, PS 4, nVidia GeForce NOW


  • Mohlo by vás zajímat
    Odpovědi
    Zobrazení
    Poslední příspěvek

Zpět na “Programování a tvorba webu”

Kdo je online

Uživatelé prohlížející si toto fórum: Žádní registrovaní uživatelé a 3 hosti