Text punktgenau markieren

Ich hatte ja vor kurzer Zeit geschrieben, das ich Euch jetzt über eine Anzeige in der Sidebar sowie auf der Index- und der jeweiligen Artikelseite darüber informieren lasse, wenn - und wann - ein Artikel geändert wurde.

Was mich dabei allerdings gestört hat, war die Tatsache, das ich in der style.css bei der Formartierung einen festen width-Wert für die Länge der Markierung meinte angeben zu müssen.

Mein Wissen reichte gerade einmal, um folgenden Code zu basteln:

.aktualisiert {font-size:14px; width:260px; background:#f5f4f0; text-decoration:underline;}

den ich so in die index.php eingebaut habe:

<div class="aktualisiert"><h6><?php if(strtotime($post->post_modified) - strtotime($post->post_date) > 604800) { ?><?php echo "Artikel ge&auml;ndert oder erg&auml;nzt am : " ; the_modified_date('l, d.m.Y');}?></h6></div>

Das sah dann wie folgt aus:

Man kann glaube ich sehr gut erkennen, das der Text oben die Markierung fast ganz ausfüllt während die Markierung im unteren Beispiel schon doppelt so weit über den Text hinaus ragt! Dieser Umstand hat mich mit der Zeit durchaus tierisch genervt! Also fragte ich mal kurzerhand bei den Jungs von Seitenreportnach, ob man den Wert nicht variabel gestalten könnte. Schließlich hatten die mir nicht erst einmal ordentlich unter die Arme gegriffen beim Versuch zu Programmieren! Und in der Tat: Man kann die Markierung variabel an die Ausgabe anpassen! Mit dem folgenden Befehl erledigt man die Sache im Handumdrehen: In die style.css fügt man folgenden Befehl ein:

.dateFormatter{ width: 40px // || 100% } 

Die Ausgabe wird mit diesem Befehl ergänzt, respektive das 'div class' damit ersetzt:

<span style='background-color:xyz>

(wobei xyz natürlich durch die Farbe ersetzt werden muss, in der man die Markierung haben möchte.), so das sich jetzt folgende Befehlszeile ergibt:

<h6><?php if(strtotime($post->post_modified) - strtotime($post->post_date) > 432000) { ?><?php echo "<span style='background-color:lightgrey'>Artikel ge&auml;ndert oder erg&auml;nzt am : " ; the_modified_date('l, d.m.Y');}?></span></h6>

Und schon hat man eine Ausgabe die sich der Länge der Ausgabe anpasst!

Hinweismarkierung passt sich dem Text an

Ich hoffe, das ich dem einen oder anderen damit einen Denkanstoß geben oder auch weiterhelfen konnte, sofern er denn vor der selben Fragestellung stand oder steht wie ich! 

Autor: Marcus

Ich freue mich über Deinen Besuch auf meinem Blog! Wenn Dir der Artikel gefallen hat, teile ihn doch mit anderen und hinterlasse Deine Meinung oder kontakte mich per EMail!