Create Custom Date Butons!

Create your own date buttons. This is a simple div class and css style. Choose your background image and read this article. Let’s begin…

Here is the code;

Firstly create a div area for this. After that we sill make changes.

Code;

<div class=”post-date”>
<div class=”month”><?php the_time(’M') ?></div>
<div class=”day”><?php the_time(’d') ?></div>
</div>

The Template Image

CSS Style;

.post-date{
float: left;
display: inline;
margin: 0 10px 0 0;
background: url(images/date_button_template.gif) no-repeat;
}

Final :)


Use this code and the oıther on your theme. Have a nice day!


Related posts:

Jan 3rd, 2010 | Posted in Wordpress
If you enjoyed this post, make sure you subscribe to my RSS Feed
Comments are closed.
Highslide for Wordpress Plugin