Schriftgröße/Schriftfarbe Monatsübersicht Kalender

Schriftgröße/Schriftfarbe Monatsübersicht Kalender - Druckversion

+- MyBB.de Forum (https://www.mybb.de/forum)
+-- Forum: Anpassungen (https://www.mybb.de/forum/forum-47.html)
+--- Forum: Theme-Diskussionen (https://www.mybb.de/forum/forum-84.html)
+--- Thema: Schriftgröße/Schriftfarbe Monatsübersicht Kalender (/thread-38209.html)

Schriftgröße/Schriftfarbe Monatsübersicht Kalender - a.no-nym - 28.03.2022

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).

RE: Schriftgröße/Schriftfarbe Monatsübersicht Kalender - [ExiTuS] - 28.03.2022

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]

RE: Schriftgröße/Schriftfarbe Monatsübersicht Kalender - a.no-nym - 29.03.2022

Danke ExiTuS! Ich werde versuchen, das umzusetzen und melde mich wieder Smile

RE: Schriftgröße/Schriftfarbe Monatsübersicht Kalender - a.no-nym - 31.03.2022

Ganz herzlichen Dank, es hat alles prima geklappt und die Monatsübersicht sieht so viel einladender aus!

RE: Schriftgröße/Schriftfarbe Monatsübersicht Kalender - HelmutEhrlich - 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}">{$day}</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}">{$day}</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 Blush

RE: Schriftgröße/Schriftfarbe Monatsübersicht Kalender - a.no-nym - 03.04.2022

[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

Code:
»

sondern eine Zeichenkette ("&raquo" bzw. "&laquo" für die Doppelpfeile nach rechts bzw. links). Dort kannst Du z.B. &laquo 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

Code:
»

ersetzt durch

Code:
<img src="/images/icon_pfeil_rechts.png">