Changing Day Marker

Okama Time!

In the pic on the right, the usual vertical line that marks the day is replaced by an animated gif of One Piece’s Okama Bon Clay. :P

To change the day marker use the following lines:

.day_bg .div_inner {
background:url(yourpictureURL) no-repeat center bottom;
width: 64px;
border: none;
}

You’d want to have the exact same width with the image you use so it won’t be cropped. By default the background is colorless (transparent).

Animated GIFs can be used.

Transparent .PNGs can also be used but its alpha isn’t universally recognized by browsers although work perfectly on Firefox 3.

The timeline’s height is 386px by default, fyi.

Advertisements
Published in: on August 25, 2008 at 9:49 pm  Leave a Comment  

The URI to TrackBack this entry is: https://peacepiece.wordpress.com/2008/08/25/changing-day-marker/trackback/

RSS feed for comments on this post.

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

%d bloggers like this: