• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Suchergebnisse

  1. S

    Html button ein JS funktion starten lassen, die ein quiz mit belibig vielen fragen startet

    Dann mach einen Demo-Code mit Dummies für die Fragen und Antworten. Das müssen dann nicht viele sein, zwei oder drei sind ausreichend.
  2. S

    Audioplayer mit Effekt

    PS: Das mit der Farbe des Schiebereglers verstehe ich, ich werde es später einarbeiten sobald ich wieder Zeit habe.
  3. S

    Audioplayer mit Effekt

    Diese drei Anforderungen lassen sich recht leicht umsetzen: Den Rahmen und den Hintergrund kannst Du mit diesem CSS erzeugen: .play-pause-wrapper { display: grid; width: var(--wrapper-diameter); height: var(--wrapper-diameter); border-radius: 50%; --blur: 3px; border...
  4. S

    Info Formular pdf Ausgabe - Eingabefelder lassen sich nicht vertikal mittig ausrichten

    Padding ist sicher eine gute Möglichkeit. Ich habe mal versucht, das mit Flex zu zentrieren und die Abmessungen des main-Containers entspr. einer DIN-A4-Seite gesetzt: main { width: 210mm; height: 297mm; display: flex; justify-content...
  5. S

    [ERLEDIGT] Fußballkader per HTML

    Anscheinend hast Du dir nicht die Mühe gemacht, einen Blick auf die Links zu werfen, die ich dir gegeben habe. Na denn: Für solch ein Layout mit Bildern und jeweils einer Beschreibung dazu bietet sich das figure-Tag an. Ich habe dein HTML mal entsprechend umgeändert und auch überflüssige...
  6. S

    [ERLEDIGT] Fußballkader per HTML

    Das Layout, das Du als Screenshot gepostet hast, bitte nicht als Tabelle. Die lässt sich mit normalen Mitteln nicht responsiv machen und ihr wollt ja sicher, dass eure Website auch auf dem Handy gut aussieht. Informiere dich statt dessen über Gridlayout, z. B. hier...
  7. S

    Audioplayer mit Effekt

    Guten Abend, allerdings, da hast Du einiges zerlegt und vieles ist abhanden gekommen. Warum manche meinen, dass Kommentare unnütz sind und gelöscht gehören hat sich mir noch nie erschlossen. Stell dir vor, wenn sich Du, ich oder ganz jemand anders das in einem halben Jahr ansieht. Der wird...
  8. S

    Audioplayer mit Effekt

    Für welchen Slider hast Du dich denn entschieden? Poste mal den Code, den Du bisher hast, dann sieht man sicher schnell, woran es hakt.
  9. S

    Audioplayer mit Effekt

    Für die Lautstärkeregelung empfehle ich, einen Custom-Slider zu verwenden, damit Du das Aussehen beliebig gestalten kannst. Hier ein Leichtgewicht, nur der Slider: https://www.cssscript.com/custom-range-slider-input/ Und hier einer mit erweiterten Möglichkeiten, Skala, Anzeige des Wertes etc...
  10. S

    Audioplayer mit Effekt

    Ich habe jetzt die Linien so animiert, dass sie diagonal ein- und ausfliegen. Lautstärkeregelung mache ich später.
  11. S

    Audioplayer mit Effekt

    In etwa pink: <lineargradient id="gradient"> <stop offset="0%" stop-opacity="0" stop-color="#FF00F4" /> <stop offset="30%" stop-opacity="1" stop-color="#FF00F4" /> <stop offset="70%" stop-opacity="1"...
  12. S

    Audioplayer mit Effekt

    Das ist sehr einfach, es passiert durch die folgenden Codezeilen: // Durchmesser von Button und Wrapper definieren. // Die Breite des kreisenden Elementes ergibt sich aus der Differenz. btnDiameter = 80, wrapperDiameter = 100; btnDiameter ist der...
  13. S

    Audioplayer mit Effekt

    Wie Du anfangs geschrieben hast, sind die Linien in dem Play-Pause-Button nicht so richtig sauber, die Länge unterscheidet sich ein wenig. Statt das manuell und durch Probieren zu richten habe ich die Linien neu aufgebaut und die Werte mit Javascript berechnet, damit sie genau stimmen. Man hätte...
  14. S

    Audioplayer mit Effekt

    So, ich habe mich jetzt der Sache angenommen und diesen kreisenden Bogen realisiert: <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1" /> <title> Circle Shaped Gradient </title>...
  15. S

    Audioplayer mit Effekt

    Ich habe da ein wenig mit CSS experimentiert aber ohne befriedigendes Ergebnis. Erfolg versprechender scheint mir zu sein, diesen Bogen mit SVG zu zeichnen und dann mit CSS-blur den Verlauf zu erzeugen. Siehe hier: https://www.mediaevent.de/tutorial/svg-circle-arc.html Im Moment fehlt mir aber...
  16. S

    Audioplayer mit Effekt

    Könnte eine witzige Aufgabe sein, bloß, ich kann bei dem Player in dem zweiten Beispiel https://codepen.io/CGNDaniel/pen/KKYVZEz keinen animierten Schweif erkennen, bloß einen radialen Farbverlauf? Ist das dein eigener Versuch? Wo kann man sich die Animation mit dem Schweif ansehen? Edit: Doch...
  17. S

    MP4 Video mit jpg Vorschau

    Alternativ könntest Du versuchen, mit anderen, unkritischen Videos, eine Demo zu machen und zu versuchen, damit das Problem zu reproduzieren.
  18. S

    MP4 Video mit jpg Vorschau

    @Manfred41 Wenn die Videos nicht vertraulich sind, dann poste doch mal die URL dieser Seite, damit wir das untersuchen können.
  19. S

    Outlines

    Das wird hier ganz gut erklärt: https://kinsta.com/blog/css-text-outline/
  20. S

    Script zum Einbetten positionieren

    Da lese ich: D. h. Du musst den Code dort einfügen wo die Grafik angezeigt werden soll. Das Skript fügt dann den iFrame mit document.write an der Stelle ein.
Zurück
Oben