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

• 14.05.10: Kick SSH user (0)
• 22.09.09: Reset Session storage options in Magento (1)
• 30.11.09: Multiple Image uploads in Magento (7)
• 26.04.10: Magento cookie problem [fixed] (0)
• 14.06.10: RSForm ordering (1)