ArticlesReader.com Menu
Newest Articles
Most Viewed Articles
ArticlesReader.com RSS
Submit Article
Login
Signup
Search the articles

Articles Main Categories
Advice
Animals
Automobiles
Business
Career
Communications
Computer Programming
Computers
Entertainment
Environment
Family
Fashion
Finance
Food
Health & Medical
Home & Garden
Humor
Internet Business
Internet Marketing
Legal
Leisure & Recreation
Marketing
Other
Politics
Reference & Education
Religion
Self Improvement
Sports
Technology & Science
Travel
Writing
Subscribe
Receive alert message from us when new articles submitted to our site for free.

Enter your name

Enter your email

Syndicate

















Related Products
Home::Web Design

How To Create Photorealistic Post-It Pop-Up

Author : Iszuddin Ismail
Have you seen one of those post-it pop-up? The one that looks so realistic, with awesome shadow effect. If you don't know what I am talking about, try opening the following website:



http://myhobbybooks.com/wowpop



They look awesome don't they?



And something like this is always good for your web marketing campaign. One reason, it never gets blocked by pop-up blockers. And another, it really grabs the attention of your web visitors.



This is good when you want to increase subscription rate to your ezine, or promote an affiliate program, or even increase sales.



But you wonder, how do they do it? You thought that you can achieve similar result, and you try, and try, and try... you tried GIF image, JPG image, none of those can get the job done.



But there's one thing that you just don't know. Many pro web programmers know this, but not the normal web designers ... maybe even most web designers don't know how to do this.



The secret is in PNG image format.



PNG image format is the little-known image format that you can use on the web. PNG image format is unique because you can do the Alpha effect with it. The Alpha effect is where you set transparency factor on certain areas on the PNG image. That is what makes the shadow looks so real.



With the Alpha effect, you can set transparency factor from 0% to 100%. So it can be 30% transparent, 50% or even 79%. Have a look at the pop-up again, and take a close look at the shadow - Now you know how it's done.



But there is just one problem - Internet Explorer don't really support PNG image format. While you can still call PNG image format using the IMG tag, Internet Explorer ignores Alpha factor. In Internet Explorer, PNG image just don't appear properly.



So how do we solve this ...



Luckily you can still call PNG image in Internet Explorer and have the Alpha reflected using a special CSS command. It's the AlphaImageLoader().



But this will lead to another problem. Before you can call the PNG image, you first need to identify the browser your web visitor is using. If the visitor is using Firefox, Opera, Netscape or any others, you can call the PNG using the IMG tag. But if it's Internet Explorer, you need to use the AlphaImageLoader().



And of course, this can always be solved with a bit of Javascripting. And with a little more Javascript and CSS, you can have the PNG image floating over your web content. You can even make the pop-up disappear using the OnClick event trigger.



If you'd like a complete code and PNG image to your own photorealistic post-it pop-up, try visiting WOW Pop-Up. Below is the URL address for WOW Pop-Up where you can get a free set of the code and the PNG graphic.


Article Source: http://www.articledashboard.com





Iszuddin Ismail published the WOW Pop-Up and is giving away free code and PNG graphics to your own photorealistic post-it pop-up. Get a set of four PNG pop-up graphics for free. WOWPopUp.com





Spam emails More free articles

Related articles


  1. The Top 8 Website Sins Part Two
  2. The Top 8 Website Sins Part One
  3. 10 seconds is all it takes… (How to grab the attention of your audience with your web site)
  4. So You’re Hiring a Web Designer—You Have the Right to Demand these 7 Perks
  5. 6 Design Flaws Newbie Web Designers Make: Fool Everyone Into Thinking You Know What You're Doing
  6. Excellently Constructed Websites
  7. Web Designers Beware!
  8. Quality Website Design At An Affordable Price
  9. Website Colors That Turn Off Your Customers
  10. What The Font? – Understanding Typefaces On The Web
  11. Freelancers Bite Back!
  12. Web Design: Should You Hire Someone or Do It Yourself?
  13. Branding Web Strategy Mistakes - Brand Identity Guru
  14. Web-Safe Fonts for Your Site
  15. Web Designing Tips
  16. Good Websites Stand Out From The Masses Of Boring, Hard To Travel Sites
  17. Testament To Testimonials
  18. Reach Out To Billions
  19. Every Website is a Human Being’s Attempt at Achieving a Goal or Obtaining Happiness
  20. Give People What They Want And Watch Your Profits Soar!
  21. You Too Can Have an Amazing Website
  22. The Seven Deadly Sins of Web Business Design
  23. 10 Nifty Ways to Prolong Your Visitors at Your Website
  24. Website Design: Redecorate Your Web Site To Increase Sales
  25. Service Professions: Does Your Website Follow These 5 Simple Rules For Getting More Clients?
More related feeds
How To Create Photorealistic Post-It Pop-Up
If you’d like a complete code and PNG image to your own photorealistic post-it pop-up, try visiting WOW Pop-Up. Below is the URL address for WOW Pop-Up where you can get a free set of the code and the PNG graphic. ...

How To Create Photorealistic Post-It Pop-Up
How To Create Photorealistic Post-It Pop-Up. by: Iszuddin Ismail. Have you seen one of those post-it pop-up? The one that looks so realistic, with awesome shadow effect. If you don't know what I am talking about, try opening the ...

How To Create Photorealistic Post-It Pop-Up
Have you seen one of those post-it pop-up? The one that looks so realistic, with awesome shadow effect. If you don't know what I am talking about, try opening the following website: http://myhobbybooks.com/wowpop ...

How you can Create Photorealistic to Post-It Pop-Up Posted By ...
Have you seen one of those post-it pop-up? The one that looks so realistic, with awesome shadow effect. If you don’t know what I am talking about, try opening the following they look awesome don’t they? And something like this is always ...

How you can Create Photorealistic to Post-It Pop-Up-internet pop-up
If you’d like a complete code and PNG image to your own photorealistic post-it pop-up, try visiting WOW Pop-Up. Below is the URL address for WOW Pop-Up where you can get a free set of the code and the PNG graphic. www.infozabout.com ...

Casual Articles: How to Create Photorealistic Post It Pop Up at ...
If you don t know what I am talking about try opening the following website If you d like a complete code and PNG image to your own photorealistic post it pop up try visiting WOW P.

Create Photorealistic Post-It Pop-Up
Create Photorealistic Post-it Pop-up. Have you seen one of those post-it pop-up? The one that looks so realistic, with awesome shadow effect. They look awesome don't they? And something like this is always good for your web marketing ...

How To Create Photorealistic Post-It Pop-Up
by: Iszuddin Ismail.

How To Create Photorealistic Post-It Pop-Up
Have you seen one of those post-it pop-up? The one that looks so realistic, with awesome shadow effect. They look awesome don’t they? And something like this is always good for your web marketing campaign. read more | digg story.

Mashable!
Y Combinator is helping create a more streamlined path and a new filter for startup ideas. Now as more firms like the Y Combinator pop up and more entrepreneurs and VCs choose to go to Y Combinator seed firms for the support, ...

 


 

© 2007 articlesreader.com - All Rights Reserved