Jak vytvořit fotorealistické post-it pop-up
Viděli jste jeden z těch post-it pop-up? Ten, který vypadá tak realistické, s úžasnou stínový efekt. Jestliže nevíte, co mluvím, pokuste se otevřít následující website:
http://myhobbybooks.com/wowpop
Vypadají super ne?
A něco takového je vždy dobré pro vaši kampaň web marketing. Jedním z důvodů, že nikdy nedostane blokována pop-up blokátory. A další, je to opravdu chytne pozornost vašich návštěvníků webu.
To je dobré, když chcete zvýšit předplatné na váš ezine nebo podporují affiliate program, nebo i zvýšení prodeje.
Ale vy budete divit, jak to dělají? Myslel sis, že můžete dosáhnout podobného výsledku, a budete chtít, a zkuste to, a zkuste to ... snažíte obrázek GIF, JPG, nemůže žádný z těchto získat práci hotovo.
Ale je tu ještě jedna věc, kterou jste právě nevím. Mnoho pro web programátoři vědí, ale není běžné webové designéry ... možná dokonce i většina internetových stránek nevím, jak to udělat.
Tajemství je ve formátu PNG.
PNG formát je málo-známý obraz ve formátu, který můžete použít na webu. PNG formát obrázku je unikátní, protože můžete udělat efekt Alpha s ním. Alpha je efekt kde nastavit průhlednost faktor pro některé oblasti na PNG obrázek. To je to, co dělá stín vypadá tak opravdově.
S účinností Alpha, můžete nastavit průhlednost faktor od 0% do 100%. Tak to může být 30% transparentní, 50% nebo dokonce 79%. Podívejte se na pop-up znovu a se blíže na stín - teď víte, jak se to dělá.
Ale je tu jen jeden problém - Internet Explorer don't really podporu PNG formát obrázku. I když stále můžete volat PNG formátu pomocí tagu IMG, Internet Explorer ignoruje Alpha faktor. V aplikaci Internet Explorer, PNG prostě nezobrazují správně.
Tak jak to vyřešíme ...
Naštěstí můžete stále volat PNG v Internet Exploreru a mají Alpha odrážel pomocí speciálního příkazu CSS. Je to AlphaImageLoader ().
Ale to povede k jinému problému. Než budete moci volat PNG, musíte nejprve určit webové prohlížeče návštěvník používá. Pokud se návštěvník používá Firefox, Opera, Netscape nebo jakékoli jiné, můžete volat PNG pomocí tagu IMG. Ale jestli je to Internet Explorer, musíte použít AlphaImageLoader ().
A samozřejmě, může to být vždy řešit s trochou Javascripting. A trochu JavaScript a CSS, můžete mít obrázek PNG plovoucí nad webového obsahu. Dokonce si můžete udělat pop-up zmizí pomocí události OnClick spoušť.
Pokud budete chtít kompletní kód a PNG na vlastní fotorealistické post-it pop-up, zkuste navštívit WOW Pop-Up. Níže je URL adresa pro WOW Pop-Up, kde můžete získat zdarma sadu kódu a PNG grafiky.
O autorovi:
Iszuddin Ismail zveřejněné WOW Pop -Up a rozdává zdarma kód a PNG grafiky na vlastní fotorealistické post-it pop-up. Získat soubor čtyř PNG grafiky pop-up zdarma. http://WOWPopUp.com
Článek Zdroj: Messaggiamo.Com
Related:
» Seo Elite: New Seo Software!
» AntiSpywareBOT
» Reverse Mobile
» Error Nuker
Webmaster si html kód
Přidejte tento článek do svých webových stránek se!
Webmaster Zašlete svůj článek
Ne nutná registrace! Vyplňte formulář a váš článek je v Messaggiamo.Com Adresář!