Log in

View Full Version : Nice Calendar Looking ( Yearly )


christian8a
11-25-2008, 10:00 PM
This is just a small modification/edit to the yearly calendar look.
The standard one will put 4 columns with each month in fixed size, now this version will just put 3 columns on a 100% width so each month is close to each other.

Demo http://www.eibuddy.com/calendar.php?c=1&do=displayyear&year=

########## INSTALL ##########

Template edit:
Calendar Templates >> calendar_yearly

This is for 3.8.x vbulletin, so replace all content with:

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

crkgb
11-26-2008, 10:26 PM
Looks great. could you also make a Monthly view based on the way Weekly view looks. From top to bottom I mean ))

Arcade Fire
11-27-2008, 06:22 AM
Modificated, thanks ;)

arauf
12-05-2008, 12:36 AM
* Reserved

Marcel Adam
03-31-2009, 02:25 AM
Thank u Man

steve1966
03-31-2009, 09:25 AM
thanks

FReeSTER
04-09-2009, 05:15 PM
Thanks !;)

shinng
05-29-2009, 09:47 AM
simple and quick. installed