christian8a |
11-25-2008 10:00 PM |
Nice Calendar Looking ( Yearly )
1 Attachment(s)
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?...playyear&year=
########## INSTALL ##########
Template edit:
Calendar Templates >> calendar_yearly
This is for 3.8.x vbulletin, so replace all content with:
Code:
<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>
|