How to Create Photorealistic Post-It Pop-UpGet Web Design Tips and Tricks on mps-web-design.com. How to Create Photorealistic Post-It Pop-Up topic will increase your understanding on Web Design Tips and Tricks. We at mps-web-design.com only provide news, articles, information in Web Design Tips and Tricks. Web Design Tips and Tricks at mps-web-design.com provides the most up to date news and articles. If you have questions please do not hesitate to contact us.
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. WebMaster Media Maker. - Create Streaming Audio and Video with Media players that do not require a streaming media server. Create Digital Backgrounds In Photoshop. - Create Digital Backgrounds in 5 minutes with Photoshop. Video Download! Article Index: | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | 25 | 26 | 27 | 28 | 29 | 30 | 31 | 32 | 33 | 34 | 35 | 36 | 37 | 38 | 39 | 40 | 41 | 42 | 43 | 44 | 45 | 46 | 47 | 48 | 49 | 50 | 51 | 52 | 53 | 54 | 55 | 56 | 57 | 58 | 59 | 60 | 61 | 62 | 63 | 64 | 65 | 66 | 67 | 68 | 69 | 70 | 71 | 72 | 73 | 74 | 75 | 76 | 77 | 78 | 79 |
More Articles:1. Learn HTML tables - no effort required! HTML sounds daunting to the novice webmaster, who often assumes that the HyperText Markup Language, with all its confusing tags and elements, is going to be difficult to understand.But after a few good website tutorials, the novice learns that learning HTML can be easy and fun; the language is not far removed from archaic typesetting syntax, and once you learn the basics, it's smooth sailing from then on....or is it?Tables are a big stumbling block for some, and as simple as they are, some nov… 2. Web Coach Tip: Top 10 Deadly Web Site Design And Copy Mistakes By Donna Payne 1. Don't fill your web site with a lot of high-tech clutter. Your visitors will miss your whole sales message and bail.2. Don't use unnecessary words or phrases. Sentences should be no longer than 10 words. You only have so much time to get your visitor's attention and interest; make every word count.3. Don't make the mistake that everyone will totally understand your what you have to offer. BE OBVIOUS! Use powerful words and examples to get your point across.4. Don't write your strongest poin… 3. Revolutionary Guide to Web Designs By Marithe Milano The Big IdeaThere are a thousand of people and companies who would want to advertise their services for web designs. The question here is, are you sure if the services that you have bought would be the one that you really like or the best deal in town? Think twice.In this article, I would like to share tips and advises to Web designs. Yes, your own creation. But before we begin, we have to make sure of 2 important things. First, analyze your goals and needs then make a plan. Second, create a … 4. Building An Effective Furniture Sales Web Site By Jim Ray Web sites that feature products – especially furniture or other large items – require a careful balance of text and images to convey the value of each product.Let’s face it. Consumers like to see, feel, and “experience” a product before they make a purchase decision. If you can elicit the senses in your on-line presentation of an item, you will increase your chances of making a purchase tenfold.In addition to the basics of an effective web presence, such as complete contact information, a su… |
||||
