For a loverly calendar style date for your posts please steal the following code…



First you need to place some code into your index.php file just after the start of the loop ie just after

<?php while ( have_posts() ) : the_post() ?>

as follows…

	<div class="date_cal">
		<div class="day"><?php the_time ('D'); ?></div>
		<div class="date"><?php the_time ('j'); ?></div>
		<div class="month"><?php the_time ('M'); ?></div>
		<div class="year"><?php the_time ('Y'); ?></div>
	</div>

Then add this to your stylesheet…

.date_cal {
	float:right;
	display:block;
	width: 50px;
	height: 80px;
	margin: 0 10px 0 0;
	background: url('images/datebutton.gif') no-repeat;
	}

.date_cal .day {
	color: #FFF;
	font-size: 15px;
	margin: 1px 0 0 6px;
	}

.date_cal .date {
	color: #333;
	font-size: 16px;
	margin: 1px 0 0 6px;
	}

.date_cal .month {
	color: #333;
	font-size: 13px;
	margin: 0 0 0 6px;
	text-transform: uppercase;
	}

.date_cal .year {
	color: #333;
	font-size: 9px;
	margin: 0 0 0 6px;
	}

Then add a calendar image called datebutton.gif 50px wide and 80px high to a directory named ‘images’ in the top level of your current themes directory (ie yourdomain.com/wp-content/themes/currenttheme/images).
You can steal one of these if you like (just drag them onto your desktop and rename)
(only good for light backgrounds)





PS you may have to tweak margin sizes depending on default lineheights etc.