Datum in einem Kasten anzeigen

kirsch.designs

Ich möchte mein datum in so einem kleinen Kästchen anzeigen. Wie man das per CSS codiert weiß ich, das habe ich auch schon klappt auch (wenn man es 'manuell' eingibt) jetzt hab ich nur das Problem, das ich es nicht hinbekomme mit dem datum-tag zu verbinden...

So solls in etwa aussehen: http://headsh0t.org/datum.jpg

mein CSS Code:

Code

.datum {
	font-family: Arial, Helvetica, Sans-Serif;
	float: left;
	text-align: center;
	width: 40px;
	height: 40px;
	background-color: #ECE58D;
	color: #EC1D66;
	margin-top: 0;
	margin-right: 10px;
	margin-bottom: 5px;
	margin-left: 0;
	padding-top: 8px;
	padding-right: 5px;
	padding-bottom: 8px;
	padding-left: 5px;
	}
	
.month {
    font-size: 10px;
    text-align: center;
    letter-spacing: 4px;
    }


.year {
    font-size: 10px;
    text-align: center;
    letter-spacing: 4px;
    }


.day {
	font-size: 15px;
	text-align: center;
	line-height: 19px;
	letter-spacing: 2px;
	font-weight: bold;
    }

Alles anzeigen

Also dann quasi:

PHP

<div class="datum"><?php the_date() ?></div>

Ja und hier ist dann auch das Problem... weiß jemand wie ich das amchen muss? Wär super toll :D

Werbepost

Hallo!

Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
✔️ Deutsche Server & DSGVO-konform
✔️ Persönlicher Support (kein 0815-Ticket-System)

Mehr erfahren

Syntronica

Border-style:solid;
border-width:1px;

jottlieb

Die Grundidee ist schonmal richtig.
Der Trick ist, dreimal die Datumsfunktion zu verwenden. Also z.B. so:

PHP

<div class="datum"><span class="month"><?php the_date('M'); ?></span><br />
<span class="day"><?php the_date('j'); ?>.</span></br >
<span class="year"><?php the_date('Y'); ?></span></div>

Siehe auch PHP: date - Manual

Silencer

optional könnte man sich auch ein theme raussuchen wo so ein datumsfeld schon vorhanden ist und dort nachsehen wie es gemacht ist.

kirsch.designs

hatte aber keines gefunden...
danke jottlieb :)

Silencer

Zitat von kirsch.designs

hatte aber keines gefunden...
danke jottlieb :)

hier kann man viele finden: Theme Viewer

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Datum in einem Kasten anzeigen

Jetzt mitmachen!