Present date format as seen on www.muddydogpaws.com

1,161 Posts

Photowebmax Reply #1, 16 years, 8 months ago

I would to implement something similar to how the date, month and year gets presented on the Ditto aggregation at www.muddydogpaws.com.

I see this critical line of code:

<div class="postdate"><span class="month">May</span><span class="day">29</span><span class="year">2009</span></div>

Styling this with CSS is not an issue. What I am looking for is more detail on how this code gets generated? Is there something specific in the Ditto call that generates these style classes? Or is there a TV in use when the pages are created? I know how to change the basic time format for Ditto output but am not sure of the specifics of generating this cool formatting dynamically.

Any pointers here?

Thanks!

☆ A M B ☆
3,112 Posts

goldsky Reply #2, 16 years, 8 months ago

If you’re using Web Developer add on for Firefox, you can even steal his CSS style. wink

Rico
Genius is one percent inspiration and ninety-nine percent perspiration. Thomas A. Edison
MODx is great, but knowing how to use it well makes it perfect!

www.virtudraft.com

Security, security, security! | Indonesian MODx Forum | MODx Revo's cheatsheets | MODx Evo's cheatsheets

Author of Easy 2 Gallery 1.4.x, PHPTidy, spieFeed, FileDownload R, Upload To Users CMP, Inherit Template TV, LexRating, ExerPlan, Lingua, virtuNewsletter, Grid Class Key, SmartTag, prevNext

Maintainter/contributor of Babel

Because it's hard to follow all topics on the forum, PING ME ON TWITTER @_goldsky if you need my help.

223 Posts

Pleth Reply #3, 16 years, 8 months ago

You could do something like this in your Ditto TPL??

<div class="postdate"><span class="month">[*createdon:date=`%B`*]</span><span class="day">[*createdon:date=`%d`*]</span><span class="year">[*createdon:date=`%Y`*]</span></div>

1,161 Posts

Photowebmax Reply #4, 16 years, 8 months ago

Thanks, I will try that.

Doing the CSS is no problem, but generating the dynamic code classes is...