Help - Search - Members - Calendar
Full Version: changing the dates
Forums > Resource Center > Support Center > Livejournal Support > Livejournal Resolved Topics
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.
This is a "lo-fi" version of our main content. To view the full version with more information, formatting and images, please click here.