Gib uns mal einen Link zur Seite

Das machst Du über die Codezeile padding

Könntest Du uns einen Link zu der Betroffenen Seite geben?

Gerne doch

Ich wollte einfach mein Werk mit Euch teilen, denn früher oder später wäre hier sicher die Frage aufgekommen wie das geht

Sehr gerne.

Guten Tag, seid gestern gibt es die Erweiterung Datums Anzeige für das News System.

Ich habe mir das Design eben umgeschrieben und ein Hintergrund für die Datumsanzeige erstellt.

Das Originalhintergrundbild für die Datumsanzeige:

Die Grafik ladet Ihr euch in das Verzeichnis wcf/images

Und im Stil bei Erweiterte Einstellungen ergänzt Ihr folgenden CSS Code:

.newsDateBadge > div {
    color: #000;
    display: block;
    font-size: 1.2rem;
    font-weight: bold;
    padding: 2px 10px;
    margin-left: 10px;
    text-align: center;
    position: absolute;
    top: 15px;
    border-radius: 5px;
    box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.2);
    background-color: #14171A;
    background-image: url(../wcf/images/date.png);
    text-shadow: 0px -1px 0px transparent;
}

Selbstverständlich könnt Ihr auch selbst entworfene oder andere Grafiken benutzten. Diese sollten die Größe 40x52 Pixel besitzen.

Die von mir hier zur Verfügung gestellte Grafik "date.png" kann für jedermann Benutzt/Verändert/Weitergegeben werden. Ich habe diese selbst erstellt. Falls jetzt Fragen kommen, wegen Copyright usw.

Liebe Grüße

Tino