Cutenews-Templates

Ich habe seit 2009 auf nachfrage einige Templates für Cutenews gecodet, die ihr hier der Übersicht halber noch mal findet. Wichtig dabei ist, dass diese für das Activ Story und Full Story Template gedacht sind.

Generell gilt, dass Farben, Breiten/ Höhen über die beigelegten CSS-Klassen veränderbar sind.

Template #1

HTML

<div class=’newsbox‘>
<div class=’newsheadline‘>Überschrift</div>
<div class=’newsdate‘>Mar<br>15<br>2009</div>
<div>
<table style=’width:100%;‘>
<tr>
<td class=’newstext‘>Newstext</td>
<td class=’newsicon‘>Kategoriebilder</td>
</tr>
</table>
</div>
<div class=’newsfooter‘>posted by</div>
</div>

CSS

.newsbox { width:550px;padding-top:15px; }
.newsheadline { background:#ABCDEF;font-size:14pt;padding-left:55px; }
.newsdate { width:35px;color:#000000;background:#999000;margin-top:-35px;margin-left:10px;text-align:center; }
.newstext { padding:3px;width:435px;vertical-align:top; }
.newsicon { border-left:2px solid #000000;vertical-align:top;padding:5px; }
.newsfooter { background:#AB00EF;margin-top:3px; }

Template #2

HTML

<div class=’cnbox‘>
<div class=’cninbox‘>
<div class=’cnheadline‘>Überschrift</div>
<div class=’cncomine‘>Comments</div>
<div class=’cndate‘>Datum</div>
<div class=’cncat‘>Kategor<br>ie-Bild</div>
<div>
<div class=’cninbox‘>
<div class=’cntext‘>News-Text</div>
<div class=’cnfooter‘>posted by…</div>
<div>
</div>

CSS

.cnbox { width:600px; }
.cninbox { margin-top:5px; }
.cnheadline { display:run-in;background:#ABC123;width:475px;height:25px;padding-right:25px;text-align:right;padding-top:2px; }
.cncomine { display:run-in;margin-left:500px;background:#987321;width:100px;height:25px;margin-top:-27px;text-align:center;padding-top:2px; }
.cndate { display:run-in;background:#909090;width:75px;height:85px;margin-top:-33px;margin-left:5px;text-align:center; }
.cncat { display:run-in;float:left;background:#9A8B7C;width:75px;min-height:105px;margin-left:5px;margin-top:2px;text-align:center; }
.cntext { display:run-in;background:#FF9900;width:514px;min-height:153px;margin-left:82px;margin-top:-55px;padding:2px; }
.cnfooter { background:#0099FF;width:590px;text-align:center;margin-left:5px;margin-top:3px;padding:2px; }

Template #3

HTML

<table>
<tr>
<td class=’cndate‘>Datum</td>
<td class=’cnheadline‘>headline</td>
<td class=’cncatincon‘>kategorie-Bild</td>
</tr>
<tr>
<td colspan=’3′ class=’cntext‘>Datum</td>
</tr>
<tr>
<td class=’cnpostedby‘>posted by</td>
<td class=’cncomments‘>Kommentare</td>
<td class=’cnreadmore‘>read more</td>
</tr>
</table>

Da dieses Template sehr einfach gehalten ist, verzichte ich hier mal auf CSS-Klassen.

Template #4

HTML

<table>
<tr>
<td class=’cn_head‘ colspan=’2′>
<span class=’cn_headline‘>Überschrift</span>
<span class=’cn_posted_date‘>posted by<br>Datum</span>
</td>
</tr>
<tr>
<td class=’cn_newstxt‘>News</td>
<td class=’cn_icon‘>Icon</td>
</tr>
</table>

CSS

..

.cn_head { width: 100%; background:url(cn_bg_head_rounded.png) }
.cn_headline { background:url(cn_bg_headline_flower.png) }
.cn_posted_date { width: 200px; background:url(cn_bg_headline_date.png) }
.cn_newstxt { background:url(cn_bg_newstext.png) }
.cn_icon { width: 100px; background:url(cn_bg_icon.png) }

Template #5

HTML

<div>
<div class=’news_head_line‘><span class=’cn_cicon‘>{category-icon}</span> <span class=’cnhltxt‘>{title}</span></div>
<div class=’news_posted_line‘>
<span>posted by {author-name} on {date}</span> • <span>[com-link]{comments-num} Comments[/com-link]</span>
</div>
<div class=’newstxt‘ style=’padding-top:5px;‘>
{short-story}
</div>
<div style=’text-align:center;‘ class=’newstxt‘>[full-link]read more[/full-link]</div>
</div>
<div class=’boxbottom‘></div>

CSS

.news_head_line { … }
.cn_cicon { float:left; margin-left:10px; margin-top:22px; }
.news_posted_line { … }
.boxbottom { … }

Creative Commons Lizenzvertrag
Diese(s) Werk bzw. Inhalt von https://nobody-knows.org/download/cutenews-templates/ steht unter einer Creative Commons Namensnennung-Nicht-kommerziell-Weitergabe unter gleichen Bedingungen 3.0 Unported Lizenz.