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.