Beiträge: 73
Themen: 14
Registriert seit: 16.03.2016
28.03.2022, 20:14
(Dieser Beitrag wurde zuletzt bearbeitet: 28.03.2022, 20:19 von a.no-nym.)
In der Monatsübersicht wird der aktuelle Kalendertag im Fettdruck angezeigt, alle anderen Tage in normaler Schrift. Da ich das Datum an allen Tagen, die zum angezeigten Monat gehören, gern in Fettschrift hätte, habe ich versucht, das über Änderungen in der global.css zu erreichen. Leider hat jede Änderung dort auch Folgen für die Anzeige der Foren/Unterforen. Und die Schrift im Kalender ändert sich nicht nur fürs Datum in der Übersicht, sondern auch für die eingetragenen Termine – und auch die Schriftart, wenn man den einzelnen Termin aufruft, ist dann überall groß und fett.
Lange Vorrede, kurze Frage:
Kann ich durch Einträge in den Kalender-Templates erreichen, dass die Kalendertage fett (und möglichst auch in anderer Farbe) angezeigt werden? Oder ist gesonderte CSS für den Kalender möglich/sinnvoll/erforderlich?
Ähnliche Baustelle: Am linken Rand der Monatsübersicht sind Guillemets, mit denen man in die Wochenübersicht gelangt. Diese kleinen Doppelpfeile würde ich ebenfalls gern farbig und fett anzeigen lassen oder noch lieber durch andere Symbole (z.B. Pfeile) ersetzen, damit sich besser erschließt, dass man da draufklicken kann (und sollte).
Beiträge: 837
Themen: 8
Registriert seit: 08.02.2016
MyBB-Version: 1.8.38
Für Fettschrift bei Kalendertagen (in der Wochenansicht), ändere das Template: calendar_weekrow_day
Code:
<a href="{$day_link}"><b>{$day}</b></a>
Du kannst die Tageszahl auch individuell gestalten, indem du eine eigene CSS-Klasse erstellst und diese in der global.css formatierst:
Code:
<a href="{$day_link}"><span class="calender_day">{$day}</span></a>
Code:
.calender_day {
font-weight: bold;
font-size: 1.5em;
color: #CC0000;
Diese Wochenpfeile befinden sich im Template: calendar_weekrow
Code:
<a href="{$week_link}">»</a>
Auch hier könntest du die Pfeile oder das Aussehen, wie oben beschrieben, nach deinen Wünschen ändern oder einfach eine Pfeil-Bilddatei einfügen (oder ein anderes UTF8-Schriftzechen oder SVG)
Außerdem
hier eine weitere Inspiration für die Modifizierung des Standard-Kalenders.
[ExiTuS]
Beiträge: 73
Themen: 14
Registriert seit: 16.03.2016
Danke ExiTuS! Ich werde versuchen, das umzusetzen und melde mich wieder
Beiträge: 73
Themen: 14
Registriert seit: 16.03.2016
Ganz herzlichen Dank, es hat alles prima geklappt und die Monatsübersicht sieht so viel einladender aus!
Beiträge: 1
Themen: 0
Registriert seit: 03.04.2022
(28.03.2022, 23:55)[ExiTuS] schrieb: Für Fettschrift bei Kalendertagen (in der Wochenansicht), ändere das Template: calendar_weekrow_day
Code:
<a href="{$day_link}"><b>{$day}</b></a>
Du kannst die Tageszahl auch individuell gestalten, indem du eine eigene CSS-Klasse erstellst und diese in der global.css formatierst:
Code:
<a href="{$day_link}"><span class="calender_day">{$day}</span></a>
Code:
.calender_day {
font-weight: bold;
font-size: 1.5em;
color: #CC0000;
Diese Wochenpfeile befinden sich im Template: calendar_weekrow
Code:
<a href="{$week_link}">»</a>
Auch hier könntest du die Pfeile oder das Aussehen, wie oben beschrieben, nach deinen Wünschen ändern oder einfach eine Pfeil-Bilddatei einfügen (oder ein anderes UTF8-Schriftzechen oder SVG)
Außerdem hier eine weitere Inspiration für die Modifizierung des Standard-Kalenders.
[ExiTuS]
Super hat super funktioniert, aber wo genau finde ich
Code:
<a href="{$week_link}">»</a>
sorry bin ein Anfänger
Beiträge: 73
Themen: 14
Registriert seit: 16.03.2016
03.04.2022, 14:23
(Dieser Beitrag wurde zuletzt bearbeitet: 03.04.2022, 14:33 von a.no-nym.)
[HelmutEhrlich] schrieb:Super hat super funktioniert, aber wo genau finde ich
Code:
<a href="{$week_link}">»</a>
sorry bin ein Anfänger
Hallo Helmut,
schau mal bei den Templates unter Calendar nach dem Template "calendar_weekrow" – dort findest Du den entsprechenden Code. Nur stehen dort nicht die Doppelpfeile
sondern eine Zeichenkette ("»" bzw. "«" für die Doppelpfeile nach rechts bzw. links). Dort kannst Du z.B. <b>«</b> draus machen, dann erscheinen die Doppelpfeile im Fettdruck. Oder Du ersetzt sie, indem Du einen Pfad zu einer Bilddatei angibst. Ich hab z.B. das
ersetzt durch
Code:
<img src="/images/icon_pfeil_rechts.png">