Zum Inhalt springen

Hauptseite: Unterschied zwischen den Versionen

Aus wiki4life
Keine Bearbeitungszusammenfassung
Keine Bearbeitungszusammenfassung
Zeile 1: Zeile 1:
<div style="font-family: 'Fredoka One'; text-align: center; margin-top: 5px; font-size: 64px; color: black;">
// Klickbarer Counter mit stylischem Text
  Wiki<span style="color:#ff6666;">142</span><span style="background: linear-gradient(to right, green, lightblue); -webkit-background-clip: text; -webkit-text-fill-color: transparent;">Life</span>
$(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 = $('

' +
                    '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);

});