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

Aktueller Inhalt von Sempervivum

  1. S

    Audioplayer mit Effekt

    PS: Damit die Farben und die Lautstärke gleich beim Seitenaufruf eingestellt wird, lagern wir den Code in eine Funktion aus und rufen diese direkt auf: <script> // Lautstärkeregler function setVolume() { audio.volume = volumeSlider.value / 100; const...
  2. S

    Audioplayer mit Effekt

    Versuche dieses Skript für die Farben: <script> // Lautstärkeregler const volumeSlider = document.getElementById('volume-slider'), audio = document.querySelector('audio'); volumeSlider.addEventListener('input', function () {...
  3. 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.
  4. S

    Audioplayer mit Effekt

    PS: Das mit der Farbe des Schiebereglers verstehe ich, ich werde es später einarbeiten sobald ich wieder Zeit habe.
  5. 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...
  6. 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...
  7. 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...
  8. 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...
  9. 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...
  10. 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.
  11. 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...
  12. S

    Audioplayer mit Effekt

    Ich habe jetzt die Linien so animiert, dass sie diagonal ein- und ausfliegen. Lautstärkeregelung mache ich später.
  13. 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"...
  14. 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...
  15. 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...
Zurück
Oben