Hauptseite: Unterschied zwischen den Versionen
Erscheinungsbild
Keine Bearbeitungszusammenfassung |
Keine Bearbeitungszusammenfassung |
||
| Zeile 1: | Zeile 1: | ||
<div | // Klickbarer Counter mit stylischem Text | ||
$(document).ready(function() { | |||
</div> | var count = 0; | ||
// Rechteck erstellen | |||
var rectButton = $('<div></div>') | |||
.css({ | |||
'width': '300px', | |||
'height': '150px', | |||
'background-color': 'rgba(0,0,0,0)', // unsichtbar | |||
'display': 'flex', | |||
'justify-content': 'center', | |||
'align-items': 'center', | |||
'cursor': 'pointer', | |||
'border-radius': '8px', | |||
'user-select': 'none', | |||
'margin': '20px auto', | |||
'text-align': 'center' | |||
}); | |||
// Richtext mit Stil | |||
var richText = $('<div style="font-family: \'Fredoka One\'; font-size: 48px; color: black;">' + | |||
'Wiki<span style="color:#ff6666;">4</span>' + | |||
'<span style="background: linear-gradient(to right, green, lightblue); -webkit-background-clip: text; -webkit-text-fill-color: transparent;">Life</span>' + | |||
'<br>Clicks: 0</div>'); | |||
rectButton.append(richText); | |||
// Klick-Event | |||
rectButton.click(function() { | |||
count++; | |||
richText.html('Wiki<span style="color:#ff6666;">4</span>' + | |||
'<span style="background: linear-gradient(to right, green, lightblue); -webkit-background-clip: text; -webkit-text-fill-color: transparent;">Life</span>' + | |||
'<br>Clicks: ' + count); | |||
}); | |||
// Auf der Seite mittig einfügen | |||
$('body').prepend(rectButton); | |||
}); | |||
Version vom 19. September 2025, 15:13 Uhr
// Klickbarer Counter mit stylischem Text $(document).ready(function() {
var count = 0;
// Rechteck erstellen
var rectButton = $('
')
.css({
'width': '300px',
'height': '150px',
'background-color': 'rgba(0,0,0,0)', // unsichtbar
'display': 'flex',
'justify-content': 'center',
'align-items': 'center',
'cursor': 'pointer',
'border-radius': '8px',
'user-select': 'none',
'margin': '20px auto',
'text-align': 'center'
});
// Richtext mit Stil
var richText = $('
' +
Clicks: 0
'Wiki4' + 'Life' +'
Clicks: 0
');
rectButton.append(richText);
// Klick-Event
rectButton.click(function() {
count++;
richText.html('Wiki4' +
'Life' +
'
Clicks: ' + count);
});
// Auf der Seite mittig einfügen
$('body').prepend(rectButton);
});