Ja ist möglich ich habe mich mal eben hin gesetzt und etwas Probiert ist jetzt halt nur eine 5min Arbeit und vielleicht auch noch nicht die beste aber könnte dem ein oder anderem helfen
Das Resultat das könnte man jetzt mit einem Background Bild versehen :
[Blockierte Grafik: http://i.imgur.com/MbZfHwt.png]
.newsDateBadge {
position: absolute;
display: inline-block;
width: 50px;
> div {
color: @wcfTabularBoxColor;
display: block;
font-size: @wcfTitleFontSize;
font-weight: bold;
padding: 6px 10px;
margin-left: 10px;
text-align: center;
position: absolute;
top: 15px;
border-radius: 5px;
.boxShadow(1px, 1px, rgba(0, 0, 0, .2), 3px);
.linearGradient(darken(@wcfTabularBoxBackgroundColor, 10%), @wcfTabularBoxBackgroundColor, darken(@wcfTabularBoxBackgroundColor, 10%));
.textShadow(darken(@wcfTabularBoxBackgroundColor, 10%));
> p:nth-child(1) {
font-size: @wcfSmallFontSize;
font-weight: normal;
}
> p:nth-child(2) {
margin-top: 0px;
font-size: 1.85rem;
font-weight: normal;
}
> p:nth-child(3) {
margin-top: -8px;
font-size: .8rem;
font-weight: normal;
}
}
}
.news .messageContent > div:nth-child(2){
display: inline-block;
margin-left: 50px;
width: calc(~'100% - 50px');
}
article.news,article.news > div > section {
min-height: 80px;
}
Alles anzeigen
<?xml version="1.0" encoding="UTF-8"?>
<data xmlns="http://www.woltlab.com" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://www.woltlab.com http://www.woltlab.com/XSD/templatelistener.xsd">
<import>
<templatelistener name="deWbbEliteNewsDateDisplay">
<environment>user</environment>
<templatename>newsList</templatename>
<eventname>beforNewsContent</eventname>
<templatecode><![CDATA[
<div class="newsDateBadge">
<div>
<p>{@$news->time|date:"M"}</p>
<p>{@$news->time|date:"d"}</p>
<p>{@$news->time|date:"J"}</p>
</div>
</div>
]]></templatecode>
</templatelistener>
</import>
</data>
Alles anzeigen