Posted 2 years ago #
I'm trying to have my gigpress date showing like on the arclite post
(see -> http://kabouterwesley.net/ for example).
Basically it is a bit like an iCal way of displaying date.
I have no idea how you can go from the PHP date function to this...
Anyway can lead me to a tutorial or bring a solution to my problem??
Posted 2 years ago #
The date is a couple of span's and some CSS. This is the generated source:
<p class="post-date">
<span class="month">sep</span>
<span class="day">1</span>
</p>The CSS for the month part:
.post .post-date span.month {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#F44365 none repeat scroll 0 0;
border-bottom:1px solid #FFFFFF;
color:#FFFFFF;
font-size:85%;
left:0;
padding:2px 0;
position:absolute;
text-transform:uppercase;
top:0;
width:100%;
}And the day part:
.post .post-date span.day {
bottom:1px;
left:0;
padding:3px 0;
position:absolute;
width:100%;
}I don't know how your theme generates its date but there is good chance it used this function. You'll have to edit that to get the markup you need.
Posted 2 years ago #
Thanks for the answer (hadnt seen it yet)
I had seen the source code... My main problem is how to edit this function...
as far as I could read, I can add some tag before the date and after.. how should I add code in between so that I can close the first span and open the second one?
<p class="post-date">
<span class="month"><?php the_time('M'); ?></span>
<span class="day"><?php the_time('j'); ?></span>
</p>
Posted 2 years ago #
Hoo so!! man... this seems so logic... I was thinking it would need a lot of editing in some obscure (to me) function...
I'll give it a shot :) thanks!!
This topic has been closed to new replies.
