Ako vytvoriť fotorealistické post-it pop-up
Videli ste jeden z tých post-it pop-up? Ten, ktorý vyzerá tak realistické, s úžasnou tieňový efekt. Ak neviete, čo hovorím, pokúste sa otvoriť nasledujúce website:
http://myhobbybooks.com/wowpop
Vyzerajú super ne?
A niečo také je vždy dobré pre vašu kampaň web marketing. Jedným z dôvodov, že nikdy nedostane blokované pop-up blokátory. A ďalšie, je to naozaj chytí pozornosť vašich návštevníkov webu.
To je dobré, keď chcete zvýšiť predplatné na váš Ezine alebo podporujú affiliate program, alebo aj zvýšenie predaja.
Ale vy budete diviť, ako to robia? Myslel si si, že môžete dosiahnuť podobného výsledku, a budete chcieť, a skúste to, a skúste to ... snažíte obrázok GIF, JPG, nemôže žiadny z týchto získať prácu hotovo.
Ale je tu ešte jedna vec, ktorú ste práve neviem. Veľa pre web programátori vedia, ale nie je bežné webové dizajnérmi ... možno dokonca aj väčšina internetových stránok neviem, ako to urobiť.
Tajomstvo je vo formáte PNG.
PNG formát je málo-známy obraz vo formáte, ktorý môžete použiť na webe. PNG formát obrázku je unikátny, pretože môžete urobiť efekt Alpha s ním. Alpha je efekt kde nastaviť transparentnosť faktor pre niektoré oblasti na PNG obrázok. To je to, čo robí tieň vyzerá tak opravdivo.
S účinnosťou Alpha, môžete nastaviť transparentnosť faktor od 0% do 100%. Tak to môže byť 30% transparentné, 50% alebo dokonca 79%. Pozrite sa na pop-up znova a sa bližšie na tieň - teraz viete, ako sa to robí.
Ale je tu len jeden problém - Internet Explorer Nechcem really pomoc PNG formát obrázka. Aj keď stále môžete volať PNG formáte pomocou tagu IMG, Internet Explorer ignoruje Alpha faktor. V programe Internet Explorer, PNG jednoducho nezobrazujú správne.
Tak ako to vyriešime ...
Našťastie môžete stále volať PNG v Internet Exploreru a majú Alpha vyjadroval pomocou špeciálneho príkazu CSS. Je to AlphaImageLoader ().
Ale to povedie k inému problému. Než budete môcť volať PNG, musíte najprv určiť webové prehliadača návštevník používa. Ak sa návštevník používa Firefox, Opera, Netscape alebo akékoľvek iné, môžete volať PNG pomocou tagu IMG. Ale jestli je to Internet Explorer, musíte použiť AlphaImageLoader ().
A samozrejme, môže to byť vždy riešiť s trochou Javascripting. A trochu JavaScript a CSS, môžete mať obrázok PNG plávajúce nad webového obsahu. Dokonca si môžete urobiť pop-up zmizne pomocou udalosti OnClick spúšť.
Ak budete chcieť kompletný kód a PNG na vlastné fotorealistickej post-it pop-up, skúste navštíviť WOW Pop-Up. Nižšie je URL adresa pre WOW Pop-Up, kde môžete získať zadarmo sadu kódu a PNG grafiky.
O autorovi:
Iszuddin Ismail uverejnené WOW Pop -Up a rozdáva zadarmo kód a PNG grafiky na vlastné fotorealistickej post-it pop-up. Získať súbor štyroch PNG grafiky pop-up zadarmo. http://WOWPopUp.com
Článok Zdroj: Messaggiamo.Com
Related:
» Seo Elite: New Seo Software!» AntiSpywareBOT
» Reverse Mobile
» Error Nuker
Webmaster si html kód
Pridajte tento článok do svojich webových stránok sa!
Webmaster Pošlite svoj článok
Nie nutná registrácia! Vyplňte formulár a Váš článok je v Messaggiamo.Com Adresár!
