Etwas spät: Osterei mit CSS formatieren!

---

Hallo Daishi,
interessante Möglichkeit, wie man dem Ei ein paar Streifen verpassen kann.
Wenn man sich die CSS ansieht kann man erkennen, dass die Streifen aus den "Gleichheitszeichen" (=) in Zeile 12 entstehen!

Aber!

Die Farbe der Streifen (Zeile 17) muss der Hintergrundfarbe des Forums oder des Beitrages entsprechen auf dem das Ei abgebildet wird, sonst sieht es wie in Bild 1 aus (Gaia-Template)!
Komischerweise wird das Ei nicht in allen Template gleich angezeigt, siehe Bild 2 (Standard)!
Entsprechend dem Template muss hier und da noch nachgearbeitet werden!

Nachtrag:

Das "Ei mit Streifen" lässt sich auch über einen BB-Forencode direkt hier im Beitrag realisieren.
Da hier der Hintergrund weiß ist, braucht kaum etwas angepasst zu werden.
Man kann auch eine beliebige Anzahl von Codes nebeneinander platzieren!

Etwas spät: Frohe Ostern!

= = =


Geändert wurde:


Hier ist der BB-Code, der direkt in den Beitrag eingefügt werden kann!

1
2
 

[h1]Frohe Ostern![/h1]
[style=background-color: #ffffff; background-image: linear-gradient(#fd73e1 0%, #cc1058 100%); display: inline-block; width: 120px; height: 155px; border-radius:50%  50%  50%  50%  / 60%   60%   40%  40%; position: relative;margin:20px;][style=position:absolute; margin-top: -120px; left: -35px; font-size: 300px; color: #ffffff; font-weight: 300; opacity: 0.8; transform:rotate(-11deg);]=[/style][/style]   
 

Bis dann und danke für Deinen Vorschlag
Wolfgang