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
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.
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
