Create a CSS no Javascript alert message

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

• 25.02.10: Linux CPU States and there meaning (0)
• 22.09.09: Reset Session storage options in Magento (0)
• 12.08.09: Magento Error: Please check for sufficient write file permissions [fixed] (0)
• 30.11.09: Multiple Image uploads in Magento (3)
• 21.09.09: Lightbox / Thickbox / Menu disappears behind flash you tube video [fixed] (16)