Cutenews Skin einbinden

Neues Thema verfassen Neues Thema

QueenBwaldorf
Newbie

Registriert: 05.10.2009
Beitraege: 16

28.10.2009 um 17:20 Uhr

So langsam wirds mir echt peinlich xD^^ Also meine Frage ist, wie ich ein so gecodetes Cutenews skin wo und wie einfgen kann bzw. wie binde ich es ein. Bisher hab ich alle styleangaben immer direkt in der news.php oder auf der cutenews seite direkt bei den templateangaben gemacht und noch nie ne css-datei benutzt

Hier der Code:

CODE

<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-Angabe:
CODE

.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; }

Der Beitrag wurde insgesamt 1 mal editiert, zuletzt 28.10.2009 um 17:25 Uhr ...

Antworten Zitat
-Name-
Mod of the night

Registriert: 19.04.2007
Beitraege: 688

29.10.2009 um 19:55 Uhr

Mchtest du jetzt wissen, wie man den Skin allgemein einbindet oder nur die CSS-Angaben...?

Antworten Zitat
QueenBwaldorf
Newbie

Registriert: 05.10.2009
Beitraege: 16

29.10.2009 um 20:28 Uhr

Was ist der Unterschied ??

Ich will dieses Skin gerne benutzen:

Und da steht nur noch dazu:

HTML-Code fr CN-Template:

CODE

<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-Angabe:
CODE

.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; }

Ist ein Grundgerst. Alles was keine Farbangaben sind muss drinbleiben, wenn du ne berschrift der News in ner anderen Gren brauchst, musst du die "margin-top:"-Angabe in der Klasse "newsdate" anpassen.

Antworten Zitat