Menü aufrufen
Spenden Seite Aufrufen
Persönliches Menü aufrufen
Nicht angemeldet
Ihre IP-Adresse wird öffentlich sichtbar sein, wenn Sie Änderungen vornehmen.

MediaWiki:Citizen.css: Unterschied zwischen den Versionen

MediaWiki-Schnittstellenseite
Keine Bearbeitungszusammenfassung
Keine Bearbeitungszusammenfassung
Zeile 3: Zeile 3:
     display: none;
     display: none;
}
}
/* Erstellen Sie einen Platzhalter für das benutzerdefinierte Bild */
 
#footer-customico:before {
/* das "siteSub nicht löschen */
     content: "";
/* Fügen Sie ein benutzerdefiniertes Icon mit einem Link hinzu */
#footer-icons::after {
     content: url('/path/to/your/image.png'); /* Bild-URL */
     display: inline-block;
     display: inline-block;
     width: 88px; /* Breite des Bildes */
     margin-left: 15px; /* Abstand zum vorherigen Inhalt */
    height: 31px; /* Höhe des Bildes */
    background-image: url('/path/to/your/custom_image.png');
    background-size: cover;
    margin-right: 10px;
     vertical-align: middle;
     vertical-align: middle;
}
}


/* Verlinken des Platzhalters */
#footer-icons::after:hover {
#footer-customico a {
    cursor: pointer;
}
 
#footer-icons::after {
     position: relative;
     position: relative;
    display: inline-block;
    text-decoration: none;
}
}


/* Den Link-Text unsichtbar machen, damit nur das Bild sichtbar ist */
#footer-icons::after:active {
#footer-customico a span {
     cursor: pointer;
    position: absolute;
     content: url('https://example.com'); /* Ziel-URL */
    width: 100%;
     height: 100%;
     left: 0;
    top: 0;
    z-index: 10;
    color: transparent;
}
}

Version vom 26. August 2024, 10:47 Uhr

/* Das folgende CSS wird für Benutzer des Citizen-Skins geladen */
#siteSub {
    display: none;
}

/* das "siteSub nicht löschen */
/* Fügen Sie ein benutzerdefiniertes Icon mit einem Link hinzu */
#footer-icons::after {
    content: url('/path/to/your/image.png'); /* Bild-URL */
    display: inline-block;
    margin-left: 15px; /* Abstand zum vorherigen Inhalt */
    vertical-align: middle;
}

#footer-icons::after:hover {
    cursor: pointer;
}

#footer-icons::after {
    position: relative;
}

#footer-icons::after:active {
    cursor: pointer;
    content: url('https://example.com'); /* Ziel-URL */
}