CMS Made Simple Forums

Code: Select all

{foreach from=$event.categories key=key item=item}{$key}{/foreach}

Code: Select all

<table>
<caption>Termine:</caption>
<thead>
<tr>
<th colspan="2">Datum</th>
<th>Uhrzeit</th>
<th>Betreff</th>
</tr>
</thead>
<tbody>
{foreach from=$events key=key item=event}
{assign var=month_number value=$event.event_date_start|date_format:"%m"}
<tr class="{foreach from=$event.categories key=key item=item}{$key}{/foreach}">
<td>{$event.event_date_start|date_format:"%d."} {$month_names[$month_number]}</td> 
<td>{$event.event_date_start|date_format:"%a"}</td>
<td>{$event.event_date_start|date_format:"%H:%M"}</td> 
<td>{$event.event_title}</td>
</tr>
{/foreach}
</tbody>
</table>

Code: Select all

{strip}
<table class="calendar" id="cal-calendar">
<caption class="calendar-month"><span class="calendar-prev"><a href="{$navigation.prev}">«</a></span> {$month_names[$month]} {$year} <span class="calendar-next"><a href="{$navigation.next}">»</a></span></caption>
<tbody><tr>
{foreach from=$day_names item=day key=key}
<th abbr="{$day}">{$day_short_names[$key]}</th>
{/foreach}</tr>

<tr>
{* initial empty days *}
{if $first_of_month_weekday_number > 0}
<td colspan="{$first_of_month_weekday_number}"> </td>
{/if}

{* iterate over the days of this month *}
{assign var=weekday value=$first_of_month_weekday_number}
{foreach from=$days item=day key=key}
{if $weekday == 7}
	{assign var=weekday value=0}
</tr>
<tr>
{/if}
<td {if isset($day.class)}class="{$day.class}"{/if}>
{if isset($day.events.0)}<a href="{$day.url}">{$key}</a>
<ul>
{foreach from=$day.events item=event}
<!-- HERE IS WHERE I ADDED THE TAG --> <div class="calendar-event  {foreach from=$event.categories key=key item=item}{$key}{/foreach}">
<li><a href="{$event.url}">{$event.event_title}</a></li>
<!-- CLOSING DIV TAG  FOR ABOVE ADDED ELEMENT--></div>
{/foreach}
</ul>
{else}{$key}{/if}
</td>
{math assign=weekday equation="x + 1" x=$weekday}
{/foreach}

{* remaining empty days *}
{if $weekday != 7}
<td colspan="{math equation="7-x" x=$weekday}"> </td>
{/if}


</tr>
</tbody></table>

{/strip}

Code: Select all

{strip}
	<table class="calendar" id="cal-calendar">
		<caption class="calendar-month">
			<span class="calendar-prev">
				<a href="{$navigation.prev}">
					«
				 </a>
				  
			</span> 
			{$month_names[$month]} {$year} 
			<span class="calendar-next">
				 
				<a href="{$navigation.next}">
					 »
				</a>
			</span>
		</caption>
		<tbody>
			<tr>
				{foreach from=$day_names item=day key=key}
					<th abbr="{$day}">
						{$day_short_names[$key]}
					</th>
				{/foreach}
			</tr>				
			<tr>
				{* initial empty days *}
				{if $first_of_month_weekday_number > 0}
					<td colspan="{$first_of_month_weekday_number}"> </td>
				{/if}
				
				{* iterate over the days of this month *}
				{assign var=weekday value=$first_of_month_weekday_number}
				{foreach from=$days item=day key=key}
					{if $weekday == 7}
						{assign var=weekday value=0}
						</tr>
						<tr>
					{/if}
					<td >
						<div class='cgcalendar_day' id='cgcalendar_day_{$key}'> 
							{if isset($day.class)}
								<div class="{$day.class}">
							{/if}
							{if isset($day.events.0)}					
								{assign var='cgcalendar_multiple_category' value=''}
								{assign var='first_category' value=''}
								{foreach from=$day.events item=event}
									{foreach from=$event.categories item=category}
										<div class="cgcalendar_category_{$category.category_id} cgcalendar_category
											{if $first_category==''}
												{assign var='first_category' value=`$category.category_id`}
											{elseif $first_category!=$category.category_id}
												{assign var='cgcalendar_multiple_category' value=`$category.category_id`}
											{/if}					
										"> 
									{/foreach}
								 {/foreach} 
					
								{if !empty($cgcalendar_multiple_category)}
									<div class='cgcalendar_multiple_category'>
								{/if}
								
								<a href="{$day.url}">{$key}</a>
								
								{if !empty($cgcalendar_multiple_category)}
									</div>
								{/if}
								
								{foreach from=$day.events item=event}
									{foreach from=$event.categories item=category}
										</div>  
									{/foreach} 
								{/foreach} 
								
								<div class='cgcalendar_info'>
									<ul style='float:left;'>
										{foreach from=$day.events item=event}
											<li>
												<a href="{$event.url}">
													{$event.event_title}
												</a>
											</li>
										{/foreach}
									</ul>
								</div>
							</div> 
							{else}
								{$key}
							{/if}
						
							{if isset($day.class)}
								</div>
							{/if}			
						</div> 
					</td>
					{math assign=weekday equation="x + 1" x=$weekday}
				{/foreach}
			
				{* remaining empty days *}
				{if $weekday != 7}
					<td colspan="{math equation="7-x" x=$weekday}"> </td>
				{/if}			
			</tr>
		</tbody>
	</table>

{/strip}

Code: Select all

/* CGCalendar*/

div.cgcalendar_day{
	position: relative;
	text-align:right;
}
.cgcalendar_category, .cgcalendar_day, .cgcalendar_multiple_category {
	width:21px;
	min-width:21px;
	height:21px;
	min-height:21px;
}

div.cgcalendar_day div.cgcalendar_info{
	display:none;
	z-index:2;
	position: absolute;
	bottom:1.3em;
	left:0px;
	background-color:#ffffff;
	border: solid 1px #CEDE95;
}
#cal-calendar div.cgcalendar_info ul{
	padding:0px;
	margin:  1em 2em;
	text-align:left;
}
div.cgcalendar_day:hover div.cgcalendar_info, div.cgcalendar_day div.cgcalendar_info :hover{
	display:block;
}

/*.cgcalendar_multiple_category{
	background-color:#ECEBE6;
}*/


.cgcalendar_category_1, .cgcalendar_category_2, .cgcalendar_category_3, .cgcalendar_category_4{
	background-image:url('images/cgcalendar_category.png');
	background-repeat:no-repeat;
	background-color:transparent;
}
.cgcalendar_category_1{
	background-position:-11px -11px;
}
.cgcalendar_category_2{
	background-position:11px -11px;
} 
.cgcalendar_category_3{
	background-position:-11px 11px;
} 
.cgcalendar_category_4{
	background-position:11px 11px;
}

table#cal-calendar .calendar-today{
	border:1px solid #ff0000;
	z-index:1;
	text-align:center;
}