Styling HijriDate

I have made this page to display different ways of showing the HijriDate on your website.

My method

If you like the way I am displaying the HijriDate on this website you can use this.

Insert this in your index.php (instead of unn_hijridate or the_time):

<?php show_hijridate(’<div class=”date”><span class=”day”>%02d</span><span class=”month”>%s</span>’, ‘<div class=”date”><span class=”day”>%d</span><span class=”month”>%B</span></div>’, ”) ?>

Then style this by adding this to your stylesheet:

/* Style dates */
div.date
{
display: block;
font-family: Arial, Helvetica, Sans-Serif;
font-size: 0.9em;
line-height: 1.5em;
color: #777;
width: 60px;
text-align: center;
background: #FFDBDB;
padding: 5px;
clear: both;
float:right;
margin: 5px 0 0 17px !important;
margin: 5px 0 0 8px;
background: url(images/shadowAlpha.png) no-repeat bottom right !important;
background: url(images/shadow.gif) no-repeat bottom right;
}
span.year {
display: block;
width: 50px;
text-align: center;
font-size: 1.0em;
}
span.month {
display: block;
width: 50px;
text-align: center;
font-size: 0.9em;
}
span.day
{
display: block;
width: 50px;
text-align: center;
font-size: 1.2em;
font-weight: bold;
}

Note: You need to download the images I am using if you want the shadows

You can add your method by posting here.