Webseiten-Werkzeuge


neuen_button_einfuegen

Unterschiede

Hier werden die Unterschiede zwischen zwei Versionen der Seite angezeigt.

Link zu der Vergleichsansicht

Beide Seiten, vorherige ÜberarbeitungVorherige Überarbeitung
Nächste Überarbeitung
Vorherige Überarbeitung
neuen_button_einfuegen [2025/10/23 13:54] wikiwriterneuen_button_einfuegen [2025/10/23 14:09] (aktuell) – [In der Datei tigerquiz.css] wikiwriter
Zeile 59: Zeile 59:
 ===== und zum Schluss den Knopf in der Button-Leiste der Seite anzeigen ===== ===== und zum Schluss den Knopf in der Button-Leiste der Seite anzeigen =====
           cloneButtonContainer.appendChild(cloneHelpBtn);           cloneButtonContainer.appendChild(cloneHelpBtn);
 +
 +======In der Datei tigerquiz.css======
 +In den Listen mit ''.check-button'' den Eintrag ''.help-button'' hinzufügen (zwei Stellen).
 +Der Punkt ''.'' ist wichtig, da aus der Klasse ''help-button'' in //quiz.js// die HTML-Klasse ''.help-button'' abgeleitet wird.
 +
 +Hintergrundfarbe festlegen
 +    .help-button {
 +        background-color: #7f8c00;
 +    } 
 +
 +Um die Aufnahme der eingebetteten Hilfe-/Lösungsseite mit ausreichend Platz auszustatten, wurde Anzeige der Klasse ''.feedback'' modifiziert:
 +    .feedback {
 +        font-weight: bold;
 +        margin-top: 20px;
 +        margin-left: 0px;
 +        margin-right: 0px;
 +        font-size: 24px;
 +        /* center feedback */
 +        text-align: center;
 +        zoom: 1.0;
 +        height: 100%;
 +        width: 100%;
 +    }
 +
 +Es kommt dabei auf die Einträge ''zoom'', ''height'' und ''width'' an.
  
neuen_button_einfuegen.1761220470.txt.gz · Zuletzt geändert: von wikiwriter