ich versuche verzweifelt, in der Listenansicht desBeispieltemplates des Kalendermoduls zwischen die Termine für einen einzelnen Tag horizontale Linien einzufügen.
Ich kriege zwar eine horizontale Linie (über das Stylesheet) ganz unten auf die Seite hin, nicht aber zwischen die einzelnen Termine für einen Tag.
Was ich schon versucht habe: Benutzerdefinierten Tag mit echo''; ins Template einfügen (aber es wird immer nur auf der Seite ausgeschrieben) sowie border-bottom: 1px solid #ccc; an allen möglichen Stellen im Stylesheet einfügen. Klappt aber alles nicht
Das Listentemplate sieht so aus:
Code: Select all
{* Template für Liste für einen bestimmten Termin *}
<div class="calendar-list" id="{$table_id}">
{if $compact_view neq 1}
<br> {* Macht eine Leerzeile vor dem Tagesdatum*}
{* Format für die Tagesdatumsanzeige, <b> bedeutet fett *}
<b>{if $day > 0}{$day}. {/if}{$month_names[$month]} {$year}</b>
<br>
<br> {* Macht eine Leerzeile zwischen Tagesdatum und Titel *}
{/if}
{foreach from=$events key=key item=event}
<div class="calendar-event">
<h3>{$event.event_title}</h3> {* Titeltext bei Tagesterminen *}
{* Angabe von Start- und Enddatum jeweils mit Uhrzeit *}
{assign var=month_number value=$event.event_date_start|date_format:"%m"}
{assign var=end_month_number value=$event.event_date_end|date_format:"%m"}
{* Einstellungen für Termine mit Start- und Enduhrzeit *}
{*Falls Start- und Enddatum komplett gleich sind, wird nur das Startdatum mit Uhrzeit angezeigt *}
{if $event.event_date_start == $event.event_date_end || $event.event_date_end == ""}
<div class="calendar-date-from"><span class="calendar-date-title">{$lang.date}: </span>{$event.event_date_start|date_format:"%e"}. {$month_names[$month_number]}
{$event.event_date_start|date_format:"%Y um %H:%M Uhr"}</div>
{* Falls Start- und Enddatum gleich sind, aber sich die Uhrzeit unterscheidet *}
{else}
{if $event.event_date_start|date_format:"%d%m%Y%" == $event.event_date_end|date_format:"%d%m%Y"}
<div class="calendar-date-from"><span class="calendar-date-title">{$lang.date}:
</span>{$event.event_date_start|date_format:"%e"}. {$month_names[$month_number]} {$event.event_date_start|date_format:"%Y (%H:%M Uhr"} {$lang.to} {$event.event_date_end|date_format:"%H:%M Uhr)"}</div>
{* Falls Start- und Enddatum unterschiedlich sind *}
{else}
<div class="calendar-date-from"><span class="calendar-date-title">{$lang.date}:
</span>{$event.event_date_start|date_format:"%e"}. {$month_names[$month_number]} {$event.event_date_start|date_format:"%Y (%H:%M Uhr)"} {$lang.to} {$event.event_date_end|date_format:"%d."} {$month_names[$end_month_number]} {$event.event_date_end|date_format:"%Y (%H:%M Uhr)"}</div>
{/if}
{/if}
<br> {* Leerzeile vor dem Text *}
{if $event.event_summary !="" && ($detail != 1 || ($event.event_details =="" || $event.event_details == "<br />"))}
<div class="calendar-summary"><span class="calendar-summary-title">{$lang.summary}: </span>{$event.event_summary}</div>
{/if}
{if $detail == 1}
{if $event.event_details !="" && $event.event_details != "<br />"}
<div class="calendar-details"><span class="calendar-details-title">{$lang.details}: </span>{$event.event_details}</div>
{/if}
{else}
<a href="{$event.url}">{$moretext}</a>
{/if}
</div>
{/foreach}
{if $return_url != ""}
<div class="calendar-returnlink">{$return_url}</div>
{/if}
</div>
Code: Select all
/* make all links red */
.calendar tr td a
{
color: red;
background-color: white;
}
/* highlight "today" for the small calendar */
.calendar-today
{
font-weight: bold;
}
/* display the "upcominglist" as one line per entry (assuming table_id='cal-upcominglist') */
#cal-upcominglist .calendar-date-title
,#cal-upcominglist .calendar-summary-title
{
display: none;
}
#cal-upcominglist h1
,#cal-upcominglist .calendar-date
,#cal-upcominglist .calendar-summary
{
display: inline;
margin-right: 5px;
font-size: 100%;
}
/* tidy up text sizes for lists */
#cal-list h1, #cal-upcominglist h1
{
color: red;
}
#cal-list h2, cal-upcominglist h2
{
font-size: 110%;
}
/** large calendar rules (assuming table_id='big') **/
/* border on for #big */
#big{
margin: 0px;
border-collapse: collapse;
border: 0px solid black; /* Rand um Text bei Listenansicht */
}
/* nice squares for the #big table */
#big th
{
border: 1px solid black; /* Rand um die Tagesangaben oben */
color: black;
font-weight: bold;
padding: 3px;
width: 75px;
background-color: #FFFF33;
}
#big td {
border: 1px solid black; /* Rand um die einzelnen Tagesfelder */
vertical-align: top;
padding: 1px; /* Abstand des Textes zum Rand der einzelnen Zellen */
height: 60px; /* Höhe und Breite der einzelnen Zeilen und Spalten */
width: 110px;
}
/* format summaries nicely in #big */
#big ul
{
margin: 0px;
padding: 0px;
padding-left: 0px;
}
#big li
{
list-style-type: none;
padding: 0px;
margin: 0px;
}
/* background colours for #big */
#big td
{
background-color: white; /* Hintergrundfarbe der einzelnen Tage */
}
#big .calendar-day
{
background-color: red; /* keine Ahnung */
}
#big .calendar-today
{
font-weight: normal;
background-color: #FFFF33; /* Farbe des aktuellen Tagesfeldes */
}
.calendar-event .calendar-date-title,
.calendar-event .calendar-summary-title,
.calendar-event .calendar-details-title
{
display: none;
}