Lionstarrs Linux Blog

Oft sieht man in Blogs, dass einen neben jedem Post ein optisch ansprechendes Datum anlächelt und oft genug hat man sich gefragt, wie zum Henker man denn so etwas im eigenen Blog unterbringen könnte. Gott sei Dank gibt es ja auch CSS-Designer im Netzt, die zu wenig zu tun haben, und so gibt es sehr gute Tutorials, wie man die Date-Badge auch in dem eigenen Weblog unterbringt. So z.B. das Tutorial auf WPDesigner, nach dem ich hier gearbeitet habe.

Ich habe allerdings das Bild ein bisschen angepasst, sowie ein wenig mit den CSS-Eigenschaften gespielt um die Transparenz der Kopf-Bilder eines jeden Posts auszunutzen. Hier der CSS-Code, der bei mir Verwendung findet:

.post-date {
  float:	right;
  padding: 	15px;
  font-size:	1.7em;
  padding-top:	0px;
  line-height:	25px;
  text-align:	center;
  color:	white;
  margin-left:	-40px;
  display:	inline;
  font-style:	italic;
  background: 	url(/wp-content/themes/dalarnas/images/date_button_template.gif) no-repeat;
}

Allerdings wird die Badge hier nur eingesetzt, wenn auch ein Bild vorhanden ist. Dies sollte aber von nun an ja auch bei jedem Post der Fall sein.

Was haltet ihr von den Datum-Badges? Eine nette CSS-Spielerei oder ein ernstzunehmendes Design-Element? Wie immer freue ich mich über jeden Kommentar!