09. Egyedi modulstílus régebbi CuteNews-nak
Ha szeretnéd, hogy egyedi modulstílusa legyen a CuteNews-odnak ezeket a kódokat kell alkalmaznod:
Ha bejelentkeztél a CuteNews-ban, akkor menj a Beállítások (Options) menüpontra felül.
Ott ezt a menüpontot válaszd ki: Sablonok szerkesztése (Edit templates)
Látni fogod, hogy aktív hírek, teljes hír, hozzászólás, stb. (active news, full story, comment, stb.)
Összesen 6 darab kódod van.
Katt az elsőre (aktív hírek)
Látni fogod a kódot. Töröld ki azt, ami benne van és ezt illeszd be a helyére:
<link rel="stylesheet" href="style.css" type="text/css">
<table cellspacing="0" cellpadding="0" class="egeszmodul">
<tbody>
<tr>
<td class="cim">
{title}
<p class="datum">Írta: {author-name} - Dátum: {date} - Szólj hozzá: [com-link]{comments-num}[/com-link]</p>
</td>
</tr>
<tr>
<td class="tartalom">
<p>{short-story}</p>
</td></tr>
<tr>
<td class="lablec">
</td>
</tr>
</tbody>
</table>
Ezzel a kóddal utána már nem kell foglalkoznod. Kivéve ha értesz hozzá, mert akkor átírhatod a hírdobozt saját stílusoddá. Ha nem értesz hozzá, inkább NE változtass a kódokon semmit!!!!!!!!!!!!!!!!!! Vagy az eredeti legyen meg, hogy vissza tudd állítani, ha valamit elrontasz.
Akkor menjünk tovább:
Második menü a Teljes hír (full story)
Innen is töröld ki a kódot és ezt illeszd be:
<link rel="stylesheet" href="style.css" type="text/css">
<table cellspacing="0" cellpadding="0" class="egeszmodul">
<tbody>
<tr>
<td class="cim">
{title}
<p class="datum">Írta: {author-name} - Dátum: {date} - Szólj hozzá: [com-link]{comments-num}[/com-link]</p>
</td>
</tr>
<tr>
<td class="tartalom">
<p>{short-story}</p>
</td></tr>
<tr>
<td class="lablec">
</td>
</tr>
</tbody>
</table>
Harmadik menü:
Hozzászólás (comment)
Kód töröl, ezt másol:
<link rel="stylesheet" href="style.css" type="text/css">
<table cellspacing="0" cellpadding="0" class="egeszmodul">
<tbody>
<tr>
<td class="cim">
{author}
<p class="datum">Ezen a napon: {date} | Hozzászólások: {comment-iteration}</p>
</td></tr>
<tr>
<td class="tartalom">
<p>
{comment}
</p></td></tr>
<tr>
<td class="lablec">
</td>
</tr>
</tbody>
</table>
Negyedik menü:
Hozzászólás formula (add comment form)
Kód töröl, ezt másol:
<link rel="stylesheet" href="style.css" type="text/css">
<table cellspacing="0" cellpadding="0" class="egeszmodul">
<tbody>
<tr>
<td height="" class="cim">
Szólj hozzá!</td>
</tr>
<tr>
<td height="" class="tartalom">
<p>
<table border="0" cellspacing="0" cellpadding="0">
<tr>
<td>Név:</td>
<td><input type="text" name="name"></td>
</tr>
<tr>
<td>E-mail:</td>
<td><input type="text" name="mail">(kihagyható)</td>
</tr>
<tr>
<td>Smilies:</td>
<td>{smilies}</td>
</tr>
<tr>
<td colspan="2">
<textarea cols="65" rows="10" id=commentsbox name="comments"></textarea>
<p>{captcha-img}</p>
<input type="submit" name="submit" value="Hozzászólás küldése">
<input type=checkbox name=CNremember id=CNremember value=1><label for=CNremember> Emlékezz rám</label>
<a href="javascript:CNforget();">Felejts el</a>
</td>
</tr>
</table>
</p>
</td>
</tr>
<tr>
<td height="7" colspan="m3" class="lablec">
</td>
</tr>
</tbody>
</table>
Ötödik menü:
Hírek lapozása (news pagination)
Kód töröl, ezt másol
<link rel="stylesheet" href="style.css" type="text/css">
<p align="center">[prev-link]<< Előző[/prev-link] {pages} [next-link]Következő >>[/next-link]</p>
Hatodik menü:
Hozzászólások lapozása (commets pagination)
Kód töröl, ezt másol
<link rel="stylesheet" href="style.css" type="text/css"> <p align="center">[prev-link]<< Régebbi hírek[/prev-link] ({pages}) [next-link]Újabb hírek >>[/next-link]</p>
És elmented :)
Innentől ehhez a kódhoz nem kell nyúlni. Mindent a CSS kódban tudsz megadni :) Kiemeltem ezekben a kódokban azokat, amik megtalálhatóak CSS-ben :)
A CSS kód a CuteNews-hoz: style.css
|