Startseite
Features
Changelog
Download
Kalender
Forum
Dokumentation
F.A.Q.
Newsletter
1&1-Shop
Kontakt
Impressum
Datenschutz

Social Bookmarks:
Teilen bei Facebook Bookmarken bei Google Twittern Teilen bei Delicious
(Icons by UIconStock)
Folge Event-List:
Facebook RSS-Feed

Logo
Werbung  

Addons

Die im Download-Bereich zu findenden Addons lassen sich an mehreren Stellen an das Design der eigenen Homepage anpassen. Auch lassen sich in der Termin-Auflistung die aufgelisteten Termin recht einfach anpassen.

Sofern die Addons per iFrame eingebunden werden, wird standardmäßig die css.php von Event-List verwendet, d.h. die Formatierungen in Event-List greifen auch in den Addons.

Bei Einbindung per PHP include() muß der CSS-Code der einbindenen Seite um die u.g. CSS-Formatierungen erweitert werden. In den CSS-Formatierungen stehen teilweise Platzhalten in geschweiften Klammern, diese Platzhalter müssen durch die jeweiligen Farbcodes aus dem Styleset im ACP von Event-List ersetzt werden.

Kleines Kalendarium

Damit im Addon calendar.inc.php die Tage auch passend farbig anzeigt werden, ist folgender CSS-Code notwendig:

 /* Beispiel-Stylesheet fuer die Formatierung des Kalendariums */
 /* Der Inhalt dieser Datei sollte nach Anpassung an das eigene Design */
 /* in die eigene CSS-Datei oder das Styleset im ACP uebernommen werden */
 /* Dies sind nur Beispiele, Fragen bitte im Forum stellen http://www.event-list.de/forum */
 /* Folgende Formatierungen bestimmen das Aussehen des kleinen Kalendariums; */
 table.smallcal { border-color:#00ff00; border-style:solid; border-width:2px; }
 /* formatiert die Tabelle des Kalendariums, hier ein gruener Rahmen aussen */
 /* hier fuer Wochennummer: */
 td.smallcalweek { border-style:none; color:{textcolor}; font-weight:bold; }
 a.smallcalweek { color:{textcolor}; font-weight:bold; }
 /* hier fuer Wochentage: */
 td.smallcal { border-style:none; color:{textcolor}; }
 a.smallcal { color:{textcolor}; }
 /* Standardformatierung fuer die einzelnen Zellen des Kalendarium, hier ohne Rahmen */
 td.smallcalapp { border-style:none; background-color:#44ff44; color:{textcolor}; }
 a.smallcalapp { color:{textcolor};}
 /* Formatierung fuer Tage mit Terminen, hier gegenueber Standardformat gruener Hintergrund */
 td.smallcaltoday { border-style:solid; border-color:#FF0000; color:{textcolor}; }
 a.smallcaltoday { color:{textcolor};}
 /* Formatierung fuer den heutigen Tag, hier roter Rahmen um das Datum */
 td.smallcalapptoday { border-style:solid; background-color:#44ff44; border-color:#ff0000; color:{textcolor}; }
 a.smallcalapptoday { color:{textcolor};}
 /* Formatierung fuer den heutigen Tag mit Termin, hier gruener Hintergrund und roter Rahmen */
 
 /* hier fuer Sonn- und Feiertage: */
 td.sundaysmallcal { border-style:none; color:{sundaycolor}; }
 a.sundaysmallcal { color:{sundaycolor}; }
 /* Standardformatierung fuer die einzelnen Zellen des Kalendarium, hier ohne Rahmen */
 td.sundaysmallcalapp { border-style:none; background-color:#44ff44; color:{sundaycolor}; }
 a.sundaysmallcalapp { color:{sundaycolor};}
 /* Formatierung fuer Tage mit Terminen, hier gegenueber Standardformat gruener Hintergrund */
 td.sundaysmallcaltoday { border-style:solid; border-color:#FF0000; color:{sundaycolor}; }
 a.sundaysmallcaltoday { color:{sundaycolor};}
 /* Formatierung fuer den heutigen Tag, hier roter Rahmen um das Datum */
 td.sundaysmallcalapptoday { border-style:solid; background-color:#44ff44; border-color:#ff0000; color:{sundaycolor}; }
 a.sundaysmallcalapptoday { color:{sundaycolor};}
 
 /* Formatierung fuer den heutigen Tag mit Termin, hier gruener Hintergrund und roter Rahmen */
 /* das gleich fuer Wochentage in den Ferien: */
 td.vacsmallcal { border-style:none; color:{vacationcolor}; }
 a.vacsmallcal { color:{vacationcolor}; }
 /* Standardformatierung fuer die einzelnen Zellen des Kalendarium, hier ohne Rahmen */
 td.vacsmallcalapp { border-style:none; background-color:#44ff44; color:{vacationcolor}; }
 a.vacsmallcalapp { color:{vacationcolor};}
 /* Formatierung fuer Tage mit Terminen, hier gegenueber Standardformat gruener Hintergrund */
 td.vacsmallcaltoday { border-style:solid; border-color:#FF0000; color:{vacationcolor}; }
 a.vacsmallcaltoday { color:{vacationcolor};}
 /* Formatierung fuer den heutigen Tag, hier roter Rahmen um das Datum */
 td.vacsmallcalapptoday { border-style:solid; background-color:#44ff44; border-color:#ff0000; color:{vacationcolor}; }
 a.vacsmallcalapptoday { color:{vacationcolor};}
 /* Formatierung fuer den heutigen Tag mit Termin, hier gruener Hintergrund und roter Rahmen */
 
 /* hier fuer Sonn- und Feiertage in den Ferien: */
 td.vacsundaysmallcal { border-style:none; color:{sundaycolor}; }
 a.vacsundaysmallcal { color:{sundaycolor}; }
 /* Standardformatierung fuer die einzelnen Zellen des Kalendarium, hier ohne Rahmen */
 td.vacsundaysmallcalapp { border-style:none; background-color:#44ff44; color:{sundaycolor}; }
 a.vacsundaysmallcalapp { color:{sundaycolor};}
 /* Formatierung fuer Tage mit Terminen, hier gegenueber Standardformat gruener Hintergrund */
 td.vacsundaysmallcaltoday { border-style:solid; border-color:#FF0000; color:{sundaycolor}; }
 a.vacsundaysmallcaltoday { color:{sundaycolor};}
 /* Formatierung fuer den heutigen Tag, hier roter Rahmen um das Datum */
 td.vacsundaysmallcalapptoday { border-style:solid; background-color:#44ff44; border-color:#ff0000; color:{sundaycolor}; }
 a.vacsundaysmallcalapptoday { color:{sundaycolor};}
 /* Formatierung fuer den heutigen Tag mit Termin, hier gruener Hintergrund und roter Rahmen */
 
 /* Hier nun das gleiche für Monats- und Listenansicht sowie Suche: */
 /* hier fuer Wochentage: */
 td.cal { border-style:none; color:{textcolor}; }
 a.cal { color:{textcolor}; }
 /* Standardformatierung fuer die einzelnen Zellen des Kalendarium, hier ohne Rahmen */
 td.calapp { border-style:none; background-color:#44ff44; color:{textcolor}; }
 a.calapp { color:{textcolor}; }
 /* Formatierung fuer Tage mit Terminen, hier gegenueber Standardformat gruener Hintergrund */
 td.caltoday { border-style:solid; border-color:#FF0000; color:{textcolor}; }
 a.caltoday { color:{textcolor}; }
 /* Formatierung fuer den heutigen Tag, hier roter Rahmen um das Datum */
 td.calapptoday { border-style:solid; background-color:#44ff44; border-color:#ff0000; color:{textcolor}; }
 a.calapptoday { color:{textcolor}; }
 
 /* Formatierung fuer den heutigen Tag mit Termin, hier gruener Hintergrund und roter Rahmen */
 /* hier fuer Sonn- und Feiertage: */
 td.sundaycal { border-style:none; color:{sundaycolor}; }
 a.sundaycal { color:{sundaycolor}; }
 /* Standardformatierung fuer die einzelnen Zellen des Kalendarium, hier ohne Rahmen */
 td.sundaycalapp { border-style:none; background-color:#44ff44; color:{sundaycolor}; }
 a.sundaycalapp { color:{sundaycolor}; }
 /* Formatierung fuer Tage mit Terminen, hier gegenueber Standardformat gruener Hintergrund */
 td.sundaycaltoday { border-style:solid; border-color:#FF0000; color:{sundaycolor}; }
 a.sundaycaltoday { color:{sundaycolor}; }
 /* Formatierung fuer den heutigen Tag, hier roter Rahmen um das Datum */
 td.sundaycalapptoday { border-style:solid; background-color:#44ff44; border-color:#ff0000; color:{sundaycolor}; }
 a.sundaycalapptoday { color:{sundaycolor}; }
 
 /* Formatierung fuer den heutigen Tag mit Termin, hier gruener Hintergrund und roter Rahmen */
 /* hier fuer Wochentage in den Ferien: */
 td.vaccal { border-style:none; color:{vacationcolor}; }
 a.vaccal { color:{vacationcolor}; }
 /* Standardformatierung fuer die einzelnen Zellen des Kalendarium, hier ohne Rahmen */
 td.vaccalapp { border-style:none; background-color:#44ff44; color:{vacationcolor}; }
 a.vaccalapp { color:{vacationcolor}; }
 /* Formatierung fuer Tage mit Terminen, hier gegenueber Standardformat gruener Hintergrund */
 td.vaccaltoday { border-style:solid; border-color:#FF0000; color:{vacationcolor}; }
 a.vaccaltoday { color:{vacationcolor}; }
 /* Formatierung fuer den heutigen Tag, hier roter Rahmen um das Datum */
 td.vaccalapptoday { border-style:solid; background-color:#44ff44; border-color:#ff0000; color:{vacationcolor}; }
 a.vaccalapptoday { color:{vacationcolor}; }
 
 /* Formatierung fuer den heutigen Tag mit Termin, hier gruener Hintergrund und roter Rahmen */
 /* hier fuer Sonn- und Feiertage in den Ferien: */
 td.vacsundaycal { border-style:none; color:{sundaycolor}; }
 a.vacsundaycal { color:{sundaycolor}; }
 /* Standardformatierung fuer die einzelnen Zellen des Kalendarium, hier ohne Rahmen */
 td.vacsundaycalapp { border-style:none; background-color:#44ff44; color:{sundaycolor}; }
 a.vacsundaycalapp { color:{sundaycolor}; }
 /* Formatierung fuer Tage mit Terminen, hier gegenueber Standardformat gruener Hintergrund */
 td.vacsundaycaltoday { border-style:solid; border-color:#FF0000; color:{sundaycolor}; }
 a.vacsundaycaltoday { color:{sundaycolor}; }
 /* Formatierung fuer den heutigen Tag, hier roter Rahmen um das Datum */
 td.vacsundaycalapptoday { border-style:solid; background-color:#44ff44; border-color:#ff0000; color:{sundaycolor}; }
 a.vacsundaycalapptoday { color:{sundaycolor}; }
 /* Formatierung fuer den heutigen Tag mit Termin, hier gruener Hintergrund und roter Rahmen */

Für die einzelnen Farben sind Platzhalter wie beispielweise {sundaycolor} oder {vacationcolor} verwendet worden, die durch die korrekte Farbe zu ersetzen sind. Alle Platzhalten sind in geweiften Klammern!

Termin-Auflistung

Formatierung

Die homepage.inc.php verwendet nur vier CSS-Klassen:

/* Grundformatierung fuer die komplette Tabelle */
.table { border: solid 1px {tblbordercolor}; border-collapse:collapse; }
/* Zellenformatierung fuer den Tabllenkopf */
.tablehead { border: solid 1px {tblbordercolor}; border-collapse:collapse; background-color: {tblheadbgcolor}; color:{tblheadtextcolor};}
/* wechselweise Formatierung der Zellen einer Zeile pro Termin */
.tablelinea { border: solid 1px {tblbordercolor}; border-collapse:collapse; background-color: {tblabgcolor}; color:{tblatextcolor};}
.tablelineb { border: solid 1px {tblbordercolor}; border-collapse:collapse; background-color: {tblbbgcolor}; color:{tblbtextcolor};}

Auch hier stehen wieder die Platzhalten in geschweiften Klammern.

Weitere Möglichkeiten der Terminauswahl

Im oberen Teil der homepage.inc.php sind schon einige Beispiele genannt, wie man sich bestimmte Termine mit dem Addon anzeigen lassen kann. Diese Auflistung läßt durch Anpassung der SQL-Abfrage recht einfach anpassen. Die ersten drei Beispiele sind bereits in der homepage.inc.php vorhanden. Das erste ist standardmäßig aktiv, die anderen beiden sind mit zwei Schrägstrichen auskommentiert und daher nicht aktiv. Bei mehreren aktiven Zeilen gewinnt die letzte.

Beispiel 1: Alle Termine des aktuellen Tages (bei mehrtägigen Terminen auf die, die noch andauern):

$el_sqlquery = "SELECT * FROM koc".$el_n."_appointments WHERE activated=1 AND groupid=0 AND startdate<='".date("Y-m-d")."' AND enddate >='".date("Y-m-d")."' AND canceled<>1 ORDER BY startdate,starttime,enddate,endtime,title";

Beispiel 2: Alle Termine die heute starten (im Gegensatz zum 1. Beispiel werden mehrtägige Termine nur am ersten Tag angezeigt):

$el_sqlquery = "SELECT * FROM koc".$el_n."_appointments WHERE activated=1 AND groupid=0 AND startdate='".date("Y-m-d")."' AND canceled<>1 ORDER BY starttime,enddate,endtime,title";

Beispiel 3: Die nächsten fünf Termine, die heute oder in der Zukunft starten (die Anzahl läßt sich verändern, in dem man die 5 hinter LIMIT entsprechend anpasst):

$el_sqlquery = "SELECT * FROM koc".$el_n."_appointments WHERE activated=1 AND groupid=0 AND startdate>='".date("Y-m-d")."' AND canceled<>1 ORDER BY startdate,starttime,enddate,endtime,title LIMIT 0,5";

Beispiel 4: Die nächsten fünf Termine wie in Beispiel 3, aber nur für eine bestimmte Kategorie. Dazu wird die Kategorie-ID benötigt, die sich z.B. über die Kategorie-Links auf der linken Seite herausfinden läßt, es ist die Zahl hinter categoryonly= - also für die Kategorie "Test" hier im Demo-Kalender mit dem Link http://kalender.event-list.de/list.php?categoryonly=1 wäre es die 1 (die im folgenden Beispiel auch verwendet wird). Termine ohne Kategorie bekommt man übrigens über die Null.
Sofern nur die Hauptkategorie ausgewertet werden soll, ist die Abfrage noch recht einfach:

$el_sqlquery = "SELECT * FROM koc".$el_n."_appointments WHERE category=1 AND activated=1 AND groupid=0 AND startdate>='".date("Y-m-d")."' AND canceled<>1 ORDER BY startdate,starttime,enddate,endtime,title LIMIT 0,5";

Will man auch die Termine, bei denen die Kategorie nur unter "weitere Kategorien" ausgwählt wurde, wird es schon aufwendiger, da diese in einer andere Datenbank-Tabelle stehen:

$el_sqlquery = "SELECT * FROM koc".$el_n."_appointments a LEFT JOIN koc".$el_n."_seccategory sc ON (a.appointmentid=sc.appointmentid) WHERE (a.category=1 OR sc.categoryid=1) AND a.activated=1 AND a.groupid=0 AND a.startdate>='".date("Y-m-d")."' AND a.canceled<>1 ORDER BY a.startdate,a.starttime,a.enddate,a.endtime,a.title LIMIT 0,5";

Beispiel 5: Die letzten fünf vergangenen Termine, die gestern oder früher gestartet sind. In diesem Beispiel erfolgt die Sortierung anhand des Terminanfangs, da ein Termin ja nicht zwingend eine Enduhrzeit haben muß, was die Sortierung durcheinander bringt):

$el_sqlquery = "SELECT * FROM koc".$el_n."_appointments WHERE activated=1 AND groupid=0 AND startdate<'".date("Y-m-d")."' AND canceled<>1 ORDER BY startdate DESC,starttime DESC,enddate DESC,endtime DESC,title ASC LIMIT 0,5";