"Pixabay" wird ja von Mobirise für die kostenlosen Bilder verwendet. Wusste noch gar nicht, dass die auch kostenlose und gemafreie Musik zur Verfügung stellen:
Wusste noch gar nicht, dass die auch kostenlose und gemafreie Musik zur Verfügung stellen
Super, das kann man sicher mal wo gebrauchen
Externe Skripte werden natürlich innerhalb vom Mobirise-Arbeitsbereich gar nicht erst angezeigt.
Ich brauche da immer die volle Kontrolle
Re: Event-Kalender mit SQLite
Verfasst: Do 5. Mai 2022, 14:54
von Tommy Herrmann
Werner,
ich habe gestern eine ganze Weile gesucht, ob man das "HTML5 Audio Tag" eigentlich bei allen Browsern gleich anzeigen könnte, also z.B. auch in der Farbe - ich glaube das geht nicht wirklich oder?
Beim Firefox kann ich z.B. die "background-color" ändern - beim Edge dann wieder nicht ...
Diese CSS habe ich jetzt mal zum Spaß meinem Audio-Tag im Kalender gegeben:
Vielleicht so: [Link entfernt]
Ich habe ein paar deiner CSS-Anweisungen übernommen
Re: Event-Kalender mit SQLite
Verfasst: Fr 6. Mai 2022, 05:35
von Tommy Herrmann
Moin,
sehe ich das richtig, dass Du den Player selbst einfach über eine ID über JavaScript steuerst?
Auf jeden Fall geht das. Das könnte man jetzt vom Design ja auch individuell anpassen. Der sollte eher wie der vom Edge oder so aussehen, eher noch etwas schmaler in der Höhe aber eben auch alle Funktionen weiter besitzen wie:
Play, Pause, Dauer, Ton-Aus, Lautstärke, Download
Ich meinte das allerdings etwas anders. Im Grunde wollte ich den Player vom Browser weiter verwenden - nur eben etwas vom Stil angepasst, also z.B. eine andere Hintergrundfarbe, wie in diesem Beispiel, was gut im Firefox funktioniert - nur eben z.B. nicht im Edge:
... bekomme ich auch einen Schatten hin und auch runde Ecken. Viel mehr aber eben nicht. Den "Border-Radius" musste ich hierbei bereits mindestens 30px machen, damit der Schatten eben auch gleichermaßen am Firefox und Edge (Chrome) angezeigt wird, da ich ja den Schatten durch die Animation noch verstärke:
CSS-Kalender-Transform.jpg (52.66 KiB) 1423 mal betrachtet
Mit anderen Worten - am liebsten würde ich alle Funktionen so beibehalten, nur eben eine CSS finden, die auf alle Browser-Player gleichermaßen wirkt. Hier noch die Ansicht im Edge/Chrome:
Player-Ansicht-Edge-Chrome.jpg (47.15 KiB) 1399 mal betrachtet
Re: Event-Kalender mit SQLite
Verfasst: Fr 6. Mai 2022, 09:32
von Werner-Zenk.de
Moin Tommy,
das war mir schon von vorneherein klar, dass sich das nicht 100%ig im Browser anpassen lässt.
Jeder Browser bringt da sein eigenes Interface mit, im Grunde sind die Buttons, Hintergründe und Texturen dann halt auch nur Bilder, die sich mit CSS in Grenzen ändern lassen.
Das wollte ich eigentlich nur wissen, denn dann brauche ich nicht weiter suchen. Ich bin mit dem Ergebnis so eigentlich auch sehr zufrieden - habe auch alle Handy-Browser erfolgreich getestet.
Re: Event-Kalender mit SQLite
Verfasst: Fr 6. Mai 2022, 09:43
von Tommy Herrmann
Die Höhe lässt sich auch einfach über die CSS angeben, somit ist das eigntlich für mich jetzt erledigt:
Player-Ansicht-Edge-Chrome-Höhe-reduziert.jpg (50.65 KiB) 1395 mal betrachtet
Re: Event-Kalender mit SQLite
Verfasst: Fr 6. Mai 2022, 09:59
von Werner-Zenk.de
Hier ein interessanter Artikel, der sich mit der Darstellung von Auswahllisten befasst: https://blogs.windows.com/msedgedev/202 ... -for-real/
Damit soll es in Zukunft möglich sein, die Auswahlliste individuell anzupassen.
/* EDIT Tommy color player at Edge and Chrome */
audio::-webkit-media-controls-panel {
background-color: lightblue;
}
Player-Ansicht-Edge-Chrome-Lightblue.jpg (51.33 KiB) 1384 mal betrachtet
Re: Event-Kalender mit SQLite
Verfasst: So 15. Mai 2022, 11:55
von Werner-Zenk.de
Es gibt eine neue Version des Event-Kalenders.
Ich habe einige CSS-Anweisungen optimiert und die Darstellung der Events im Kalender verbessert.
Außerdem den HTML-Quelltext (den das PHP-Skript ausgibt) optimiert. Das erleichtert mir in Zukunft die Suche nach einem etwaigen Fehler.
Das Monatsbild wird nun über JavaScript dargestellt, wodurch sich der HTML-Code verkürzt:
Das Datum habe ich in der lies_mich.txt Datei nur aktualisiert.
Re: Event-Kalender mit SQLite
Verfasst: So 15. Mai 2022, 13:30
von Tommy Herrmann
Hallo Werner,
leider geht es bei mir nun nicht mehr
Der gesamte Kalender ist weg, das kommt wohl durch diese Änderung. Lasse ich die alten Zeilen stehen, geht zwar der Kalender es werden aber keinerlei Monatsbilder mehr angezeigt:
Ich habe eine neue Version des Event-Kalender mit SQLite.
Änderungen in PHP, die Funktion xtage() wurde ersetzt, es wird nun, bei einem Event (mit einer Uhrzeit-Angabe) die Zeit in Jahren, Monaten, Stunden und Minuten
im HTML-Title Attribut angezeigt (vor 3 Jahren, vor 8 Monaten, vor 14 Sekunden, in 50 Sekunden, in 25 Minuten, in 7 Stunden, in 2 Jahren (usw.)).
Der Fokus liegt jetzt mehr auf dem Event als auf einer Monatstabelle.
Re: Event-Kalender mit SQLite
Verfasst: Do 19. Mai 2022, 18:22
von Tommy Herrmann
Hallo Werner,
vielen Dank für die Info und danke für die tollen Verbesserungen
Ich habe diese Änderungen der Version vom 19.05.2022 übernommen: