CSS - Datum als Kalenderblatt darstellen

Dez.
9
2019


<style>

span.kalenderblatt {
 
font-familyArialSans-Serif;
 
font-size1rem;
 
text-alignCenter;
 
backgroundUrl("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEQAAABICAMAAAB4D6P7AAAA8FBMVEUAAAAAAAAAAADa2toAAABvbGwAAABOTEza2tqhnp7a2trSzc3Qy8va2tra1dXZ2dna1dXa1dXa2tra2trb1tbX0tLY09Pa2tpwcHB/f3+Ojo6QkJCdnZ2fn5+goKChoaGpqamrq6utra3ExMTFxcXHx8fLy8vMzMzNzc3X1NTY09PY19fZ2dna2dna2trb1tbb29vc19fc3Nzd2Njd3d3e3t7f29vg3Nzi4uLk4uLk5OTl5OTm5ubn5OTo5eXo6Ojp6enq6Ojr6+vs7Ozv7u7v7+/w7+/w8PD09PT19fX29vb39/f6+vr7+/v8/Pz+/v6lwRxzAAAAGHRSTlMAAQYGCgwNERslbHV2wMPExsnP0tT0+fmiId+CAAABaUlEQVR42u3QXVOCQBiG4dfQVNRMpUjTVUtTsZAQURP5FBUs/f//prWmYYaDpmXPmr0Pd+a5Zt4FAI4viXLCxBLPAS5XNfwgTFjgG9UcAFezQqqsGge8EVJm8FD2aRG/DGJAiwQiyCF1MkMYwhCG/F9k2BmSbvEkhjTaDVIET2JI665FiuBJDEEPiNCIJhg5fL88EiLR5ICRI1b6PSSjXp9AiCaHI0ZUVZFlBVlIkZ8J+pkoqoqRE05R0BtSlNMfi03O53yFntCRrGgSIV1ypBtHmvdNUgRPYki9XSdF8CSGDDoDUgRPIoQihjCEIQxhyO/IB63x/gLjPS2yH8PIpkXsEUiaR2d4mgRTS7P3FLfYmvUKk427mMmJmy3czQQkM9x5duK8XWhKcKs7IVWOfgOVlW5ukxNbU19VoLB2l/Np4uZLd12AjODQ/YkjZADyAt05Qh4AUtni1TRx18VsCs5dpC8Tl77AwCfx+0ZnhhB18gAAAABJRU5ErkJggg==");
 
background-repeatNo-Repeat;
 
displayInline-Block;
 
width68px;
 
height72px;
}

span.kalenderblatt strong {
 
font-size1.2rem;
</
style>

<
span class="kalenderblatt">Dez.<br><strong>9</strong><br>2019</span>

Bilder als Base64-Code kodieren — Siehe: Grafik als Zeichenkette speichern und wieder als Grafik ausgeben

Bausteine

Eine zufällige Auswahl von „Bausteinen” (Snippets) aus den Bereichen CSS, PHP, JavaScript und MySQL.

CSS - Mit ::selection markierten Text hervorheben

PHP - Wochentage zählen und als Variabeln zurückgeben

JavaScript - Prüfen, ob die Zahl gerade oder ungerade ist

MySQL - Datensätze sortieren nach Länge der Zeichen