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

About The Author

Written by MissDanni
MissDanni is a jill of all trades, from web design to web promotion and everything in between, you might just say web everything. Working in the web industry since 2000 she continues to learn new things everyday. "Nothing is impossible if you are willing to take the time to learn and make mistakes."

Other posts by MissDanni

Tags: css, fancy css boxes, Web Design, web20

Suggested Reading

Christmas Gifts
Buy Amazing Christmas Gifts on Walmart for your family [..]
US Colleges
Choose the right college with our site. Check some [..]