Download Manager

[Volker]

Lade nochmal runter bitte

Keine AHnung was da schief gelaufen ist

https://www.niederastroth.de/dlmanager.zip

Das sollte aber jetzt gehen

Kann sein das ein Bild kommt, aber wenn man das tauscht kommt auch das ausgewählte, oder bild aus dann ist nur Farbe.

[Volker]

Die api und mbrext aus dem Zip ist nun auch hier auf meinen Seiten zu sehen und funktioniert:

https://www.niederastroth.de/DL1.html
https://www.niederastroth.de/dl2.html

[Tommy Herrmann]

Ja - alles bestens - habe alles geprüft.

… nur die Opacity ist mal wieder komisch. Hier ist die kleinstmöglich, also transparenteste Einstellung:

https://www.mobirise-tutorials.com/AI-B ... nager.html

Das gleich Problem hatten wir doch gerade erst beim Gästebuch oder?

[Volker]

Also ich kann die einstellen hier mal mit 0 Transparenz. Ich sehe das auch im Builder wie es aussieht

https://www.niederastroth.de/DL1.html

oder ich gehe auf fast ganz durchsichtig, geht auch

[Tommy Herrmann]

Das Problem ist nicht 100% Deckkraft, wie jetzt bei Dir als Test, sonder 0% Deckkraft - also komplett transparent, das geht nicht.

[Volker]

Ach so

Ne 5 % ist Feierabend kannst ja im HTML auf 0 setzen

<input type="range" inline title="Deckkraft (%)" name="glassOpacity" min="5" max="100" step="5" value="5">

und css hier ändern:

Code: Alles auswählen

.glass-card {
  /* Zwingt den Editor, die Deckkraft direkt als echten Prozentwert zu interpretieren */
  background: fade(@cardBgColor, ~"@{glassOpacity}%") !important;
  backdrop-filter: blur(16px) !important;
  -webkit-backdrop-filter: blur(16px) !important;
  border: 1px solid fade(@textColor, 12%) !important;
  border-radius: ~"calc(@{cardRadius} * 1px)" !important;
  padding: 1.5rem;
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.3) !important;
}

[Volker]

Ha ha ha

schon beim Tommy zum Download - noch bevor ich das Teil raus haue

[Tommy Herrmann]

Ja danke - das hatte ich schon gefunden. Verstehe das nicht so ganz und das ist auch glaube ich nicht richtig so. Du oder die KI hatte das beim Gästebuch so angepasst:

Code: Alles auswählen

.glass-card {
  background: fade(@cardBgColor, @glassOpacity) !important;
  backdrop-filter: ~"blur(calc(@{glassBlur} * 1px))" saturate(130%) !important;
  -webkit-backdrop-filter: ~"blur(calc(@{glassBlur} * 1px))" saturate(130%) !important;
  border-radius: ~"calc(@{cardRadius} * 1px)" !important;
  border: 1px solid fade(@textColor, 15%) !important;
  box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.25) !important;
}

Ist aber wie es ist auch OK, mir ist das nur aufgefallen.

[Volker]

Tommy du alter Fuchs

Ja im GB haben wir ja auch die Blur über Zahnrad hier ist die fest auf 16px
Kannst Du ja auch anpassen - ich hab darauf hier jetzt verzichtet

Hier die Codes dafür ,muss ein schieber für blur rein

Code: Alles auswählen

<header>🔮 GLASSMORPHISMUS</header>
        <input type="range" inline title="Ecken-Rundung (px)" name="cardRadius" min="0" max="40" step="2" value="24">
        <input type="range" inline title="Deckkraft (%)" name="glassOpacity" min="0" max="100" step="5" value="6">
        <input type="range" inline title="Weichzeichner (px)" name="glassBlur" min="0" max="30" step="1" value="16">
        <input type="color" title="Glas-Grundfarbe" name="cardBgColor" value="#ffffff">

Code: Alles auswählen

.glass-card {
  background: fade(@cardBgColor, @glassOpacity) !important;
  /* ✅ Nutzt jetzt die mathematische Weiche aus dem Gästebuch */
  backdrop-filter: ~"blur(calc(@{glassBlur} * 1px))" saturate(130%) !important;
  -webkit-backdrop-filter: ~"blur(calc(@{glassBlur} * 1px))" saturate(130%) !important;
  border-radius: ~"calc(@{cardRadius} * 1px)" !important;
  border: 1px solid fade(@textColor, 15%) !important;
  box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.25) !important;
}

[Tommy Herrmann]

Danke Volker,

das wollte ich nur wissen, nur dass das kein Bug von der KI ist, der immer wiederholt wird.

Ich lasse das jetzt so, damit das bei mir nicht wieder alles anders wird als im Original. Dann müsste ich bei einer Änderung auch das wieder alles neu machen.

Es ging mir hier nur um die Feststellung. Du hast gesagt- ich soll das prüfen