Einfache Kalender mit PHP erstellen
PHP-Kalender können nützlich sein. Sie können so einfach sein wie das Datum anzeigen oder so komplex wie das Einrichten eines Online-Buchungssystems. Diese beiden PHP-Scripte zeigen wie Sie einfache Kalender erstellen. Wenn Sie wissen, wie das geht, können Sie dieselben Konzepte auf komplexe Kalender anwenden, die Sie möglicherweise benötigen.
Ein interaktiver Kalender, mit Hilfe von Buttons kann man zum nächsten / vorherigen Monat oder Jahr wechseln.
- Juni + | - 2023 + | |||||
---|---|---|---|---|---|---|
Mo | Di | Mi | Do | Fr | Sa | So | 1 | 2 | 3 | 4 |
5 | 6 | 7 | 8 | 9 | 10 | 11 |
12 | 13 | 14 | 15 | 16 | 17 | 18 |
19 | 20 | 21 | 22 | 23 | 24 | 25 |
26 | 27 | 28 | 29 | 30 |
Quelltext: klick-kalender.php Einblenden ❘ Kopieren ❘ Link ❘ Zeilen ❘
Statischer Kalender
Ein statischer Kalender der den aktuellen Monat anzeigt. Der heutige Tag wird grün hervorgehoben.
Mo | Di | Mi | Do | Fr | Sa | So | 1 | 2 | 3 |
---|---|---|---|---|---|---|
4 | 5 | 6 | 7 | 8 | 9 | 10 |
11 | 12 | 13 | 14 | 15 | 16 | 17 |
18 | 19 | 20 | 21 | 22 | 23 | 24 |
25 | 26 | 27 | 28 | 29 | 30 | 31 |
Quelltext: kalender.php Einblenden ❘ Kopieren ❘ Link ❘ Zeilen ❘
CSS-Anweisungen
Hiermit wird das Aussehen der Kalender angepasst.
Quelltext: CSS Anweisungen Ausblenden ❘ Kopieren ❘ Link ❘ Zeilen ❘
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
<style>
table {
font-family: Arial, Tahoma;
font-size: 1em;
border-collapse: Separate;
border-spacing: 1px;
background-color: Lightgrey;
outline: Solid 1px Lightgrey;
cursor: default;
}
table th:nth-child(even),
table td:nth-child(even) {
background-color: rgba(245, 245, 245, 0.90);
padding: 5px;
text-align: center;
}
table th:nth-child(odd),
table td:nth-child(odd) {
background-color: rgba(255, 255, 255, 0.90);
padding: 5px;
text-align: center;
}
table tr,
table td {
transition: all 0.3s;
}
table tr:hover {
background-color: rgb(128, 128, 128);
}
table td:hover {
color: rgb(255, 255, 255);
background-color: rgb(169, 169, 169);
}
mark {
display: block;
background-color: Greenyellow;
padding: 2px;
border-radius: 50%;
}
a.kal:link, a.kal:visited {
display: inline-block;
width: 20px;
background: Grey;
text-decoration: None;
color: rgb(255, 255, 255);
transition: background 0.3s;
}
a.kal:hover {
background: Black;
}
</style>
Tipps
- Responsives Design
- Ob ein großer Monitor, ein Tablet oder Smartphone verwendet wird, das Design der Seite sollte sich automatisch der Größe des Gerätes anpassen.
- Umstellung von der PHP-Funktion mysql() zu mysqli()
- Zur Zeit stellen viele Provider auf PHP 7 um, mit dieser neuen PHP-Version werden viele "alte" Scripte nicht mehr laufen die auf eine Datenbank zugegriffen haben.
- Favicon erstellen - Ihr Logo in den Lesezeichen (Favoriten)
- Das Favoriten Icon wird bei einem Bookmark in die Favoritenliste aufgenommen. Dort erscheint zukünftig die „gebookmarkte” Webseite mit einem eigenen Symbol.
- PHP mit Sicherheit
- Sicheres Programmieren – Traue niemals den Eingaben des Benutzers! Speichern Sie fremde Benutzereingaben nie ohne eine Überprüfung in einer Datenbank oder in einer Datei ab.
Abonniere meinen RSS-Feed um über aktuelle Seiten benachrichtigt zu werden.
Diese Schlagwörter könnten Sie interessieren:
Blend-Mode CSS-Counter Berechnungen Eselsohren Veranstaltungsliste Event-Kalender Formular befüllen Sicherheit Zugriffsrechte Linkliste Sortierkasten Dateibrowser Affenformular Backdrop-Filter Wasserzeichen AJAX Sortierung ToDo-Liste Animation Blätterfunktion CSRF-Token Zeichenkodierung Zoom Funktion localStorage Datenschutz-Hinweis
Blend-Mode CSS-Counter Berechnungen Eselsohren Veranstaltungsliste Event-Kalender Formular befüllen Sicherheit Zugriffsrechte Linkliste Sortierkasten Dateibrowser Affenformular Backdrop-Filter Wasserzeichen AJAX Sortierung ToDo-Liste Animation Blätterfunktion CSRF-Token Zeichenkodierung Zoom Funktion localStorage Datenschutz-Hinweis