И так это ставим в CSS
Code
/* Календарик By CoooL.net.ru */
.post-date {width: 45px;height: 49px;float:left;background: url(../date-bg.gif) no-repeat;margin-right:5px;}
.post-month {font-size: 8px;color: #FFFFFF;text-align: center;display:block;line-height: 11px;padding-top: 2px;margin-left: -3px;}
.post-day {font-size: 7px;text-transform: uppercase;color: #000000;text-align: center;display:block;line-height: 18px;padding-top: 7px;margin-left: -3px;}
А это в шаблон Вид материалов новостей...
Code
<div class="post-date"><span class="post-month">$WDAY$</span><span class="post-day">$DATE$</span></div>
И самое главное фон! кладем картинку в корень сайта, переименовываем в date-bg.gif
Сама картинка: Пример: