QUOTE:
Hello,
guests can post here – wow, how generous! Sometimes i am feeling "formfilling-register-replying-authorize-emails" the whole long day ;-)
Maybe they are getting answers, too. ;-)
Yes guest can write here. This is an open forum
QUOTE:
I noticed the cool calendar display in the upper right corner. Is this visual appearance cross-browser compatible?
Yes it is. Not just the calendar but the whole template is browser compatible. It is tested in Firefox, IE6 and IE7, Opera, Camino And Safari.
QUOTE:
And most important: How did you achieve this... Would you give some insights how to call the date in a template and about the used CSS?
Well the calendar effect is not so difficult to archive.
The PHP
| Code: |
<div id="calendar" class="span-10 last">
<div>
<span class="month"><?php echo "".date ('M')."";?></span>
<span class="day"><?php echo "".date ('d')."";?></span>
</div>
<span class="dayweek"><?php echo "".date ('l')."";?></span>
</div>
|
The CSS
| Code: |
/* Calendar Date */
div#calendar {
margin: 29px 15px 0 -60px;
float: right;
text-align:right}
div#calendar div {
float: right;
padding: 2px 5px 10px;
margin-left: 5px;
width: 35px;
text-align:center;
background:url(../images/calendar_bg.gif) no-repeat;
text-align: center;}
div#calendar div span.month {
font-family:Arial, Helvetica, sans-serif;
font-size:1em;
color:#fff;
line-height:1;
font-weight:bold;
text-transform:uppercase;}
div#calendar div span.day {
font-size:2em;
line-height:1.3;
color:#333}
div#calendar span.dayweek {
float: right;
color: #999;
font-size: 2em;
padding-top: 5px;}
body.font-large div#calendar div span.day { line-height:.9;}
body.font-large div#calendar span.dayweek { padding-top: 2px;}
|
You can mess with the image on yourself. I cant reply you the image.
Again thanks for your words on us