Themen - HTML5 Animationen, Templates und Tipps für WebsiteX5 -

Logout
Direkt zum Seiteninhalt

Themen

Ich nehme unter "Themen" gelegentlich ein neues Thema auf. Das können ein Zusatzobjekt" von WebsiteX5, ein Script für das Objekt "HTML_Code", Programme oder Generatoren sein.
Videos konvertieren und einbinden
Libre Speedtest
Hier finden Sie ein paar Scripte und Widgets für das Objekt HTML-Code
Sie können sich fertige Scripte, Code-Schnipsel mit ggf. Informationen zum Einbinden herunterladen.
In Ihrem Website X5 Projekt einfach das Objekt-Icon in Ihre Seite ziehen und mit einem Doppelklick auf das eingefügte Objekt öffnen, um hier den gewünschten Code einzufügen.
Bitte beachten: um PHP-Scripte in einer Seite Ihres Projektes verwenden zu können, muss diese Seite in das PHP-Format gebracht werden. Wenn Sie damit noch keine Erfahrung haben, finden Sie hier eine kleine Anleitung (PDF-Datei) dafür.
widget

Wetter Widgets

Für dieses Widget müssen Sie die Seite nicht in eine PHP-Seite umwandeln. WebsiteX5 bietet zwar zwei Objekte an, mit denen Sie das Wetter aus Ihrer Region/Stadt anzeigen können, aber Sie können auch das Widget eines deutschsprachigen Anbieters in Ihre Website mit Hilfe des Objekts HTML-Code </> das von Ihnen (mit dem Script-Generator des Anbieters erzeugte Script) einbinden.
Das Widget auf dieser Seite z.B. stammt von https://www.daswetter.com/widget/


script
Sie möchten bei jedem neuen Aufruf einer Seite einen wechselnden Spruch oder Witz anzeigen? Sie müssen eine Seite als PHP-Seite erstellen, ziehen das Objekt "HTML Code" in Ihre Seite (dorthin, wo der Sprunch angezeigt werden soll) und fügen ein Script ein, das Sie vorher am Besten im "Windows Editor" mit Ihren Sprüchen oder Witzen versehen können. Die Beispieldatei (siehe Ergebnis rechts) können Sie sich hier herunterladen.

Guten Tag, kennen Sie den schon ?

Warum ist es so umständlich, den Firefox herunter zu laden? Man muss erst den Internet-Explorer starten...

Und hier das PHP-Script mit Sprüchen, die Sie um weitere Sprüche leicht selbst erweitern und in einer PHP-Seite im Objekt "J HTML Code" einfügen können.

Guten Tag, schön dass Sie da sind.

Wie viele Microsoft-Programmierer braucht man, um eine Glühbirne zu wechseln? 125. Der erste schreibt WinGetLightBulbHandle, der zweite WinQueryStatusLightBulb, der dritte WinGetLightSwitchHandle...

script

Fensterbreite:

Die Fensterbreite kann man im Browserfenster mit einem kleinen Skript ermitteln. Wer also responsive Webseiten erstellt, hat hier ein kleines Hilfsmittel. Das in der txt-Datei enthaltene Script kann mit dem Objekt "HTML Code" in der eigenen Website auf jeder beliebigen Stelle eingefügt werden.
script

Zum Thema "Datenschutz"

Wer meine Webseite aufruft, erhält im Browserfenster eine "Cookie-Information". Um ebenfalls eine Grafik in dieser Nachricht anzeigen zu können, muss man eine Grafik auf seinen eigenen Server hochladen und in websiteX5 unter "(1) Einstellungen" - Karteireiter "Erweitert" unter "Datenschutz und Sicherheit" und dort unter Karteireiter "Datenschutz" > "Nachricht" folgendes eingeben:
<img src="http://www.deine-domain.de/Bildname" width="50" height="32"> eingeben, wobei Sie "deine-domain" bitte durch Ihren eigenen Domainnamen und anstelle "Bildname" den Namen Ihrer Bilddatei (z.B. cookie.png), die Sie auf Ihren Server hochgeladen haben, ersetzen. Die Zahlenwerte "width" und "height" ergeben sich aus der Breite und Höhe Ihrer Grafik. Weitere Beispiele können Sie hier in einer PDF-Datei herunterladen.
script

Das aktuelle Sternzeichen oder andere Grafiken anzeigen

Dateien wurden am 19.09.2020 überarbeitet und erweitert bis zum 31.12.2023
Wie oben zu sehen, wird eine Grafik angezeigt, die täglich wechseln kann. In diesem Beispiel wird immer das aktuelle Sternzeichen sowie spezielle Tage wie Faschingsmontag, Valentinstag, Halloween oder Weihnachten und Silvester etc.  angezeigt. Das Script wurde so einfach geschrieben, dass man es ohne PHP-Kenntnisse anpassen und in einem WebsiteX5-Projekt einfügen kann. Die ZIP-Datei enthält einen Ordner mit Grafiken, eine Anleitung, dem Script selbst, die Lizenz-Bestimmungen sowie zwei Coreldateien der CorelDraw-Version 11 und 21.
ZIP-Datei: "sternzeichen.zip" ( 2,33 MB ) Das Script selbst ist nur 77KB groß.

script

Script für eine automatische Weiterleitung auf eine andere Seite nach X Sekunden

Website X5 bietet beim Erstellen eines Formulares wie z.B. einem Kontakt-Formular die Möglichkeit, nach dem erfolgreichen versenden der Formular-Daten auf eine andere Seite weiterzuleiten. So zum Beispiel eine Seite, auf der Sie nur eine kurze Information anbieten, dass die gerade eingegebenen Daten übertragen wurden. Wenn Sie aber von dieser Seite nach X Sekunden z.B. auf eine bestimmte Seite weiterleiten möchten, können Sie ein kurzes Script in den Head-Bereich der entsprechenden Seite einfügen, oder ein Java Script verwenden. Aber bitte bedenken Sie, dass mancher Besucher Java Script in seinem Browser deaktiviert hat. Mehr Informationen und ein Beispiel zum ausprobieren inklusive Code zum herunterladen finden Sie hier >>>
script

Aktuelle Uhrzeit auf Ihrer Website anzeigen

Mit dem "get time" erhalten Sie nur die Anzeige der Uhrzeit, die auf dem PC oder Smartphone Ihres Besuchers verfügbar ist. Wollen Sie aber die echte Uhrzeit des Standortes Ihres Servers auf dem sich Ihre Website befindet anzeigen, benötigen Sie ein Script, das sich die Uhrzeit von einem Zeit-Server holt, um es anzuzeigen (siehe Anzeige  rechts). Sie können das mit Hilfe eines Java Script erledigen - vorrausgesetzt, dass der Browser Ihres Besucher auch Java Script akzeptiert. Ein freies und editierbares Script (Open Source /MIT License ) - Fontgröße und Fontfarbe können auch geändert werden - finden Sie bei GitHub > https://github.com/moment/luxon das auf jedes Land auf dieser Welt angepasst werden kann oder nutzen in dem Objekt "</> HTML-Code" folgendes kurzes Script (MEZ Berlin), das ein JavaScript vom Server (auf dem sich meine Website befindet) holt  , das sie sich hier bei mir herunterladen und kostenlos nutzen können.
Sie suchen eher eine Bahnhofsuhr, die Sie an Ihre Bedürfnisse anpassen können? Dann sehen Sie hier nach >>>
script

Count Up Script

Ihr Verein besteht schon einige Jahre und Sie möchten auf Ihrer Website gerne anzeigen, wieviele Jahre er schon besteht? Das kann man natürlich mit einem einfachen Text erledigen - "Unser Verein besteht seit 15 Jahren". Das müssen Sie jedes Jahr überarbeiten. Einfacher ist es mit dem kleinen "Count Up" Script, dass nicht nur die Jahre, sondern auch die Monate und die Tage seit Gründung des Vereins vergangen sind.
Sie können sich hier eine ZIP-Datei mit den nötigen Erklärungen zum Einbau in Ihr Projekt, herunterladen. Zusätzlich in der ZIP-Datei finden Sie Grafiken für Ihr Jubiläum...
script

Zurück zu der zuletzt besuchten Seite (history back)

Hat man einen Artikel innerhalb einer Seite, den man nicht komplett auf dieser Seite veröffnelichen möchte, da man nur das Thema anreißen und den gesamten Artikel auf einer eigenen Seite anzeigen möchte, ist es für den Besucher leichter, zur vorhergehenden Seite zurück zu finden, wenn er nur einen Button anklicken muss, der ihn zurück bringt.
Dazu reicht ein kurzes Script, dass man in dem Objekt </> HTML-Code einfügt und unter das Objekt "Text" setzt. Das kurze Script können Sie sich hier ansehen/herunterladen.
Sie möchten das gerne mit einem farbigen Button? Dann nutzen Sie dieses Script, dem ich 12 Grafiken hinzugepackt habe. Sie können aber auch eine eigene Grafik nutzen.
Tip: m Sicherrungskopie für Ihre Website erstellen und was man bedenken sollte!  
Javascript

Sie möchten in Ihrem Browser im Tab-Reiter Ihren Webseitentitel als  Laufschrift anzeigen ?

Hier können Sie sich ein Javascript mit einer Einbauanleitung für Ihr WebsiteX5-Projekt herunterladen, um wie auf dieser Website auf der Startseite und auf dieser Seite "Themen",  Ihren eigenen Website-Titel in einer Laufschrift anzeigen zu können. Eine Anleitung im PDF-Format inclusive des Scriptes in einer TXT-Datei können Sie sich hier herunterladen.
Wichtige Information: ich verwende dieses Script seit Sommer 2020, aber seit Januar 2021 gibt es auch ein Objekt von Incomedia, dass den gleichen Effekt ermöglicht. Das Objekt können Sie sich für 14 Credits direkt in Ihrer Software von WebsiteX5 herunterladen und installieren.
Kleines PHP-Kartenspiel
Sie suchen ein kleines Spiel für Ihre Website? Das PHP-Script, dass Sie sich hier herunterladen können kann in einer Showbox angezeigt werden. In der ZIP-Datei, die Sie sich hier herunterladen können (136KB) ist auf dem Server nur 436KB groß.
Die Zip-Datei enthält einen Ordner mit den Karten im GIF-Format, der PHP-Datei sowie einem Infotext. Die Grafik auf der linken Seite ist ebenfalls enthalten. Alles darf frei verwendet und editiert werden.
Kleines Widget für das Zusatzobjekt HTML-Code
SARS CoV-2 Inzidenz-Zahl für Wiesbaden / Hessen
Neuinfektionen pro 100.000 Einwohner innerhalb der letzten 7 Tage
Quelle: Robert Koch Institut 🔗 (RKI), dl-de/by-2-0 🔗

[Die Landeshauptstadt Wiesbaden hat rund 280.000 Einwohner]
Inzidenz-Zahlenfarbe: bis 10 | bis 35 |
bis 50 | über 50 (unter 100) | über 100

Inzidenz-Zahl Ihrer Stadt anzeigen

In Zeiten der Pandemie wollen Sie vielleicht für Ihre Stadt die aktuelle Inzidenz-Zahl des Robert Koch Instituts anzeigen. Hier ein kleines Widget, dass Sie im Zusatz-Objekt "</>HTML-Code" einfügen können. Es arbeitet mit HTML, CSS3 und JavaScript. Sie müssen dafür aber den Längen- und Breitengrad, mit der Ihre Stadt bzw. Ihr Landkreis geführt wird, einfügen. Dabei hilft Ihnen Google - mit dem Suchtext < Längengrad und Breitengrad für Musterstadt> für Wiesbaden ist z.B. der Breitengrad 50.0782184 und der Längengrad 8.2397608. Diese beiden Werte, sowie der Stadtname müssen noch von Ihnen im Script geändert werden.
Die Links innerhalb des Scriptes zum Robert Koch Institut und zur Lizenz  müssen Sie so belassen, denn das ist als Quellennavhweis notwendig, und erlaubt Ihnen, die Daten auf Ihrer Website zu nutzen.  Eine ausführliche Anleitung mit dem Script und die Minigrafiken im Ordner <CoV2> für die Farbcodes grün, orange und rot.png finden Sie in der ZIP-Datei, die Sie hier herunterladen können.

Quelle: das ursprüngliche Script stammt von Dr. Markus Jasinski - https://jasinski.info/willkommen/
(Überarbeitet, Erweitert und an die Inzidenz-Zahl von Wiesbaden angepasst von S.G.Schiffer)
Kleines Online-Spiel für das Zusatzobjekt HTML-Code
Sie suchen ein kleines Online-Spiel für die Vorweihnachtszeit für Ihre Website? Dann können Sie das Online-Spiel "Zwei Gleiche" mittels iframe in Ihrer Seite anzeigen.
Offen / Geschlossen - PHP-Script

Offen / Geschlossen

Ein einfaches PHP Script gibt Ihnen die Möglichkeit, wenn Sie Öffnungs-, Sprech- oder Bürozeiten auf Ihrer Seite angeben wollen, zusätzlich anzuzeigen, ob gerade geöffnet oder geschlossen ist. Das Script gibt auch Feiertage als "geschlossen" an. Das Script ist ausreichend mit Erleuterungen versehen, damit man das Script leichter an die eigenen Bedürfnisse anpassen kann. Das Script gibt nur eine einzige Zeile aus. Hier ein Beispiel - die Ausgabe des Scriptes ist die fett gedruckte Zeile unterhalb der angezeigten Öffnungszeiten, die in einem Objekt "TEXT" enthalten sind:
Unsere Öffnungszeiten:
Montags bis Freitags von 8:00 Uhr bis 17:00 Uhr
Samstags von 8:00 Uhr bis 13:00 Uhr
Sonntags und an Feiertagen geschlossen.
Zur Zeit haben wir geschlossen.
Sie können sich hier dieses PHP Script herunterladen und im Zusatzobjekt J HTML-Code verwenden
Validation
Alle von mir zum Download angebotenen Scripte erfordern u.U. eine PHP-Engine auf dem Server oder ggf. das akzeptieren von Java Script im Browser Ihres Besuchers. Meine Scripte sind getestet sowohl mit den Firefox-, Google Crome-, Windows Edge- und dem Opera-Browser in der jeweils aktuellen Version. Angaben zu meinem Server und den  Versionen von PHP und MySQL:
Server Betriebssystem:
Linux localhost 3.10.0-1160.36.2.el7.x86_64 #1 SMP
Aktuelle PHP-Version: 7.4.237.4.23
Verwendete Datenbanken: MySQL Version 5.7 9
© sgs-visual.de 2000-2021
website security
Letzte Aktualisierung: 21.09.2021
internet-abc.de   /
für Kinder, Lehrkräfte und Eltern
Zurück zum Seiteninhalt