Übersicht einiger ausgewählter NOF Tutorials meiner Website
MySQL Linkliste von Webbausteine.de - hier neuere Version von Werner-Zenk.de
Für ein vollständige Übersicht meiner Turorials öffnet bitte die unterste Rubrik “Übersicht aller Tutorials”
Diese Seite wurde in HTML5 und CSS3 erstellt und wird daher nicht ganz korrekt in alten Browsern wie dem IE8 dargestellt
-
Datenbank
- mobirise-tutorials.com ✩✩✩✩✩
- Buchungskalender, eine Anwendung von "PHP Jabbers" als Buchungskalender, die sehr einfach in Mobirise anwendbar ist.
- nof-tutorials.com
- Chatroom in NOF einbauen mit MySQL-Datenbank
- nof-tutorials.com
- CMS (Content Management System) direkt in NOF einbauen
- tommyherrmanndesign.com
- Datenbank-Verbindung MySQL mittels NOF-Komponente herstellen
- nof-tutorials.com ✩✩✩✩✩
- Datenbank-Verbindung MySQL mittels Skripten von Webbausteine.de
- nof-tutorials.com ✩✩✩✩✩
- Datenbank-Verbindung SQLite "Veranstaltungsliste" für Events erstellen
- mobirise-tutorials.com ✩✩✩✩✩
- Datenbank-Verbindung SQLite "Veranstaltungsliste" für Events erstellen, hier in Mobirise
- nof-tutorials.com
- Datenbank-Verbindung SQLite mit eigener Datenbank
- tommyherrmanndesign.com
- Datenquelle MySQL - alternative Datenbank-Komponente ab NOF 11
- tommyherrmanndesign.com
- Datenquelle XML - hier XML-Datei
- mobirise-tutorials.com ✩✩✩✩✩
- Fotogalerie von PHP Jabbers mit unterschiedlichen Layouts als CMS (Content Management System). Es gibt eine Benutzerverwaltung für eine komfortable Benutzung unterschiedlicher Anwender.
- mobirise-tutorials.com ✩✩✩✩✩
- Kommentar-Box. Kommentare auf Webseiten schreiben - hier in der Software Mobirise eingebaut.
- nof-tutorials.com
- Kommentar-Funktion für Webseiten - einfach in NOF zu verwenden
- dev.mysql.com
- MySQL Dokumentation (englisch)
- mobirise-tutorials.com ✩✩✩✩✩
- Nachrichten Skript mit MySQL Datenbank als CMS, für online Einträge von Neuigkeiten. Hier der direkte Einbau in Mobirise mit Tutorial. Eine Option zur Anzeige im Iframe ist dabei.
- mobirise-tutorials.com ✩✩✩✩✩
- Nachrichten Skript mit MySQL Datenbank, für online Einträge von Neuigkeiten.
Hier habe ich als Beispiel auch eine Google Suche im Mobirise Projekt mit eingebaut.
- mobirise-tutorials.com ✩✩✩✩✩
- Nachrichten Skript mit SQLite Datenbank, für online Einträge von Neuigkeiten.
- mobirise-tutorials.com ✩✩✩✩✩
- News-Script als CMS. Eine Anwendung von "PHP Jabbers" als News-Blog für Nachrichten, die als CMS online über einen Editor verwendet wird.
- mobirise-tutorials.com ✩✩✩✩✩
- Veranstaltungen - Events in einem modalen Pop-up Fenster anzeigen mittels online editierbarer SQLite-Datenbank
Formulare
- mobirise-tutorials.com ✩✩✩✩✩
- Formular Generator von Werner-Zenk.de für Mobirise. Mit diesem Generator erstellt ihr kinderleicht jedes Formular.
- mobirise-tutorials.com ✩✩✩✩✩
- Checkboxen um unterschiedliche Kriterien von z.B. Bildern mit Beschreibungen nachträglich darstellen anzeigen zu können.
- tommyherrmanndesign.com
- Datepicker - Datum aus Kalender wählen
- mobirise-tutorials.com ✩✩✩✩✩
- Datepicker mit Bootstrap in Mobirise einbauen
- nof-tutorials.com
- Formular - numerische Felder in einem Formular automatisch addieren und das Ergebnis mit der Mail senden.
- nof-tutorials.com
- Formular Felder mittels PHP Action über Link befüllen
- nof-tutorials.com ✩✩✩✩✩
- Formular Generator von Webbausteine.de
- nof-tutorials.com ✩✩✩✩✩
- Formular Generator von Webbausteine.de - Aufruf und Tutorial
- nof-tutorials.com
- Formular Generator von Webbausteine.de mit Datepicker
- mobirise-tutorials.com ✩✩✩✩✩
- Formular Generator von Arclab - ein Generator, der keine Wünsche offen lässt und unglaublich einfach einzubauen ist. Senden über einfache PHP-Mail oder eigenes Emailkonto vom Provider mit SMTP.
- mobirise-tutorials.com ✩✩✩✩✩
- Formular Generator von PHPJabbers - ein Generator, der keine Wünsche offen lässt und unglaublich einfach einzubauen ist. Senden über einfache PHP-Mail oder eigenes E-Mail-Konto vom Provider mit SMTP.
- mobirise-tutorials.com ✩✩✩✩✩
- Formular Generator, Formular mit Checkbox zur Bestätigung, dass Datenschutz gelesen wurde. Ansonsten wird Formular nicht gesendet.
- nof-tutorials.com
- Formular Handler Komponente mehrfach in NOF
- tommyherrmanndesign.com
- Formular Handler Komponente von NOF
- nof-tutorials.com
- Formular Mitglieder von Webbausteine.de
- tommyherrmanndesign.com
- Formular von Kontaktformular.org
- nof-tutorials.com
- Formular von SwissKnife for NOF
- tommyherrmanndesign.com
- Formular Werkzeuge von NOF
- mobirise-tutorials.com ✩✩✩✩✩
- Formular Zeichen zählen mit transparenten Formular-Feldern
- mobirise-tutorials.com ✩✩✩✩✩
- Mobirise Formulare mit PHPMailer über SMTP verwenden.
- mobirise-tutorials.com ✩✩✩✩✩
- Spamschutz als Captcha-Grafik für Mobirise-Formulare, die über mein Skript "mailscript.php" versendet werden.
Gästebuch
- mobirise-tutorials.com ✩✩✩✩✩
-
Gästebuch - SQLite Anwendung in Mobirise einbauen - von Werner-Zenk.de
- tommyherrmanndesign.com
- Gästebuch von NOF - Beispiel
- tommyherrmanndesign.com
- Gästebuch von NOF - CSS Einstellungen
- tommyherrmanndesign.com
- Gästebuch von NOF - CSS Einstellungen Beispiel
- nof-tutorials.com
- Gästebuch von NOF - mehrere Gästebücher in einem Projekt
- tommyherrmanndesign.com
- Gästebuch von NOF - Seitenlänge
- tommyherrmanndesign.com
- Gästebuch von NOF - Smileys bearbeiten
- tommyherrmanndesign.com ✩✩✩✩✩
- Gästebuch von NOF - Spamfilter - eigenes Skript zusätzlich einbauen
Kalender
- kalender-belegungsplan.nof-tutorials.com ✩✩✩✩✩
- Ferienwohnungen "Belegungsplan" in NOF einbauen
- tommyherrmanndesign.com
- Flash Komponente von NOF
- tommyherrmanndesign.com
- Google Kalender
- mobirise-tutorials.com ✩✩✩✩✩
- Google Kalender responsive in Mobirise
- mobirise-tutorials.com ✩✩✩✩✩
- Kalender als Adventskalender mit den Sprüchen.
- mobirise-tutorials.com ✩✩✩✩✩
- Kalender für Events mit SQLite-Datenbank
- nof-tutorials.com
- Kalender für Veranstaltungen (ohne MySQL Datenbank) von Webbausteine.de
- mobirise-tutorials.com ✩✩✩✩✩
- Kalender klein als einfache Darstellung der Monate.
- nof-tutorials.com ✩✩✩✩✩
- Kalender mit Terminen und Feiertagen als MySQL-Datenbank von Werner-Zenk.de
- nof-tutorials.com ✩✩✩✩✩
- Kalender mit Terminen und Feiertagen als MySQL-Datenbank von Werner-Zenk.de - nur monatliche Events listen.
Komponenten
- tommyherrmanndesign.com
- FAQ - häufig gestellte Fragen
- nof-tutorials.com
- Forum erstellen mit eigenen Skripten von Webbausteine.de
- tommyherrmanndesign.com
- Nachrichten Komponente von NOF
- nof-tutorials.com ✩✩✩✩✩
- Nachrichten Skript von Webbausteine.de
- mobirise-tutorials.com ✩✩✩✩✩
- Popup Chat von ElectricBlaze. Eine neue Mobirise-Erweiterung.
Man kann dort multiple Messenger-Dienste verwenden wie:
Discord, Facebook-Messenger, Signal, Telegram, Viber, WhatsApp
- tommyherrmanndesign.com
- Referenzen Komponente von NOF
- nof-tutorials.com
- Seite verschicken - empfehlen - tell a friend
- tommyherrmanndesign.com
- Seite verschicken - empfehlen - Komponente von NOF
- nof-tutorials.com
- Seite verschicken - empfehlen - Skript von Webbausteine.de
- mobirise-tutorials.com ✩✩✩✩✩
- Shop System "PayPal Shopping Cart" von Mobirise. Diese Erweiterung ist kinderleicht einzubauen.
- tommyherrmanndesign.com
- Shop System E-Commerce von NOF
- nof-tutorials.com
- Sitemap Skript für Links und Bilder - auch als Slider
- mobirise-tutorials.com ✩✩✩✩✩
- Smart Cart - eine neue Erweiterung um über PayPal, Stripe zu bezahlen und kleine Bestellungen über WhatsApp zu senden.
- tommyherrmanndesign.com
- Ticker - Laufschriften von NOF und andere Ticker
Links
- mobirise-tutorials.com ✩✩✩✩✩
- Forum für Mobirise und NetObjects Fusion:
- nof-tutorials.com
- Koken - CMS
Ich habe mal "Koken" zum ersten Mal getestet. "NetObjects Fusion" hat ja "Koken" gekauft. Dies ist ein kostenloses und responsives CMS (Content Management System), was sehr leicht zu installieren ist und eine MySQL-Datenbank benötigt. Dennoch fällt es mir bisher sehr schwer das System von "Koken" überhaupt zu verstehen. Hier meine erste Testseite, die voll responsive und adaptive für das Handy ist. Na mal gucken, vielleicht steige ich ja noch dahinter.
- netobjects.de
- NetObjects Fusion - Updates
- nof-tutorials.com
- NetObjects Fusion 11 - Benutzerhandbuch als PDF
- netobjects.de ✩✩✩✩✩
- NetObjects Fusion deutsche Homepage
- nof-tutorials.com
- NOF 2015 - erste Eindrücke und Beispiele zu neuen Features und Komponenten.
- php.net
- php - Handbuch
- w3schools.com
- w3schools.com - hier gibt es eine Menge über die Entwicklung von Websites zu lernen
- nof-tutorials.com ✩✩✩✩✩
- Webbausteine.de - Downloads für die auf meinen Seiten beschriebenen Anwendungen
- mobirise-tutorials.com ✩✩✩✩✩
- Werner Zenk - Skripte für Deine Homepage. Anleitungen für HTML, PHP, JavaScript, CSS, Datenbanken und vieles mehr ...
Leider hat Werner seine Homepage am 10.07.2022 eingestellt. Bitte wendet euch mit Fragen an mein Forum:
Multimedia
- nof-tutorials.com
- Amazing Audio Player - ein schöner HTML5 Player
- nof-tutorials.com
- Amazing Carousel
- nof-tutorials.com ✩✩✩✩✩
- Amazing Slider
- mobirise-tutorials.com ✩✩✩✩✩
- Ausschnitt eines Bildes mit Lupe vergrößern. Image Zoom mit jQuery.
- nof-tutorials.com
- Bild mit Wasserzeichen mittels PHP-Skript versehen
- nof-tutorials.com
- Bildanzeige gemischt - jQuery Before/After Plugin
- mobirise-tutorials.com ✩✩✩✩✩
- Bildanzeige gemischt - jQuery Before/After Plugin - Bildvergleich vorher/nachher
- nof-tutorials.com ✩✩✩✩✩
- Bilder aus einem Verzeichnis automatisch mit Diashow anzeigen
- nof-tutorials.com ✩✩✩✩✩
- Bilder im Browser auswählen und auf den Server hochladen.
- nof-tutorials.com ✩✩✩✩✩
- CSS - ImageSlider basierend auf reinem CSS mit Upload-Funktion.
- tommyherrmanndesign.com
- Easy HTML5 Video
- nof-tutorials.com
- Fade Effekt mit CSS3 Transition
- tommyherrmanndesign.com
- Flash Fotogalerie "Cover Flow"
- tommyherrmanndesign.com
- Flash Fotogalerie von NOF
- tommyherrmanndesign.com
- Flash MP3 Player
- tommyherrmanndesign.com
- Flash Video Player
- nof-tutorials.com ✩✩✩✩✩
- Fotoalbum mit direkter Upload-Funktion für Bilder, optimiert für Smartphones
- tommyherrmanndesign.com
- Fotogalerie von NOF
- nof-tutorials.com
- Fullscreen Background - ein Hintergrundbild, dass sich jeder Bildschirmauflösung anpasst.
- mobirise-tutorials.com ✩✩✩✩✩
- Fullscreen Background in Mobirise mit Backstretch
- mobirise-tutorials.com ✩✩✩✩✩
- Fullscreen Background in Mobirise mit Backstretch an ausgewählten Mobirise-Blöcken einsetzen
- nof-tutorials.com
- Hintergrund-Parallax-Effekt mittels Script von NetObjects Fusion
- nof-tutorials.com
- Hintergrundbild im Layoutbereich von NOF in absoluter Position und auf voller Bildschirmbreite
- nof-tutorials.com
- HTML5 Audio MP3-Player, der mittels JavaScript eine eigene Playerliste hat und in der neuen Version den Status des Audio-Players speichert.
- nof-tutorials.com
- HTML5 MP3 Player mit eigener Grafik
- nof-tutorials.com
- HTML5 Player als Hintergrundmusik
- tommyherrmanndesign.com
- HTML5 Video
- mobirise-tutorials.com ✩✩✩✩✩
- HTML5 Video - eigenes Background-Video in Mobirise einbinden
- mobirise-tutorials.com ✩✩✩✩✩
- HTML5 Video in Mobirise einbinden
- mobirise-tutorials.com ✩✩✩✩✩
- Image Lightbox in Mobirise eingebaut. Eine Lightbox, die alle Bilder auf einer Seite automatisch erkennt.
- nof-tutorials.com
- Infobox anzeigen
- tommyherrmanndesign.com ✩✩✩✩✩
- jAlbum - Fotogalerie
- nof-tutorials.com
- jQuery Accordion / Akkordeon
- tommyherrmanndesign.com
- jQuery Accordion / Akkordeon - horizontal
- nof-tutorials.com
- jQuery Beispiele
- nof-tutorials.com
- Lightbox Variante und CSS3-Fade von NOF - sehr einfach einzubauende Lightbox
- nof-tutorials.com
- Lupen-Vergrößerung über einem Bild mittels jQuery und CSS3
- tommyherrmanndesign.com
- Lytebox - das Original
- tommyherrmanndesign.com
- Lytebox - Komponente für NOF von SwissKnife for NOF
- nof-tutorials.com
- Magic Thumb - Bildvergrößerung
- tommyherrmanndesign.com
- Magic Zoom - Bildvergrößerung
- mobirise-tutorials.com ✩✩✩✩✩
- Masonry Galerie (Mauerwerk) mit der originalen Lightbox in Mobirise verwenden. Diese Galerie zeigt Bilder in verschachtelter Form an.
- tommyherrmanndesign.com
- Mouse OverLib - und noch eine schöne Alternative Powertip
- tommyherrmanndesign.com
- MouseOver - MouseOut
- nof-tutorials.com
- MouseOver - MouseOut - Scrollbares Textfeld mit onMouse Befehlen zu wechselnden Bilddarstellungen
- nof-tutorials.com
- MouseOver Hover Effekt
- nof-tutorials.com
- MouseOver Hover Effekt - JavaScript-Funktion zum Einblenden eines Bildes
- nof-tutorials.com
- MouseOver Hover Effekt - Text über Bild in CSS3
- tommyherrmanndesign.com
- MouseOver mit Sound
- tommyherrmanndesign.com
- Nivo Slider
- mobirise-tutorials.com ✩✩✩✩✩
- Parallax und fixierte Hintergrundbilder in Mobirise
- nof-tutorials.com ✩✩✩✩✩
- Powertip - Infobox
- nof-tutorials.com
- Powertip - Infobox als Hinweis für Tabellen-Zellen verwenden.
- nof-tutorials.com
- Runder Bildausschnitt mit CSS 'border-radius'
- tommyherrmanndesign.com
- SimpleViewer Fotogalerie
- nof-tutorials.com
- Simply Scroll - ein Slider mit Scroll-Effekt
- tommyherrmanndesign.com
- Slider Karussell - Komponente von NOF 2013
- tommyherrmanndesign.com
- Slider mit Lytebox Bildern
- mobirise-tutorials.com ✩✩✩✩✩
- Slider oder Fader mit Bootstrap-Klassen als eigenen Block in Mobirise händisch eingebaut
- mobirise-tutorials.com ✩✩✩✩✩
- Slider Proportional. Eigener Bootstrap Slider, der sich proportional dem verwendeten Display anpasst. Die Bilder oder Videos werden also adaptive verkleinert.
- tommyherrmanndesign.com
- Slideshow mit weichen Übergängen
- tommyherrmanndesign.com
- SlideshowZilla
- mobirise-tutorials.com ✩✩✩✩✩
- Sound & Animation mit Maus. Gehe mit der Maus über ein Bild, das sich dabei animiert vergrößert und einen Sound bei Mausüber sowie bei Klick abspielt.
- mobirise-tutorials.com ✩✩✩✩✩
- SoundCloud Beispiel eines Players mit einer Mobirise Erweiterung.
- tommyherrmanndesign.com
- TiltViewer
- mobirise-tutorials.com ✩✩✩✩✩
- Timeline Slider responsive mit Swiper
- tommyherrmanndesign.com
- Video Lightbox - Tutorial Film
- nof-tutorials.com ✩✩✩✩✩
- Visual Lightbox - eine Anwendung, die Euch sämtliche Arbeit abnimmt - Tutorial Film
- mobirise-tutorials.com ✩✩✩✩✩
- Visual Lightbox in Mobirise eingebaut
- tommyherrmanndesign.com
- Visual Slideshow
- tommyherrmanndesign.com
- Wechselbilder Komponente von NOF
- mobirise-tutorials.com ✩✩✩✩✩
- Wechselbilder nach Tageszeit als Hintergrundbild.
- tommyherrmanndesign.com ✩✩✩✩✩
- WOW Slider
Navigation
- nof-tutorials.com
- Animated Border Menu.
Animiertes CSS3 Navigations Menü, das mittels Klick auf ein Symbol die Seite abdunkelt und einen Rahmen mit einer Navigation zeigt.
- mobirise-tutorials.com ✩✩✩✩✩
- Animation von Links oder der Navigationleiste. Bei Hover mit animiertem Unterstrich.
- tommyherrmanndesign.com
- Auswahlliste - "Gehe zu Menü"
- tommyherrmanndesign.com
- Benutzerdefinierte Navigationsleisten - Beispiele
- tommyherrmanndesign.com
- Benutzerdefinierte Navigationsleisten von NOF - Tutorial Film
- tommyherrmanndesign.com
- Benutzerdefinierte Navigationsleisten von NOF - Video-Anleitung
- mobirise-tutorials.com ✩✩✩✩✩
- Breadcrumb Navigation in Mobirise zur zusätzlichen Orientierung innerhalb einer Website.
- tommyherrmanndesign.com
- CSS Textnavigation - erstellt mit CSS3 Menü-Generator
- nof-tutorials.com
- CSS Textnavigation - Menü-Generator zur Erstellung einer CSS-Text-Navigation von Werner-Zenk.de (ehemals Webbausteine.de)
- nof-tutorials.com ✩✩✩✩✩
- CSS Textnavigation - Neuer "CSS-Menü Generator" zur Erstellung einer CSS-Text-Navigation von Werner-Zenk.de. Dieser Generator erlaubt nun auch die Erstellung einer responsiven Navigationsleiste bis zu 3 Ebenen.
- tommyherrmanndesign.com
- CSS Textnavigation selbst erstellt
- tommyherrmanndesign.com
- CSS Textnavigation selbst erstellt - mit Kapitälchen
- tommyherrmanndesign.com
- CSS Textnavigation selbst erstellt - weitere Beispiele
- tommyherrmanndesign.com
- Design der Navigationsleiste ändern
- mobirise-tutorials.com ✩✩✩✩✩
- Highlight der Navigation.
Mit einem JavaScript ist es möglich die Original-Menüleiste von Mobirise so zu manipulieren, dass aktive Seiten hervorgehoben dargestellt werden. Dabei kann die Menüleiste auf den globalen Einstellungen stehen bleiben und neue Seiten passen sich automatisch mit an.
- nof-tutorials.com
- Hintergrund-Bild Navigation mit jQuery
- nof-tutorials.com
- Link über einem gesamten Layoutbereich
- nof-tutorials.com
- Mega - Navigationsleiste
- mobirise-tutorials.com ✩✩✩✩✩
- Mega - Navigationsleiste - externes Mega-Menü in Mobirise verwenden
- tommyherrmanndesign.com
- Mehrfach Layoutbereich - die NOF Komponente
- nof-tutorials.com
- Mehrfach Layoutbereich - die NOF Komponente - Tabs und Größe ändern
- tommyherrmanndesign.com
- Mehrfach Layoutbereich - jQuery Skript
- mobirise-tutorials.com
- Menüleiste statisch - ich habe die Menüleiste so fixiert, dass diese beim Scrollen die gleiche Größe beibehält. Damit bleibt auch das Logo statisch und behält immer die gleiche Größe.
- tommyherrmanndesign.com
- Navigation mit horizontalem Seiten-Scroll in DIV-Containern
- tommyherrmanndesign.com
- Navigationsleiste folgt dem Scroll - Floating Menu Bar
- tommyherrmanndesign.com
- Navigationsleiste mit Kaskaden-Effekt
- tommyherrmanndesign.com
- Navigationsleisten fixiert auf Seite
- mobirise-tutorials.com ✩✩✩✩✩
- Offcanvas Menü und Sidebar. Ausklappbare Bereiche als Navigation oder Sidebar.
- mobirise-tutorials.com ✩✩✩✩✩
- Vertikale Bootstrap Menüleiste zur Navigation in Mobirise mit Sticky-Option
Sichere Seite
- nof-tutorials.com
- Passwortschutz Download - mit diesem Skript ist es möglich, Dateien (hier ZIP Archive) mit einem individuellen Passwortschutz zu versehen. Es können beliebig viele Benutzer im Skript eingetragen werden, denen dann jeweils nur ein bestimmter Download zur Verfügung gestellt wird.
- nof-tutorials.com
- Passwortschutz von Webseiten als “Sichere Seite” inklusive Bildschutz
- mobirise-tutorials.com ✩✩✩✩✩
- Passwortschutz von Webseiten als “Sichere Seite”. Seitenschutz mit MySQL-Datenbank Benutzerverwaltung
- nof-tutorials.com ✩✩✩✩✩
- PHP-Webseitenschutz ganz ohne Datenbank. Mit diesen Skripten könnt Ihr sehr einfach Webseiten für eingetragene Benutzer schützen.
- tommyherrmanndesign.com
- Sichere Seite Komponente von NOF - Seitenschutz
- tommyherrmanndesign.com
- Sichere Seite Skript entwickelt, um auch Bilder im sicheren Bereich zu schützen
Sicherheit
- tommyherrmanndesign.com
- Sichern des NOF-Projektes mittels Vorlage und wiederherstellen - nur so und nicht anders
- tommyherrmanndesign.com
- Assets und Links von NOF verwalten
- tommyherrmanndesign.com
- Backup Manager von NOF (ab NOF 12)
- cookiefirst.com
- CookieFirst - ein Cookie Consent Tool - Zustimmung zu Cookies vom Webseiten-Besucher einholen.
- tommyherrmanndesign.com
- Datenverlust - was kann ich tun
- tommyherrmanndesign.com
- Passwortschutz mittels eigener .htaccess Datei erstellen
- tommyherrmanndesign.com
- Recover - Arbeitsdatei von NOF (.nod) wieder herstellen und reparieren.
- nof-tutorials.com
- Seitenschutz von Webbausteine.de
- tommyherrmanndesign.com
- UNIX - Dateirechte
Social Network
- tommyherrmanndesign.com
- Facebook Buttons einbauen
- facebook.com
- Facebook Seite
- plus.google.com
- Google+ Seite
- mobirise-tutorials.com ✩✩✩✩✩
- Instagram-Feed in Mobirise verwenden
- nof-tutorials.com
- Share This Buttons einbauen
- mobirise-tutorials.com ✩✩✩✩✩
- Social Media Sidebar fixiert
- youtube.com
- YouTube Kanal
Sonstiges
- nof-tutorials.com
- Abstimmung - Skript
- mobirise-tutorials.com ✩✩✩✩✩
- Akkordeon-Tabs über Link mittels JavaScript ansteuern und öffnen
- mobirise-tutorials.com ✩✩✩✩✩
- Alternative datenschutzkonforme Karte zu Google Maps.
- mobirise-tutorials.com ✩✩✩✩✩
- Analoge Uhr mittels CSS und JavaScript anzeigen
- mobirise-tutorials.com ✩✩✩✩✩
- Animation on scroll. Eine benutzerdefinierte Animation beim Scrollen der Seite, die nur einmalig ausgeführt wird.
- mobirise-tutorials.com ✩✩✩✩✩
- Animationen von Texten und anderen Elementen im Seiten-Header oder im Popup-Fenster.
- nof-tutorials.com
- Anker und Smooth-Scroll
- mobirise-tutorials.com ✩✩✩✩✩
- Anzeige von responsiven Hotspots in einem Bild mittels CSS und JavaScript zur Detail- oder Beschreibungsanzeige.
- tommyherrmanndesign.com
- Bewertung abgeben
- tommyherrmanndesign.com
- Bildklickzähler
- nof-tutorials.com
- Blindtext - Seiteninhalte ein- und ausblenden
- mobirise-tutorials.com ✩✩✩✩✩
- Blogging Software von PHP Jabbers als CMS (Content Management System). Hier optional in einem dynamischen Iframe oder direkt in Mobirise eingebunden.
- mobirise-tutorials.com ✩✩✩✩✩
- Bootstrap Akkordeon von Mobirise alphabetisch sortiert mittels JavaScript.
- mobirise-tutorials.com ✩✩✩✩✩
- Browser Spracherkennung. Mit diesem Skript von Werner-Zenk.de ist es möglich die Sprache von Browsern zu erkennen. Somit kann man bestimmte Texte sogleich in unterschiedlichen Sprachen, entsprechend der Browser Einstellung, darstellen lassen.
- nof-tutorials.com
- CMS - Content Management System - von CMSimple
- nof-tutorials.com ✩✩✩✩✩
- CMS - Content Management System - von DynPage. Ein schönes Content Management System ohne Datenbank, das sich sehr leicht in NetObjects Fusion (NOF) einbauen lässt.
- tommyherrmanndesign.com
- CMS - Content Management System - von TinyMCE
- mobirise-tutorials.com ✩✩✩✩✩
- CMS von DynPage - Content Management System - ohne Datenbank in Mobirise eingebaut.
- mobirise-tutorials.com ✩✩✩✩✩
- CMS von joCMS - Content Management System - ohne Datenbank in Mobirise eingebaut.
- mobirise-tutorials.com
- Cookies Alert in Mobirise
- nof-tutorials.com
- Cookies Alert in NOF
- mobirise-tutorials.com ✩✩✩✩✩
- Count Up, vergangene Zeit seit einem Datum
- tommyherrmanndesign.com
- Countdown bis zu einem Ereignis
- mobirise-tutorials.com ✩✩✩✩✩
- Countdown bis zu einem Ereignis in Mobirise eingebaut
- mobirise-tutorials.com ✩✩✩✩✩
- Countdown und Countup Generator von Werner-Zenk.de
- tommyherrmanndesign.com
- Counter - Besucherzähler mit eigener Datenbank
- tommyherrmanndesign.com
- Counter für Downloads
- tommyherrmanndesign.com
- CSS - runde Ecken
- mobirise-tutorials.com ✩✩✩✩✩
- CSS Grid
Hier ein Test mit dem neuen "CSS-Grid" Attribut, mit dem man ein responsives Grid darstellen kann. Das bietet viele Möglichkeiten zur Darstellung bei unterschiedlichen Bildschirmauflösungen. Leider können alte Browser, wie z.B. der IE10 oder IE11, diese CSS-Eigenschaften nicht interpretieren. Hier als Test eingebaut in "Mobirise".
- tommyherrmanndesign.com
- CSS Link Klassen erstellen
- mobirise-tutorials.com ✩✩✩✩✩
- CSS Transform und Keyframes, animierte Blasen / Bubbles
- mobirise-tutorials.com ✩✩✩✩✩
- CSS Transform, rotierende Bilder in Mobirise
- nof-tutorials.com
- CSS Transition, Transform und Keyframes Beispiele
- tommyherrmanndesign.com
- CSV Datei durchsuchen
- tommyherrmanndesign.com
- Dateien in einem Verzeichnis zählen und anzeigen
- nof-tutorials.com
- Datum und Uhrzeit anzeigen
- tommyherrmanndesign.com
- DOCTYPE - HTML Ausgaben von NOF
- mobirise-tutorials.com ✩✩✩✩✩
- Download von Bilder über eine .htaccess Datei erzwingen:
- tommyherrmanndesign.com
- Download von Dateien erzwingen
- mobirise-tutorials.com ✩✩✩✩✩
- Download von Dateien erzwingen über ein SQLite Archiv
- tommyherrmanndesign.com
- Drucken einer Website mit Print Friendly
- tommyherrmanndesign.com
- Drucken von Seitenbereichen
- mobirise-tutorials.com ✩✩✩✩✩
- Drucken von Seitenbereichen, ausgewählter Blöcke in Mobirise.
- nof-tutorials.com
- Drucken von Seiteninhalten mittels CSS
- nof-tutorials.com
- Drucken von Webseiten an bestimmten Stellen erzwingen
- mobirise-tutorials.com ✩✩✩✩✩
- Eigene Bootstrap Tabelle sortierbar
- mobirise-tutorials.com ✩✩✩✩✩
- Ein eigenes Akkordeon mit dem Details-Element erstellen.
- mobirise-tutorials.com ✩✩✩✩✩
- Eine von der KI generierte Lightbox, die einzelne Bilder anzeigt und die Möglichkeit bietet, diese in verschiedenen Größen zu zoomen.
- mobirise-tutorials.com ✩✩✩✩✩
- Exif Geo-Metadaten eines Fotos auslesen und GPS Koordinaten über PHP auf Webseite anzeigen lassen
- tommyherrmanndesign.com
- Favicon erstellen - kleines Symbol in Browserleiste
- nof-tutorials.com
- Footer und Header erstellen und fixieren
- mobirise-tutorials.com ✩✩✩✩✩
- Google Fonts mit lokalen Fonts ersetzen.
- tommyherrmanndesign.com
- Google Maps
- nof-tutorials.com
- Google reCAPTCHA Spamschutz für Formulare
- tommyherrmanndesign.com
- HTML-Code Editoren von NOF und auskommentieren
- nof-tutorials.com
- HTML-Seiten scrollbar auf der aufrufenden Seite mittels JavaScript einbinden.
- tommyherrmanndesign.com
- Inlineframe
- mobirise-tutorials.com ✩✩✩✩✩
- Inlineframe (Iframe) mit dynamischer Anpassung in Mobirise
- nof-tutorials.com
- Inlineframe für mobile iOS Geräte wie iPad und iPhone
- nof-tutorials.com
- Inlineframe mit dynamischer Anpassung
- mobirise-tutorials.com ✩✩✩✩✩
- JavaScript zur Anzeige der Bildschirmkoordinaten des Mauszeigers auf der x- und y-Achse.
- mobirise-tutorials.com ✩✩✩✩✩
- JavaScript zur Berechnung des Alters: Der Geburtstag wird über einen Datepicker ausgewählt und das Alter wird berechnet. Zusätzlich habe ich Beispiele erstellt, wie man die Datumseingabe auf Monate oder Jahre begrenzen kann.
- nof-tutorials.com
- jQuery "Slider Toggle". Objekte ein- und ausblenden mittels jQuery
- nof-tutorials.com
- jQuery Slide - ein kleines Skript um Inhalte ein- und auszublenden
- tommyherrmanndesign.com
- jQuery-Expand - Seiteninhalte ein- und ausblenden
- mobirise-tutorials.com ✩✩✩✩✩
- Laufschrift - Ticker mit dem Attribut "marquee" in Mobirise einbauen - ein einfacher Weg für einen Ticker in Mobirise.
- nof-tutorials.com
- Laufschrift mit dem Attribut "marquee" in NOF einbauen - ein einfacher Weg für einen Ticker in NetObjects Fusion.
- nof-tutorials.com ✩✩✩✩✩
- Layer - jQuery Box als Popup für Hinweise beim Seitenaufruf
- mobirise-tutorials.com ✩✩✩✩✩
- Letzte Änderung der Website anzeigen in JavaScript oder PHP. Last modified, das aktuelle Datum vom modifizierten Inhalt der Webseite darstellen.
- mobirise-tutorials.com ✩✩✩✩✩
- Liste und Tabelle mit rechtsbündigen Preisen sowie Punkten als Füller für den leeren Raum der jeweiligen Zeile.
- tommyherrmanndesign.com
- Local Web Server von SwissKnife for NOF um PHP Skripte und Formulare auch lokal zu verwenden
- mobirise-tutorials.com ✩✩✩✩✩
- Mit diesem Klickzähler / Counter kann man jeden Klick auf einen Link zählen und sogleich auch das Ergebnis anzeigen.
- mobirise-tutorials.com ✩✩✩✩✩
- Mobirise Thema "AgencyM4" ist am 04.09.2017 von Mobirise vorgestellt worden. Es hat einige neue Blocks und ist wieder mit allen Themen der Version 4 von Mobirise kompatibel.
- mobirise-tutorials.com ✩✩✩✩✩
- Mobirise Thema "Mobirise AMP" Technologie zur Beschleunigung mobiler Geräte.
- mobirise-tutorials.com ✩✩✩✩✩
- Mobirise Thema "PortfolioM4" ist am 27.09.2017 von Mobirise vorgestellt worden. Es hat einige neue Blocks und ist wieder mit allen Themen der Version 4 von Mobirise kompatibel.
- mobirise-tutorials.com ✩✩✩✩✩
- Mobirise Toolbox mit eigenen Parametern erweitern.
- nof-tutorials.com
- Padding in NOF. Beispiel der CSS für Textfelder in NOF.
- mobirise-tutorials.com ✩✩✩✩✩
- Page Overlay - eine Abdunklung über der Seite mit Inhalt.
- mobirise-tutorials.com ✩✩✩✩✩
- PDF Dateien direkt auf Server laden.
- tommyherrmanndesign.com
- Pfade - relative und absolute Angaben
- tommyherrmanndesign.com
- PHP - Include - Seiteninhalte inkludieren
- nof-tutorials.com
- PHP Skripte - einige kleine Beispiele
- tommyherrmanndesign.com
- Popup - als neues Fenster öffnen
- mobirise-tutorials.com ✩✩✩✩✩
- Popup Builder Komponente von Mobirise.
- nof-tutorials.com
- Popup-Fenster in NOF verwenden
- mobirise-tutorials.com ✩✩✩✩✩
- Popups mit dem Popup-Builder von Mobirise verschachteln.
- mobirise-tutorials.com ✩✩✩✩✩
- Position der Header Beschriftung anders am Smartphone als am Desktop mit CSS Flex-End.
- nof-tutorials.com
- Preloader jQuery für HTML Seiten, insbesondere zum Vorladen von Bildern
- nof-tutorials.com
- Publizieren - nach Site-Struktur in NOF und SEO Auswirkungen
- tommyherrmanndesign.com
- Publizieren - Strukturen von NOF
- tommyherrmanndesign.com
- Publizieren auf meine Domain mittels NOF
- nof-tutorials.com
- Quiz - Lust zum Spielen?
... dann guckt Euch dieses kleine Skript für ein Quiz mal an. Man kann selbst beliebig viele Quiz erstellen und in NetObjects Fusion (NOF) einbauen. Es arbeitet über SQLite Datenbanken.
- mobirise-tutorials.com ✩✩✩✩✩
- Responsive Bootstrap 4 Akkordeon / Accordion
- nof-tutorials.com
- Responsive Fullpage Website mit Sektionen in NOF eingebaut
- mobirise-tutorials.com ✩✩✩✩✩
- Responsive Hotspots in Mobirise einbauen. Reine CSS.
- nof-tutorials.com ✩✩✩✩✩
- Responsive Seite mit CSS Flyout-Container
- mobirise-tutorials.com ✩✩✩✩✩
- Responsive Software Mobirise, eine kostenlose Software zum Erstellen von Webseiten. Diese Software bietet jede Menge kostenpflichtige Plugins. Das Programm ist sehr leicht zu verstehen und man erstellt in wenigen Minuten eine responsive Website, die automatisch auch an mobilen Geräten optimal angezeigt wird.
- nof-tutorials.com
- Responsive Webdesign in NOF.
Ich hatte ja schon mit NOF 2013 mal zum Testen eine responsive Website mit NetObjects Fusion (NOF) erstellt und dafür nun noch ein vereinfachtes Template (Vorlage) für NOF 2015 erstellt. Bei Bedarf könnt Ihr gerne nach dieser Vorlage in unserem NOF-Forum nachfragen.
- nof-tutorials.com
- Responsive Website - CSS für Parallax-Effekt
- nof-tutorials.com ✩✩✩✩✩
- Responsive Website - nur mit CSS im Body und einer responsiven und zusätzlichen Slick Navigationsleiste
- nof-tutorials.com
- Responsive Website - responsive Video
- nof-tutorials.com
- Responsive Website mit Background Fullscreen Video
- nof-tutorials.com
- Responsive Website mit CMS (Content Management System) in NOF erstellen
- nof-tutorials.com
- Responsive Website mit NOF mit einer "Slick-Navigation", die sich beim Verkleinern der Seite oder am Handy in ein grafisches Navigations-Menü verwandelt.
- nof-tutorials.com
- Responsive Website mit Optimierung für mobile Geräte als Beispiel mit NetObjects Fusion 2015 (NOF) erstellt.
- nof-tutorials.com ✩✩✩✩✩
- Responsive Website mit responsiver Tabelle
- nof-tutorials.com
- Responsives Design mittels Layoutbereich in NetObjects Fusion.
- mobirise-tutorials.com ✩✩✩✩✩
- Rotierendes, sich drehendes Bild oder Schriftzug über CSS Transform darstellen
- mobirise-tutorials.com ✩✩✩✩✩
- Schlagwörter-Box mit zufällig wechselnden Textgrößen- und Schriften als Links. Gut für die SEO.
- tommyherrmanndesign.com
- Schneeflocken auf Website
- tommyherrmanndesign.com
- Schriftgröße dynamisch ändern
- tommyherrmanndesign.com
- Scrollbar verändert darstellen
- nof-tutorials.com ✩✩✩✩✩
- Scrollbar verändert darstellen mit "TinyScrollbar"
- tommyherrmanndesign.com
- Seiten-Position innerhalb von NOF verschieben
- nof-tutorials.com
- Seitenwechsel weich mit jQuery
- tommyherrmanndesign.com
- SEO - Suchmaschinen-Optimierung als Videos
- mobirise-tutorials.com ✩✩✩✩✩
- Slideout - Seitenbereiche ein- und ausblenden für zusätzliche Informationen
- nof-tutorials.com
- Smartphone erkennen und Beispiel einer Seite
- mobirise-tutorials.com ✩✩✩✩✩
- Suchen auf der eigenen Seite von Werner-Zenk.de
- nof-tutorials.com
- Suchen auf eigenen Seiten von Webbausteine.de
- nof-tutorials.com
- Suchen auf eigenen Seiten von Webdesign.Weisshart.de
- tommyherrmanndesign.com
- Tabelle online sortieren
- mobirise-tutorials.com ✩✩✩✩✩
- Tabellen von Mobirise sortieren oder auch nicht.
- nof-tutorials.com
- Textdatei mittels PHP-Skript auslesen und suchen
- nof-tutorials.com
- Textdateien im Formular-Editor am Server über PHP laden und bearbeiten
- nof-tutorials.com
- Texte durchsuchen und markieren von Webbausteine.de
- nof-tutorials.com
- Ticker jQuery mit vertkalem Scroll
- mobirise-tutorials.com ✩✩✩✩✩
- Timline-Ereignisse von Mobirise erweitern.
- nof-tutorials.com
- To-Do-Liste erstellen von Webbausteine.de
- mobirise-tutorials.com ✩✩✩✩✩
- Tooltip Funktionen von Bootstrap in Mobirise
- mobirise-tutorials.com ✩✩✩✩✩
- Tooltip und Popover Funktionen von Bootstrap 4 in Mobirise
- mobirise-tutorials.com ✩✩✩✩✩
- Tooltip und Popover Funktionen von Bootstrap 5 in Mobirise
- nof-tutorials.com
- Variablen in NOF verwenden
- tommyherrmanndesign.com
- Windows 7 / 8 - wie muss NOF installiert werden
- tommyherrmanndesign.com
- Zeichensatz in NOF
- nof-tutorials.com
- ZIP Archiv automatisch mit einem PHP-Skript von allen Dateien aus einem Server-Verzeichnis erstellen und downloaden.
Übersicht aller Tutorials
- tommyherrmanndesign.com
- Komponenten
Datenbanken, Formulare, NOF Komponenten, Mehrfach-Layoutbereich
- tommyherrmanndesign.com
- Links
Verschiedene Links zu interessanten Seiten rund um NOF sowie zu NetObjects Fusion Foren.
- tommyherrmanndesign.com
- Multimedia
Eine Auswahl verschiedener Multimedia Anwendungen wie Fotogalerien, Slider, Player, Fullscreen-Background und vieles mehr.
- tommyherrmanndesign.com
- Navigation
Alles rund um die Navigationsleisten von NOF und auch Anleitungen für eigene CSS-Navigationsleisten.
- tommyherrmanndesign.com
- Neue Seiten
meine neusten 10 Tutorials
- tommyherrmanndesign.com
- Sichere Seite
Alles über die Komponente "Sichere Seite" von NOF und mehr
- tommyherrmanndesign.com
- Sicherheit
Tipps zur Sicherung Eurer Projekte sowie rund um die Sicherheit im Web.
- tommyherrmanndesign.com
- Sonstiges
Verschiedene Tutorials, CSS, Counter, Frames, HTML5, jQuery, Kalender, Mouse Over, PHP, Publizieren, Scripts und vieles mehr.
- tommyherrmanndesign.com
- SwissKnife for NOF
zusätzliche Komponenten für NetObjects Fusion zum vereinfachten Einbau und Download der Anwendungen.
- tommyherrmanndesign.com
- Themen
Übersichtsseite aller Themen
- nof-tutorials.com
- Zu meiner Startseite