christian8a
07-13-2008, 10:00 PM
Neat yearly calendar look.
Brought to you by http://www.eicorvette.com :up:
This is for those with a fixed style but works great with a fluid style also.
====================
What it does?
This fixes is the yearly look on the calendar.
The width by default is 170 and there are 4 on each row. So the fixed styles could probably expand and break the tables if the actuall style is skinny.
This will put 3 mini calendars (on the yearly look) on each row and a 100% on width so they will fill out the blank spaces and not expand a fixed style or break tables.
Now on the fluid styles looks awesome too.
See the DEMO at http://www.eicorvette.com
Go to calendar/yearly view and see how it looks now, change at the bottom of the site between the fixed style and the expanded so you see the difference.
====================
Install:
Open style manager >> Calendar templates >> calendar yearly
and use this template entirelly. (copy/paste)
<table cellpadding="0" cellspacing="0" border="0" width="100%">
<tr valign="top">
<td align="$stylevar[left]">
<table class="tborder" cellpadding="2" cellspacing="$stylevar[cellspacing]" border="0" width="100%" style="margin-bottom:$stylevar[cellpadding]px">$month1</table>
</td>
<td align="center">
<table class="tborder" cellpadding="2" cellspacing="$stylevar[cellspacing]" border="0" width="100%" style="margin-bottom:$stylevar[cellpadding]px">$month2</table>
</td>
<td align="$stylevar[right]">
<table class="tborder" cellpadding="2" cellspacing="$stylevar[cellspacing]" border="0" width="100%" style="margin-bottom:$stylevar[cellpadding]px">$month3</table>
</td>
</tr>
<tr valign="top">
<td align="$stylevar[left]">
<table class="tborder" cellpadding="2" cellspacing="$stylevar[cellspacing]" border="0" width="100%" style="margin-bottom:$stylevar[cellpadding]px">$month4</table>
</td>
<td align="center">
<table class="tborder" cellpadding="2" cellspacing="$stylevar[cellspacing]" border="0" width="100%" style="margin-bottom:$stylevar[cellpadding]px">$month5</table>
</td>
<td align="$stylevar[right]">
<table class="tborder" cellpadding="2" cellspacing="$stylevar[cellspacing]" border="0" width="100%" style="margin-bottom:$stylevar[cellpadding]px">$month6</table>
</td>
</tr>
<tr valign="top">
<td align="$stylevar[left]">
<table class="tborder" cellpadding="2" cellspacing="$stylevar[cellspacing]" border="0" width="100%" style="margin-bottom:$stylevar[cellpadding]px">$month7</table>
</td>
<td align="center">
<table class="tborder" cellpadding="2" cellspacing="$stylevar[cellspacing]" border="0" width="100%" style="margin-bottom:$stylevar[cellpadding]px">$month8</table>
</td>
<td align="$stylevar[right]">
<table class="tborder" cellpadding="2" cellspacing="$stylevar[cellspacing]" border="0" width="100%" style="margin-bottom:$stylevar[cellpadding]px">$month9</table>
</td>
</tr>
<tr valign="top">
<td align="$stylevar[left]">
<table class="tborder" cellpadding="2" cellspacing="$stylevar[cellspacing]" border="0" width="100%" style="margin-bottom:$stylevar[cellpadding]px">$month10</table>
</td>
<td align="center">
<table class="tborder" cellpadding="2" cellspacing="$stylevar[cellspacing]" border="0" width="100%" style="margin-bottom:$stylevar[cellpadding]px">$month11</table>
</td>
<td align="$stylevar[right]">
<table class="tborder" cellpadding="2" cellspacing="$stylevar[cellspacing]" border="0" width="100%" style="margin-bottom:$stylevar[cellpadding]px">$month12</table>
</td>
</tr>
</table>
<br />
<table cellpadding="0" cellspacing="0" border="0" width="100%" align="center">
<tr valign="bottom">
<td nowrap="nowrap">
<table class="tborder" cellpadding="$stylevar[cellpadding]" cellspacing="$stylevar[cellspacing]" border="0">
<tr>
<td class="thead" colspan="3" nowrap="nowrap">$vbphrase[add_new_event]<a name="goto_newevent"></a></td>
</tr>
<tr>
<td class="alt1" nowrap="nowrap">
<div class="smallfont">
<div>
<img class="inlineimg" src="$stylevar[imgdir_misc]/calendar_icon.gif" alt="$vbphrase[single_all_day_event]" border="0" />
<a href="calendar.php?$session[sessionurl]do=add&type=single&c=$calendarinfo[calendarid]">$vbphrase[single_all_day_event]</a>
</div>
<div>
<img class="inlineimg" src="$stylevar[imgdir_misc]/calendar_icon.gif" alt="$vbphrase[ranged_event]" border="0" />
<a href="calendar.php?$session[sessionurl]do=add&c=$calendarinfo[calendarid]">$vbphrase[ranged_event]</a>
</div>
<div>
<img class="inlineimg" src="$stylevar[imgdir_misc]/calendar_icon.gif" alt="$vbphrase[recurring_event]" border="0" />
<a href="calendar.php?$session[sessionurl]do=add&type=recur&c=$calendarinfo[calendarid]">$vbphrase[recurring_event]</a>
</div>
</div>
</td>
</tr>
</table>
</td>
<td width="100%"> </td>
<td nowrap="nowrap">
$calendarjump
</td>
</tr>
</table>
===============================
Enjoy! ;)
Brought to you by http://www.eicorvette.com :up:
This is for those with a fixed style but works great with a fluid style also.
====================
What it does?
This fixes is the yearly look on the calendar.
The width by default is 170 and there are 4 on each row. So the fixed styles could probably expand and break the tables if the actuall style is skinny.
This will put 3 mini calendars (on the yearly look) on each row and a 100% on width so they will fill out the blank spaces and not expand a fixed style or break tables.
Now on the fluid styles looks awesome too.
See the DEMO at http://www.eicorvette.com
Go to calendar/yearly view and see how it looks now, change at the bottom of the site between the fixed style and the expanded so you see the difference.
====================
Install:
Open style manager >> Calendar templates >> calendar yearly
and use this template entirelly. (copy/paste)
<table cellpadding="0" cellspacing="0" border="0" width="100%">
<tr valign="top">
<td align="$stylevar[left]">
<table class="tborder" cellpadding="2" cellspacing="$stylevar[cellspacing]" border="0" width="100%" style="margin-bottom:$stylevar[cellpadding]px">$month1</table>
</td>
<td align="center">
<table class="tborder" cellpadding="2" cellspacing="$stylevar[cellspacing]" border="0" width="100%" style="margin-bottom:$stylevar[cellpadding]px">$month2</table>
</td>
<td align="$stylevar[right]">
<table class="tborder" cellpadding="2" cellspacing="$stylevar[cellspacing]" border="0" width="100%" style="margin-bottom:$stylevar[cellpadding]px">$month3</table>
</td>
</tr>
<tr valign="top">
<td align="$stylevar[left]">
<table class="tborder" cellpadding="2" cellspacing="$stylevar[cellspacing]" border="0" width="100%" style="margin-bottom:$stylevar[cellpadding]px">$month4</table>
</td>
<td align="center">
<table class="tborder" cellpadding="2" cellspacing="$stylevar[cellspacing]" border="0" width="100%" style="margin-bottom:$stylevar[cellpadding]px">$month5</table>
</td>
<td align="$stylevar[right]">
<table class="tborder" cellpadding="2" cellspacing="$stylevar[cellspacing]" border="0" width="100%" style="margin-bottom:$stylevar[cellpadding]px">$month6</table>
</td>
</tr>
<tr valign="top">
<td align="$stylevar[left]">
<table class="tborder" cellpadding="2" cellspacing="$stylevar[cellspacing]" border="0" width="100%" style="margin-bottom:$stylevar[cellpadding]px">$month7</table>
</td>
<td align="center">
<table class="tborder" cellpadding="2" cellspacing="$stylevar[cellspacing]" border="0" width="100%" style="margin-bottom:$stylevar[cellpadding]px">$month8</table>
</td>
<td align="$stylevar[right]">
<table class="tborder" cellpadding="2" cellspacing="$stylevar[cellspacing]" border="0" width="100%" style="margin-bottom:$stylevar[cellpadding]px">$month9</table>
</td>
</tr>
<tr valign="top">
<td align="$stylevar[left]">
<table class="tborder" cellpadding="2" cellspacing="$stylevar[cellspacing]" border="0" width="100%" style="margin-bottom:$stylevar[cellpadding]px">$month10</table>
</td>
<td align="center">
<table class="tborder" cellpadding="2" cellspacing="$stylevar[cellspacing]" border="0" width="100%" style="margin-bottom:$stylevar[cellpadding]px">$month11</table>
</td>
<td align="$stylevar[right]">
<table class="tborder" cellpadding="2" cellspacing="$stylevar[cellspacing]" border="0" width="100%" style="margin-bottom:$stylevar[cellpadding]px">$month12</table>
</td>
</tr>
</table>
<br />
<table cellpadding="0" cellspacing="0" border="0" width="100%" align="center">
<tr valign="bottom">
<td nowrap="nowrap">
<table class="tborder" cellpadding="$stylevar[cellpadding]" cellspacing="$stylevar[cellspacing]" border="0">
<tr>
<td class="thead" colspan="3" nowrap="nowrap">$vbphrase[add_new_event]<a name="goto_newevent"></a></td>
</tr>
<tr>
<td class="alt1" nowrap="nowrap">
<div class="smallfont">
<div>
<img class="inlineimg" src="$stylevar[imgdir_misc]/calendar_icon.gif" alt="$vbphrase[single_all_day_event]" border="0" />
<a href="calendar.php?$session[sessionurl]do=add&type=single&c=$calendarinfo[calendarid]">$vbphrase[single_all_day_event]</a>
</div>
<div>
<img class="inlineimg" src="$stylevar[imgdir_misc]/calendar_icon.gif" alt="$vbphrase[ranged_event]" border="0" />
<a href="calendar.php?$session[sessionurl]do=add&c=$calendarinfo[calendarid]">$vbphrase[ranged_event]</a>
</div>
<div>
<img class="inlineimg" src="$stylevar[imgdir_misc]/calendar_icon.gif" alt="$vbphrase[recurring_event]" border="0" />
<a href="calendar.php?$session[sessionurl]do=add&type=recur&c=$calendarinfo[calendarid]">$vbphrase[recurring_event]</a>
</div>
</div>
</td>
</tr>
</table>
</td>
<td width="100%"> </td>
<td nowrap="nowrap">
$calendarjump
</td>
</tr>
</table>
===============================
Enjoy! ;)