Hallo, Gast! (Registrieren)

Wir wünschen allen Besuchern frohe Ostern!

Letzte Ankündigung: MyBB 1.8.37 veröffentlicht (04.11.23)


Benutzer, die gerade dieses Thema anschauen: 1 Gast/Gäste
Schriftgröße/Schriftfarbe Monatsübersicht Kalender
#1
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).
Zitieren
#2
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]
MyBB + innovative Themes:
NokiaPort.de Forum Nokia-Traditionsforum seit 2006.
Live Escape Game Forum Diskussionsplattform für Escape-Rooms.
Unlösbares Problem, Dilemma? -> das Nötel Smile
Zitieren
#3
Danke ExiTuS! Ich werde versuchen, das umzusetzen und melde mich wieder Smile
Zitieren
#4
Ganz herzlichen Dank, es hat alles prima geklappt und die Monatsübersicht sieht so viel einladender aus!
Zitieren
#5
(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  Blush Blush
Zitieren
#6
[HelmutEhrlich] schrieb:Super hat super funktioniert, aber wo genau finde ich

Code:
<a href="{$week_link}">»</a>

sorry bin ein Anfänger  Blush

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. <b>&laquo</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
Code:
»
ersetzt durch
Code:
<img src="/images/icon_pfeil_rechts.png">
Zitieren


Möglicherweise verwandte Themen…
Thema Verfasser Antworten Ansichten Letzter Beitrag
  Schriftfarbe Kalender Newmade 2 1.664 17.03.2006, 08:52
Letzter Beitrag: Newmade