SK-REG BLOG

Dieser Block befindet sich derzeit im Aufbau und wird
ständig erweitert. Daher bitten wir um Verständnis, falls noch
nicht alle Funktionalitäten zur Verfügung stehen.
Dieses Projekt sehe ich als Terapie, um nicht zu vergessen
Details

Radius-Standard von 20px auf 12px

Der Standardwert steckt an drei Stellen im Code. Wenn du alle drei auf 12 änderst, ist 12px der Standard, auch nach dem Hard-Reset.





1 Der Regler im HTML

Zeile mit id="wm-rounding" :
        
          <input type="range" id="wm-rounding" min="0" max="100" value="12">
<div class="wm-value">Abrundung: <span id="wm-rounding-value">12px</span></div>
        
      

2 Das Vorschau-CSS

.wm-preview-inner :
        
          .wm-preview-inner {
  
  border-radius: 12px;
  
}
        
      

3 Die Hard-Reset-Funktion

In hardReset() :
        
          previewInner.style.borderRadius = "12px";

roundingRange.value = 12;
roundingValue.textContent = "12px";
        
      

Der Reset ruft sich am Ende des Skripts selbst einmal auf ( hardReset(); unter „Initialer Reset“). Deshalb ist Punkt 3 der entscheidende : Wenn du nur das HTML oder das CSS änderst, überschreibt der Reset beim Laden alles wieder mit 20.

Der Export (Speichern unter) liest den Wert direkt aus dem Regler, dort musst du nichts ändern.

0 Kommentare

Noch keine Kommentare. Schreib den ersten!

Deine E-Mail-Adresse wird nicht veröffentlicht.