This quick how to will guide you through the process of creating a nice looking JavaScript alert message for any web page.

Where you would like the message to be displayed place this following no-script section:

<noscript>
<p class="alert">
Please enable JavaScript for full functionality.
</p>
</noscript>

Then in the CSS use the following code:

.alert {
background: #fff6bf url(image_folder/exclamation_mark.gif) center no-repeat;
background-position: 15px 50%;
text-align: left;
padding: 5px 20px 5px 45px;
border-top: 2px solid #ffd324;
border-bottom: 2px solid #ffd324;
}

Download files

Related Articles

• 28.12.07: No more Netscape for 2008 (0)
• 30.11.07: Stirrdup - Simple, Fast and better than Digg (0)
• 16.11.07: Firefox 3 looks doomed before release (1)
• 16.01.08: Firefox Popup not resizing (0)
• 12.01.08: Google Pagerank update January 2008 (11)