How Create Photorealistic Post-It Pop-Up

In: Web Design

8 Nov 2010


And something is always good for your web marketing campaign. One reason it is not blocked by popup blockers. And another, it really grabs the attention of your web visitors. do It’s a good thing if you increase the annual subscription to your ezine, or increase or promote an affiliate program and sales.

But you wonder how do they do? You think you can achieve similar results, and try, try, try … She tries, GIF, JPG, none of them can get the job done.

But there is one thing that you do not know. Many professional web programmer, but are not the normal web designer … perhaps even most web designers do not know how to do that.

The secret is in the PNG image format.

can not PNG image format is well you format on the web application known. PNG image format is unique, because you can make the alpha effect with it. The alpha-effect is where you set the transparency factor in certain areas of PNG. This makes the shadow looks so real.

Effective Alpha, you can set the transparency of 0% to 100%. So it can be transparent 30%, 50% or 79%. Take a look at the pop-up again, and look closely, in the shade – now you know how it works.

But there is only one problem – Internet Explorer does not really support the PNG image. You can always call the PNG image with the IMG tag, Internet Explorer ignores the alpha-factor. In Internet Explorer, PNG image displayed just not right.

How can we solve this …

Fortunately, you can always call PNG image in Internet Explorer and reflects the Alpha with a special command CSS. This is the alpha image loader ().

But this will lead to another problem. Before you can call the PNG image, you must first Web browser is configured to your visitors. When visitors Firefox, Opera, Netscape, or others, you can help the PNG in the IMG tag. But if use it in Internet Explorer, you need the alpha image loader ().

And of course there can always be solved with a little java scripting. And with a little JavaScript and CSS you can use the PNG image that floats over your web content. You can even pop-ups disappear with the OnClick event trigger.

If you are a complete code and PNG image that your own photo-post-it pop-ups, try to visit WOW pop-up. Below is the URL for WOW Pop-Up, where you can get a free set of code and the PNG graphics.

Related Post

Other Post

Incoming Search Term from visitor


Advertise

Comment Form

You must be logged in to post a comment.

About this site

Fnhsite.com post about variety Search Engine Optimalization and Website Design information.

Sponsor