ChatGPT begeistert mich mal wieder

[Tommy Herrmann]

ChatGPT & Firefox

Im Firefox Browser ist nun ChatGPT fest integriert.

Da ich bei ChatGPT registriert bin, erscheint dann auch sogleich mein persönliches Dashboard von ChatGPT.

[Tommy Herrmann]

Zum Thema Mega-Menü fällt mir ein, dass ich bereits viele Beispiele erstellt habe, darunter auch dieses hier:

https://www.mobirise-tutorials.com/Mega-Menu/

Es handelt sich um ein gekauftes Mega-Menü, das sich problemlos in Mobirise integrieren ließ. Die Entwickler bringen anscheinend ständig neue Features heraus. Schau dir das mal an!

https://www.menucool.com/

[Tommy Herrmann]

GPT-5

Die KI ChatGPT stellt nun die neueste Version GPT-5 zur Verfügung:

https://help.openai.com/en/articles/682 ... ease-notes

https://help.openai.com/en/articles/119 ... in-chatgpt

[Nachtfalke]

ChatGPT hat mir heute auch einmal zur Seite gestanden... Eventuell kann das ja mal einer gebrauchen.
Aber Ihr wusstet das ja bestimmt auch schon wie das umzusetzen ist.

Was wollte ich haben…? Beim Scrollen sollte sich das Logo von Weis in Schwarz ändert. Das hat doch tatsächlich auch funktioniert.
https://dm-webmedia.de/autohaus-fehl/


Vorgehen: Zweites Logo im Menü beim Scrollen anzeigen
1. Logos einfügen

Lade dein normales Logo (z. B. bunt/schwarz) wie gewohnt in den Menü-Block hoch → das bekommt automatisch die Klasse .navbar-logo.

Lade zusätzlich ein zweites Logo (z. B. weiß/hell) in den Menü-Block.
Dafür gehst du in den Code Editor des Menü-Blocks und fügst direkt nach dem ersten Logo ein zweites <img> ein, z. B.:

Code: Alles auswählen

<a class="navbar-logo" href="#">
   <img class="logo-light" src="assets/images/logo-normal.png" alt="Logo">
   <img class="logo-dark" src="assets/images/logo-white.png" alt="Logo">
</a>

2. CSS hinzufügen

Gehe zu Seiten-Einstellungen → Code Editor → CSS und füge folgendes ein:

Code: Alles auswählen

/* Standard: nur das normale Logo sichtbar */
.navbar .logo-dark {
  display: none;
}

Code: Alles auswählen

/* Wenn Navbar gescrollt: normales Logo ausblenden, weißes Logo einblenden */
.navbar.scrolled .logo-light {
  display: none;
}
.navbar.scrolled .logo-dark {
  display: inline;
}

3. Scroll-Klasse hinzufügen

Manche Mobirise-Themes fügen automatisch beim Scrollen .navbar-short oder .scrolled hinzu.
Wenn bei dir keine Klasse gesetzt wird, dann füge folgendes JavaScript unter Page Settings → Code Editor → Footer ein:

Code: Alles auswählen

<script>
document.addEventListener("scroll", function() {
  var navbar = document.querySelector(".navbar");
  if(window.scrollY > 50) {
    navbar.classList.add("scrolled");
  } else {
    navbar.classList.remove("scrolled");
  }
});
</script>

[Tommy Herrmann]

Hallo Dieter,

toll

Danke dir für das Teilen deiner Erfahrungen.



P.S.:

ich formatiere deinen von dir oben geposteten "Code" mal mit einem BBCode (dafür gibt es den Button </>):

Code: Alles auswählen

[code] hier steht Code - ohne das Leerzeichen nach dem / [/ code]

Also den Code mit Maus markieren und dann oben den Button </> klicken. Öffne Deinen Beitrag am Stift und du kannst sehen, wie ich es geändert habe. Alle Mitglieder können im Forum ihre Beiträge 1 Stunde lang noch ändern/bearbeiten.

[Tommy Herrmann]

Gucke dir mal meinen "Box-Shadow Generator" von ChatGPT an.

Den hat mir die KI gestern in genau 3 Sekunden erstellt - ich musste gar nichts ändern

Ich habe den Generator nur in ein iFrame gepackt, damit ich einen Klickzähler für die Aufrufe einbauen kann.

https://www.mobirise-tutorials.com/Tuto ... Shadow.php

[Nachtfalke]

Hatte ich gestern schon gesehen… Top
Unglaublich was da mittlerweile so alles machbar ist.

[struggle]

Ich habe mal eine grundsätzliche Frage. Im Internet häufen sich ja KI's, man verliert langsam den Überblick. Mich interessiert, welche KI sich besonders gut eignet für die Zusammenarbeit mit Mobirise.
Da gibt es z.B. auch Gemini in einer kostenlosen und Kostenpflichtigen Version.
Und dann habe ich gelesen, daß es ChatGPT Canvas von OpenAI gibt, wo nach Aufforderung ein Skript zu schreiben, ChatGPT einen Code-Editor anstelle eines Text-Editors öffnet.
Oder gibt es etwas anderes, was sich auch für Mobirise eignet ?
Es haben bestimmt schon einige Nutzer Erfahrungen gesammelt !

[Tommy Herrmann]

Moin,

meiner Meinung nach ist diese Frage nicht zu beantworten

In der Regel wird jeder genau die KI großartig finden, mit der er Erfolg hatte. Wenn man dann mit einer KI Erfolg hatte, wird man auch genau diese KI immer weiter verwenden.

Generell kann man aber sagen, dass jede KI immer nur in der bezahlten Version die Ergebnisse liefert, die man erwartet. Die kostenlosen Versionen sind natürlich so gestaltet, dass man das auch schnell merken wird.

Das wiederum wird dazu beitragen noch eher bei der gleichen KI zu bleiben, so wie ich bei "ChatGPT", denn man bezahlt ja dort bereits und ist natürlich darauf bedacht nicht doppelt und dreifach zu bezahlen.

Viele finden ja "ClaudeAI" sehr gut - ich fand es vom Design sehr gut aber nicht unbedingt von der Technik. Ich habe ja große Erfolge auf meinen Tutorialseiten als Beispiele, die alle mit Hilfe von "ChatGPT" entstanden sind, wie sämtliche Links von diesem Projekt:

https://www.mobirise-tutorials.com/AI-Beispiele/

Ich habe auch bestimmt ein halbes Dutzend anderer KIs ausprobiert und intensiv getestet - das sollte man tun und dann selbst seinen Weg finden.

Ich glaube wichtig ist eben auch bei jeder KI, dass man lernt mit dieser erfolgreich umzugehen. Dabei kommt es enorm auf die Art der Anweisungen an. Wichtig ist auch, dass man selbst genug von HTML, CSS und Co. versteht, um den Erfolg überhaupt beurteilen und prüfen zu können.

Das erinnert mich an die Aussage eines ehemaligen Forum-Mitgliedes wie großartig die Übersetzung von "Deepl" gegenüber "Google" wäre - tausend Mal besser - selbst spricht er aber kein Wort Englisch - nun frage ich mich wie er das dann überhaupt beurteilen will.

Wenn immer ich manch eine Anwendung von anderen KI-Benutzern teste, finde ich unendlich viele Fehler.

Das liegt dann aber meist nicht an der verwendeten KI, sondern an dem der sie verwendet und nicht ausreichend testet. Daher ist bei der Verwendung - egal von wem - große Vorsicht geboten, denn wenn die KI behauptet es wäre "sicher" hat das nichts - aber auch gar nichts zu bedeuten.

Einige User sowie auch ich haben viele KIs in den letzten 2 Jahren derartig gut auf Mobirise trainiert, dass alle bekannten KIs inzwischen Mobirise in- und auswendig kennen. Natürlich muss man auch immer erwähnen, dass das was man fragt für Mobirise Version x.xx sein soll und eben auch für Bootstrap Version x.xx passen muss. Sonst scheitert man gleich.

[struggle]

Besten Dank für die ausführliche Antwort !

Natürlich muss man auch immer erwähnen, dass das was man fragt für Mobirise Version x.xx sein soll und eben auch für Bootstrap Version x.xx passen muss. Sonst scheitert man gleich.

Siehst Du, und schon wieder wurde mir geholfen, an die Bootsrap Version habe ich bisher nicht gedacht

[Volker]

Man sollte immer den chat weiter mach wo di KI noch weiss wie Mobirise funktioniert.KI merkt sich leider die spezielle Syntax nicht.Also fängt sie bei jedem neuen chat bei 0 an. Hab ich oft gemerkt und wurde mir auch von allen KI bestätigt.

[Tommy Herrmann]

Man darf die Chats aber auch nicht zu lang werden lassen, dann kann die KI durcheinander kommen und es kann extrem langsam werden.

Am besten für jedes neue Thema immer einen neuen Chat starten und gleich am Anfang auch schreiben, dass es sich um Mobirise handelt.

Codes immer als gesamten Code posten und niemals nur Ausschnitte, das kann zu krassen Fehlern führen. Immer die Reihenfolge:

→ HTML → CSS → JavaScript

einhalten!

ChatGPT merkt sich nur alle Antworten innerhalb des gleichen Chats.

Ich habe dazu gerade auch mal mein ChatGPT (Plus-Version) befragt, hier die Antwort:

Hier ist ein kleiner, leicht verständlicher Ratgeber für Dein Forum:

Besser mit ChatGPT arbeiten – speziell für Mobirise

Wer mit ChatGPT Scripts oder individuelle Blöcke für Mobirise erstellen möchte, bekommt deutlich bessere Ergebnisse, wenn einige einfache Regeln beachtet werden.

1. Immer möglichst genau beschreiben, was man möchte

Je genauer die Anfrage, desto besser die Antwort.

Nicht gut:
„Mach mir ein Script.“

Besser:
„Ich brauche ein JavaScript für einen Mobirise-Block, der beim Klick auf einen Button ein Popup öffnet.“

Sehr hilfreich sind zusätzlich:

> Welche Mobirise-Version verwendet wird

> Welches Theme benutzt wird

> Ob HTML, CSS oder JavaScript benötigt wird

> Fehlermeldungen oder Screenshots

> Bereits vorhandener Code


2. Für neue Themen immer einen neuen Chat starten

Ein häufiger Fehler:

Zu viele unterschiedliche Themen in einem einzigen Chat.

Dann kann ChatGPT:

> langsamer werden

> alte Informationen falsch vermischen

> „durcheinander kommen“

Darum:

Für jedes neue Projekt oder Problem einen neuen Chat beginnen

Gleich am Anfang erwähnen:

„Es geht um Mobirise.“

Das hilft der KI enorm.


3. Lange Chats vermeiden

Sehr lange Unterhaltungen können problematisch werden.

Die KI „merkt“ sich zwar den Verlauf innerhalb eines Chats, aber:

> ältere Informationen werden mit der Zeit weniger wichtig

> Antworten können ungenauer werden

> der Chat wird oft langsamer

Wenn ein Chat sehr lang geworden ist:

> Zusammenfassung kopieren

> neuen Chat starten

> kurz erklären, worum es geht


4. Code immer komplett zeigen

Wenn etwas nicht funktioniert:

> niemals nur schreiben „geht nicht“

> immer den kompletten relevanten Code zeigen

Besonders wichtig:

> HTML

> CSS

> JavaScript

Fehlermeldungen aus der Browser-Konsole

Denn oft liegt der Fehler nicht dort, wo man ihn vermutet.


5. Schrittweise arbeiten

Besser kleine Schritte statt riesiger Komplett-Projekte.

Zum Beispiel:

> Erst das HTML erzeugen

> Dann das CSS

> Danach JavaScript hinzufügen

Zum Schluss optimieren

Das spart Zeit und verhindert viele Fehler.


6. Unterschiede zwischen kostenloser Version und Plus-Version

Kostenlose Version

> oft langsamer

> manchmal eingeschränkter

> weniger „Gedächtnis“ bei langen Chats

> zu Stoßzeiten eventuell schlechter erreichbar


Plus-Version

Mit der Plus-Version (23,00 €/Monat) von ChatGPT bekommt man meist:

> bessere und schnellere Modelle

> stabilere Antworten

> bessere Code-Generierung

> längere und komplexere Chats

> oft deutlich bessere Ergebnisse bei Programmierung und Scripts

Gerade bei:

> JavaScript

> komplexeren Mobirise-Blöcken

> Debugging

> CSS-Anpassungen

merkt man den Unterschied oft deutlich.


7. Die KI ist ein Werkzeug – kein Zauberer

ChatGPT kann sehr viel:

> Ideen liefern

> Fehler finden

> Code schreiben

> erklären und optimieren

Aber:

> nicht jede Antwort ist automatisch korrekt

> manchmal entstehen Fehler oder unnötiger Code

Darum:

> immer testen

> kleine Schritte machen

> Ergebnisse kontrollieren



Fazit

Wer klar formuliert, sauber strukturiert arbeitet und neue Themen in neuen Chats behandelt, bekommt mit ChatGPT oft erstaunlich gute Ergebnisse – besonders auch für individuelle Lösungen in Mobirise.
Die KI funktioniert am besten, wenn man sie wie einen sehr schnellen Assistenten behandelt:
präzise fragen → Schritt für Schritt arbeiten → Ergebnisse testen.