October 12th, 2004

Calendar Script Tutorial

PHP, Web, by Donncha.

Here’s a nice way of adding a calendar graphic to your website – use the background= attribute of html to fool the eye!

You might also like

If you like this post then please subscribe to my full RSS feed. You can also click here to subscribe by email. There are also my fabulous photos and funny videos to explore too!

Back Top

Responses to “Calendar Script Tutorial”

  1. There must be a better way than that! Doing it PHP-based is a waste of CPU, and doing it JavaScript-based is obviously wrong.
    Simple solution: CSS.

    Using the default WP theme as an example, replace the h2 block with this:
    h2{float:left;width:40px;height:50px;background:url(/i/calendar.gif);padding:10px 4px 0 6px;text-align:center}
    h2 b{display:none}
    h2 span{letter-spacing: 0.2em;display:block;font:10px “Times New Roman”, Times, serif}

    then replace the date format (under Options) with this:

    <\s\p\a\n>d</\s\p\a\n><b>|</b><\s\p\a\n>M</\s\p\a\n><b>|</b><\s\p\a\n>Y</b>

    Then replace the the_date call in the template with this:

    <?php the_date(”,’<h2 class=”date”>’,”); ?>

    See my site for an example

  1. No trackbacks yet.

Leave a Reply

Back Top


Holy Shmoly! is Digg proof thanks to caching by WP Super Cache