Die Datumsanzeige ist mit css gemacht, da liegt ein Bild dahinter.
php bzw. html in der Seite:
<div class="date">
<span class="datem"><?php the_time('d') ?></span>
<span class="dateu"><?php the_time('M') ?></span>
<span class="datey"><?php the_time('Y') ?></span>
</div>
Mein CSS:
div.date {
clear: left;
color: #556B2F;
float: left;
font-size: 1.8em;
position: relative;
text-align: center;
width: 60px;
height: 40px;
margin: 5px 0;
padding: 19px 0;
background: url('/wp-content/themes/default/images/tab.gif') no-repeat;
}
#content > div.date, #commentlist li > div.date {
margin-left: -70px;
}
div.date .dateo {
display: block;
}
div.date .datem {
display: block;
font-family: 'Times New Roman', Times, serif;
font-size: 26px;
font-weight: bold;
padding: 0;
}
div.date .dateu, div.date .datey {
display: block;
font-size: 12px;
}
Alles anzeigen
Ansonsten mal als Tipp: Nutze firefox und den webdeveloper, damit ist alles ein wenig leichter.
Zur Nummerierung habe ich einfach einen Counter in php hinterlegt und die Ausgabe in ein div gepackt, so dass er floaten kann.
...
<?php $comment_number=1; ?>
...
<div class="comment-number"><?php echo $comment_number; ?></div>
...
<?php $comment_number++; ?>