PDA

View Full Version : Calendar Enhancements - Yearly Calendar expanded


christian8a
14 Jul 2008, 08:11
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&amp;type=single&amp;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&amp;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&amp;type=recur&amp;c=$calendarinfo[calendarid]">$vbphrase[recurring_event]</a>
</div>
</div>
</td>
</tr>
</table>

</td>
<td width="100%">&nbsp;</td>
<td nowrap="nowrap">

$calendarjump

</td>
</tr>
</table>

===============================
Enjoy! ;)

dvbusuario
14 Jul 2008, 08:31
Great!

Install!!

BigDog56
14 Jul 2008, 15:28
Nice idea, love it! Thank you and clicks 'Installed'

htscpl
14 Jul 2008, 20:25
Good idea. Need to check to see if it works with other mods before I install. Still nice work.

christian8a
05 Nov 2008, 19:57
works with any version from 3.7 to 3.8, tested

Front Range 4x4
21 Apr 2009, 22:48
Very nice, how do I change the highlight from the default red to another color?

Front Range 4x4
07 Oct 2009, 22:01
Answer Here -> http://www.vbulletin.org/forum/showthread.php?t=211605

ricardoNJ
12 Oct 2009, 17:31
Thanks!