This Static Spot is open for sponsor

Click Here to Sponsor MCT Eric Post in Full Page

Afrikaans Afrikaans Albanian Albanian Amharic Amharic Arabic Arabic Armenian Armenian Azerbaijani Azerbaijani Basque Basque Belarusian Belarusian Bengali Bengali Bosnian Bosnian Bulgarian Bulgarian Catalan Catalan Cebuano Cebuano Chichewa Chichewa Chinese (Simplified) Chinese (Simplified) Chinese (Traditional) Chinese (Traditional) Corsican Corsican Croatian Croatian Czech Czech Danish Danish Dutch Dutch English English Esperanto Esperanto Estonian Estonian Filipino Filipino Finnish Finnish French French Frisian Frisian Galician Galician Georgian Georgian German German Greek Greek Gujarati Gujarati Haitian Creole Haitian Creole Hausa Hausa Hawaiian Hawaiian Hebrew Hebrew Hindi Hindi Hmong Hmong Hungarian Hungarian Icelandic Icelandic Igbo Igbo Indonesian Indonesian Irish Irish Italian Italian Japanese Japanese Javanese Javanese Kannada Kannada Kazakh Kazakh Khmer Khmer Korean Korean Kurdish (Kurmanji) Kurdish (Kurmanji) Kyrgyz Kyrgyz Lao Lao Latin Latin Latvian Latvian Lithuanian Lithuanian Luxembourgish Luxembourgish Macedonian Macedonian Malagasy Malagasy Malay Malay Malayalam Malayalam Maltese Maltese Maori Maori Marathi Marathi Mongolian Mongolian Myanmar (Burmese) Myanmar (Burmese) Nepali Nepali Norwegian Norwegian Pashto Pashto Persian Persian Polish Polish Portuguese Portuguese Punjabi Punjabi Romanian Romanian Russian Russian Samoan Samoan Scottish Gaelic Scottish Gaelic Serbian Serbian Sesotho Sesotho Shona Shona Sindhi Sindhi Sinhala Sinhala Slovak Slovak Slovenian Slovenian Somali Somali Spanish Spanish Sundanese Sundanese Swahili Swahili Swedish Swedish Tajik Tajik Tamil Tamil Telugu Telugu Thai Thai Turkish Turkish Ukrainian Ukrainian Urdu Urdu Uzbek Uzbek Vietnamese Vietnamese Welsh Welsh Xhosa Xhosa Yiddish Yiddish Yoruba Yoruba Zulu Zulu

 

 

Article Navigation

Back To Main Page

 

Click Here for more articles
Google
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 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.

About the author:
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. http://WOWPopUp.com


Circulated by Article Emporium

 


©2005 - All Rights Reserved

This Static Spot is open for sponsor

Web Development Information

Read Articles:

Disappointing Designs
Oakland, San Jose Web Design Company
Press Release MX8 - Heral...
CREATIVE SUITE - THE UNDERLYING INTEG...
Review: Swish
Streamline Your Website Pages
Computer Hygiene - Take Out The Trash!
Top Search Engine Ranks- The Only Sec...
How To Use A WYSIWYG HTML Editor To M...
Who should become a web host reseller?
XHTML - Kicking And Screaming Into Th...
The Three Principles Of HTML Code Opt...
Article Syndication - A New Vehicle f...
Finding the Right Web Host

More Article Pages 1 - 2

The Topic Of Your Website

The first thing you will have to deal building your website has nothing to do with the web design itself, it's me related to content writing but it must be defined and will effect the rest of your actions. So first of all you need to decide what the topic of your future website is. Topic is very closely connected to another web design issue: keywords. The keywords you select will depend upon the topic you have chosen. When thinking about website topic ask yourself a few questions: What is the goal of the site you are making? What are you trying to achieve with your site. Specify a goal, preferably in one short sentence.

Take a sheet of paper and a pen and put all you can think out about your future website. Brainstorm! Just put everything that comes to your mind: what you want to give to your visitors, what the site is about, what you want to accomplish with your website, what is your experience in the area you would like to select as topic? The more points you could think up the better. Then sort it in the number of importance. Think what points can be deleted without harm to your project. Delete them. Leave only what is REALLY important. Try to get your goal out of those points.

Choosing topic is like choosing the topic for college research paper. You should try to select reasonable balance between too wide and to narrow topics. Narrowing down your website topic might be very helpful. If you have narrower topic that means you have less competing topic thus it will help you to get better position among your competitors. However if the topic is too narrow nobody will ever bother to search for it. Let me give you example: you want to build a website devoted to website design, but if you try to develop this website guess how many websites you will have to beat to get on the top? I got 4,030,000 pages devoted to website design according Google . To check this number just enter http://google.com and then enter "website design" in the search form on the first page. Now let's see how many sites Google indexed with the topic "Flash website design". I got about 22,300. As you may see the result of indexed web pages is four millions smaller. So creating website about flash design will be much smarter then just to make "website design" site and be lost in those millions pages. Note that "Website design" and "Flash Website Design" are not only keywords, the Flash website design is a part of website design but it is smaller part. Searching search engines keywords related to the topic you have selected may be helpful in making decision about your website topic. I'll teach you how to select "right" keywords to obtain better position on the search engine listings in the next articles.

Do not hesitate to reset your goals. Try to think about audience of the website. People like to visit websites with the original and unique content. Will your website be able to provide your visitors with such content? Will visitors come back again and again or they will simply close the browser window and forget about your website?

The better the plan the less work you will have to make. So if you could define the topic and define it clearly you may proceed to another step of website building: choosing a domain name.

Click Here

This article may be reprinted and distributed with no charge until the credit line below remains without changes.

Thanks for reading.

About the Author:
Oleg Lazarenko
Production Manager of
Metamorphosis Web Design Studio ?
Flash templates and Web Templates
http://www.metamorphozis.com

©2005 - All Rights Reserved

JV Blogs Visit free hit counter