Event Kalender

PHP, CSS und JavaScript lernen. Anwendungen für Webseiten
Eisbär
Mitglied (Level 6)
Mitglied (Level 6)
Beiträge: 57
Registriert: Fr 12. Aug 2022, 09:44

Event Kalender

Ungelesener Beitrag von Eisbär »

Guten Morgen,
ich hatte mir mal den Kalender von Werner Zenk angeschaut. Der gefällt mir sehr gut und ich hatte überlegt, ob ich den in unsere Vereinsseite einbinde.
Dazu eine Frage: Ist es bei dem Kalender möglich, de Hintergrund anzupassen und oben im Kalender eine eigene Überschrift und logo zu wählen?
Besten Dank
Benutzeravatar
Tommy Herrmann
Site Admin
Site Admin
Beiträge: 5865
Registriert: So 6. Dez 2020, 07:37
Wohnort: Berlin
Kontaktdaten:

Re: Event Kalender

Ungelesener Beitrag von Tommy Herrmann »

Moin,

Du ja - alles ist möglich. Ich habe diesen Kalender ja auch eingebaut:

https://www.mobirise-tutorials.com/Even ... er-SQLite/

Oben ist ja ein eigenes Bild, das man ersetzen, ein- oder ausschalten kann. Natürlich könnte man dort auch Text einbringen, was aber als Bild nie gut ist, da dieser dann am kleinen Display (Handy) unlesbar wird.

Als Überschrift kannst Du doch alles was Du willst direkt in diesen Mobirise-Block schreiben, den Du für den Einbau verwendet - so wie ich zum Beispiel dort "Kalender" stehen habe. Das ist ja die Überschrift vom Mobirise-Block, die man größer/kleiner machen könnte oder auch anders positionieren, z.B. zentriert anzeigen.

Diese Überschrift könnte natürlich auch, anstelle meines Bildes, zentriert direkt über dem Kalender stehen.

Meinst Du jetzt mit "Hintergrund" die Farbe der einzelnen Tabellen-Zellen? Ja - klar, das steht in der extra für den Kalender erstellten CSS-Datei "style.css":

https://www.mobirise-tutorials.com/Even ... /style.css

Werner hat hier mal mit CSS-Variablen gearbeitet - die werden ganz oben einmal gegründet:

Code: Alles auswählen

:root {
  --bgcolor-even: rgba(250, 250, 250, 0.97);
  --bgcolor-odd: rgba(240, 240, 240, 0.97);
}

... und können dann überall erneut verwendet werden. Hier die Farben der geraden (even) und ungeraden (odd) Felder:

Code: Alles auswählen

/* Tabelle (nth-child even/odd) */
table#tabelle th:nth-child(even),
table#tabelle td:nth-child(even) {
  background-color: var(--bgcolor-even);
}

table#tabelle th:nth-child(odd),
table#tabelle td:nth-child(odd) {
  background-color: var(--bgcolor-odd);
}
Wenn Du Fragen zu den CSS-Einstellungen hast, dann stelle diese.

Dort kannst Du alles anpassen - ich habe dort auch sehr viel anders eingestellt, überall wo "EDIT Tommy" steht.
Eisbär
Mitglied (Level 6)
Mitglied (Level 6)
Beiträge: 57
Registriert: Fr 12. Aug 2022, 09:44

Re: Event Kalender

Ungelesener Beitrag von Eisbär »

Okay - besten Dank, Tommy.
Ich denke ich komme mit deinen Hinweisen klar und werde es so ausprobieren.

Viele Grüße
Eisbär
Benutzeravatar
Tommy Herrmann
Site Admin
Site Admin
Beiträge: 5865
Registriert: So 6. Dez 2020, 07:37
Wohnort: Berlin
Kontaktdaten:

Re: Event Kalender

Ungelesener Beitrag von Tommy Herrmann »

... wenn Du Fragen hast, dann frage.

Ich habe da wochenlang mit viel Spaß bei der Entwicklung vom Werner mitgemacht - nur die allerneueste Version nicht mehr - hatte da keine Zeit alles nochmals neu zu machen, da sich die Datenbank geändert hatte.

Ich denke also, ich könnte Dir sicher helfen und in jedem Fall ja natürlich unser Werner.
Antworten

Wer ist online?

Mitglieder in diesem Forum: Ahrefs [Bot] und 100 Gäste