/**** WP Function & CSS ****/

// Alert Shortcodes
function alert_green($atts, $content = null) {
	return'<div class="alert-green">' . $content . '</div>';
}
add_shortcode('alert_green', 'alert_green');

function alert_blue($atts, $content = null) {
	return'<div class="alert-blue">' . $content . '</div>';
}
add_shortcode('alert_blue', 'alert_blue');

function alert_yellow($atts, $content = null) {
	return'<div class="alert-yellow">' . $content . '</div>';
}
add_shortcode('alert_yellow', 'alert_yellow');

function alert_red($atts, $content = null) {
	return'<div class="alert-red">' . $content . '</div>';
}
add_shortcode('alert_red', 'alert_red');

/* Alert Shortcodes */

/* Buttons, message boxes, & alert boxes */
.alert-green {
-moz-border-radius:3px;
-webkit-border-radius:3px;
border-radius:3px;
background:#e5ffcc url(images/alert_green.png) left center no-repeat;
color:#573;
border:1px solid #bbdd99;
padding:10px 10px 10px 40px;
margin:10px 0 20px 0;
}
.alert_blue {
-moz-border-radius:3px;
-webkit-border-radius:3px;
border-radius:3px;
background:#e5f5ff url(images/alert_blue.png) left center no-repeat;
color:#467;
border:1px solid #bde;
padding:10px 10px 10px 40px;
margin:10px 0 20px 0;
}
.alert_yellow {
-moz-border-radius:3px;
-webkit-border-radius:3px;
border-radius:3px;
background:#ffd url(images/alert_yellow.png) left center no-repeat;
color:#664;
border:1px solid #ddc;
padding:10px 10px 10px 40px;
margin:10px 0 20px 0;
}
.alert_red {
-moz-border-radius:3px;
-webkit-border-radius:3px;
border-radius:3px;
background:#fcc url(images/alert_red.png) left center no-repeat;
color:#744;
border:1px solid #daa;
padding:10px 10px 10px 40px;
margin:10px 0 20px 0;
}

/* end ---------------------------------------- alert codes */

Alert Shortcodes

css, php, textmate, wordpress, style, function

Other