Looking to add a little something extra to your WordPress site? This might be just the thing!

You can use my CSS styles to add fancy boxes to your blog posts or pages for alerts, comments and even downloads.

Like this:

This is the alert box.

This is the comment box.

This is the download box.

Install

Step One: Download the images below and upload them to your current theme folder.
wp-content/themes/YOUR-THEME/{here}

Step Two: Download the Fancy CSS Boxes code below. Login to your WordPess admin and goto presentation/theme editor/your current theme/stylesheet

Step Three: Add the new CSS rules at the bottom of the style.css file and save.

You are now ready to use your new Fancy CSS boxes where you would like.

STCFX Fancy CSS Boxes (ICONS)

STCFX Fancy CSS Boxes (CODE)

Usage

To use your new styles simple put your text between the following:
NOTE: To add the style tags you must switch over to code view.

<p class=”stcfx-alert”>Alert text right here.</p>
<p class=”stcfx-comment”>Comment text right here.</p>
<p class=”stcfx-download”>Download text right here.</p>

FAQ

Q: My icons are not showing up, whats wrong?
A: Be sure you have uploaded the icons to your current wp theme folder. wp-content/themes/YOUR-THEME/icons right here.

Q: My icons are in the right place but they are still not showing up, whats wrong?
A: Icons must be chmod to 755.

Compatibility

Firefox 2.0
IE 7.0