How to Create Photo-Post-It Pop-Up —
Placed in Website Design | June 10th, 2009
Do you have a Post-it Pop-up? One, which looks more realistic, with great shadow effects. If you do not know what I mean, try the following website:
http://myhobbybooks.com/wowpop
You see is not it fantastic?
And if something is always good for your site to sell the campaign. One of the reasons it will never pop-up blocker. And another is really the full attention of your web visitors.
That is, if you wish for your subscription to the newsletter or promote an affiliate program, or even more than sales.
But you wonder, as they do? They thought that such a result you, and you try and try and try it … You tried to GIF, JPG picture, none of these tasks can be done.
But there is something you just do not know. Many Web-Pro programmers know, but not Web designers normal … perhaps even most web designers do not know how.
The secret lies in the PNG format.
PNG is the little-known image format, you will find on the Internet. The PNG format is unique, because it is the Alpha effect. Alpha-effect, if the transparency of certain factors in terms of the PNG image. This is what the shadow is, it is true.
With Alpha, you can transparency factor of 0% to 100%. Thus, transparency can be 30%, 50% or even 79%. Take a look at the pop-up back and a look at the shadows – Now you know how.
But there is only one problem – Internet Explorer does not really support the PNG format. You can still the PNG format using the IMG tag, Internet Explorer ignores Alpha factor. In Internet Explorer, PNG image simply not correct.
How to solve this …
Fortunately, you can call PNG image in Internet Explorer and alpha expression with a specific CSS command. This is the AlphaImageLoader ().
But what is another problem. Before you can use the PNG image, you must first visitors to your web browser used. If the visitor with Firefox, Opera, Netscape or another, you can use the PNG file with the IMG tag. But if it’s Internet Explorer, you must AlphaImageLoader ().
And, of course, this can always be solved with a bit of Java Script. And with a little JavaScript and CSS, you can use the PNG image floating your Web content. You can even pop-ups disappear with the onClick event trigger.
If you want a code that complements and PNG image to your photo Post-it “pop-up, try to visit the Pop-Up WOW. Below is the URL of Pop-Up-WOW , where you free a number of code and PNG graphics.
- design (1)
All other brands, product names, company names, trademarks and marks are the properties of their respective owners.
