Date Badge (http://blog.utopianlabs.com/2012/01/simple-date-badge/)

datebadge.css

.calendar{
    height: 30px;
    width: 25px;
    border: #000000 1px solid;
    -moz-box-shadow: 1px 1px 3px #220000;
    -webkit-box-shadow: 1px 1px 3px #220000;
    /* For IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=1, Direction=135, Color='#220000')";
    /* For IE 5.5 - 7 */
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=1, Direction=135, Color='#220000');
    box-shadow: 1px 1px 3px #220000;
}

.calendar .month{
    height: 10px;
    width: 25px;
    background-color: #FF0000;
    color: #FFFFFF;
    text-align: center;
    padding: 2px 0;
    text-transform: uppercase;
    font-size: 10px;
}

.calendar .day{
    width: 25px;
    height: 15px;
    text-align: center;
    padding-top: 1px;
    font-weight: bold;
    font-size: 16px;
    color: #000000;
    background-color: #EEEEEE;
}

datebadge.php

<div class="calendar" title="<?php echo date("l j F Y"); ?>">
   <div class="month"><?php echo date("M"); ?></div>
   <div class="day"><?php echo date("d"); ?></div>
</div>