changing the dates Options

[evanescencekid]

i was wondering if anyone could show me how to change the dates
like on this LJ: HERE

how the days of the week are actually images

[jordanriane]

In order for this to work, you first need to create an image for each day of the week. Upload those images to photobucket,

There has already been a thread created for changing the time stamp. Search next time :)

Here's what I have used in overrides:

CODE

DAY_DATE_FORMAT=></td></tr><tr><td class="index2"><font style="font-family:tahoma; font-color: #000000; font-size: 10px; text-decoration: uppercase; font-weight: bold;"><img src="http://photobucket.com/yourphotobucket.com/%%daylong%%.gif"> %%monlong%% %%dth%%, %%yyyy%% | posted at %%12h%%:%%min%% %%AMPM%%</style></font><font color="#FFFFFF">

LASTN_DATE_FORMAT=></td></tr><tr><td class="index2"><font style="font-family:tahoma; font-color: #747474; font-size: 10px; text-decoration: uppercase; font-weight: bold;"><img src="http://photobucket.com/yourphotobucket.com/%%daylong%%.gif"> %%monlong%% %%dth%%, %%yyyy%% | posted at %%12h%%:%%min%% %%AMPM%%</style></font><font color="#FFFFFF">

FRIENDS_DATE_FORMAT=></td></tr><tr><td class="index2"><font style="font-family:tahoma; font-color: #747474; font-size: 10px; text-decoration: uppercase; font-weight: bold;"><img src="http://photobucket.com/yourphotobucket.com/%%daylong%%.gif"> %%monlong%% %%dth%%, %%yyyy%% | posted at %%12h%%:%%min%% %%AMPM%%</style></font><font color="#FFFFFF">

To hide the brackets, you will need to change the last font color (which has #FFFFFF) to whatever color the background is where your date is located.

To hide the front bracket, you'll have to tweak around a bit, because I honestly had the hardest time hiding it, but I used this code, not sure if it actually worked, since I tweaked a few things that could've been it:

CODE

/* display of date and time */
p .index2 {
         font-size: 9px;
         text-transform: none;
         font-family: verdana;
         font-weight: bold;
         color: #747474;
         text-align: center;
}

p .index {
         color:#000000;
}


/* subject of journal entries */
p table table td.caption {
         font-size: 11px;
         text-decoration: underline;
         font-family: verdana;
         color: #747474;
}

/*date and time*/
         table.entrybox td.index{
         font-size: 10px;
         font-weight: bold;
         text-transform: uppercase;
         color: #ffffff;
         border: 0;
}

Obviously edit it to suit your needs.


Also, the image filenames should not say "%%daylong%%" you need to make them say "Monday.gif", "Tuesday.gif" so on and so forth.

[ladykatrianna]

I have a quick question regarding this...

My journal is here, and I have Monday's day image set, however no matter how I try, I can't get the image to be on the right side edge of the entries box.

Is there a way to do this?
Much appreciated ^_^

[jordanriane]

Either use

CODE

<div align=right>
<p align=right>
or
<img src="url.gif" align=right>

I believe that would fix the problem.