CSS - Datum als Kalenderblatt darstellen

Jan.
31
2023


<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">Jan.<br><strong>31</strong><br>2023</span>

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

Bausteine  Alle Anzeigen

Eine zufällige Auswahl von Codeschnipseln aus den Bereichen HTML, CSS, PHP, JavaScript und MySQL.

<hr> Trennlinie

CSS - Container vertikal drehen

PHP - Datum der nächsten sieben Tage ausgeben

JavaScript - Anzahl der Wörter als Fortschrittsbalken anzeigen

MySQL - Punkte summieren und die Namen gruppieren

Sitemap - Übersicht
Werden auf einer Seite zu viele Links angezeigt, kann der Besucher schnell die Übersicht verlieren. Bei größeren Webseiten empfiehlt es sich daher eine Seite mit einer Übersicht (oder Inhaltsverzeichnis) anzubieten.