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

• 24.02.11: Add site name to title Joomla (0)
• 25.02.11: Delete failed: *.php Joomla! (1)
• 17.06.11: Sales order error in Magento Sage Pay (0)
• 08.04.11: Rename SMTP Banner Exim (1)
• 14.02.11: Perl files download instead of executing / processing (fixed) (0)