Lexi Help
Partner
www.forumieren.com

[Tutorial - bb2] das Modul "neue Themen" oben auf der Startseite

Vorheriges Thema anzeigen Nächstes Thema anzeigen Nach unten

[Tutorial - bb2] das Modul "neue Themen" oben auf der Startseite

Beitrag von Zuckerpuppe am Di 13 Dez 2011 - 10:49

Dieses Tutorial ist nur für Foren der Version bb2 umsetzbar!
Eine Beschreibung für PunBB folgt noch...







Hallo Smile

es haben hier schon sehr viele User gefragt, ob es möglich ist, die neuesten Themen im Index oberhalb der Kategorien anzeigen zu lassen. Softwaremäßig war und ist das bisher leider noch nicht möglich.

Daher hab ich mich mal daran gesetzt und das mit einem kleinen Trick und einigen Änderungen in den Templates realisiert Smile

Wichtig!: Die Indexmodule auf der linken Seite können dabei nicht mehr genutzt werden! Wenn ihr Module auf dem Index einsetzen möchtet, dann ist das nur noch auf der rechten Seite möglich.

Schritt 1:

Adminbereich Arrow Anzeige Arrow Templates Arrow Portal Arrow mod_recent_topics

Ihr löscht den kompletten Inhalt des Templates raus und ersetzt ihn durch folgenden:

Code:
<!-- BEGIN classical_row -->
<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="3" align="center"><tbody>
<tr>
      <td class="catHead" height="25"><span class="genmed"><b><center>{L_RECENT_TOPICS}</center></b></span></td>
   </tr>
<tr>
<td class="row1" align="left" width="100%"><span class="gensmall">
 
<table border="0" cellpadding="0" cellspacing="0" colspan="3" width="100%">

<tr valign="top">
<td colspan="1" style="border-top: 0px none; padding: 0px; background: transparent url(http://i41.servimg.com/u/f41/16/51/01/35/liste_12.png) no-repeat scroll center top; width="24";><img src="http://illiweb.com/fa/empty.gif" width="24" border="0">
</td>
<td style="border-top: 0px none; padding: 0px; line-height: 20px;  align="left" width="50%">

<!-- BEGIN recent_topic_row -->
<a href="{classical_row.recent_topic_row.U_TITLE}">{classical_row.recent_topic_row.L_TITLE}</a><br>

<!-- END recent_topic_row -->
</td>
<td style="border-top: 0px none; padding: 0px; line-height: 20px; background-repeat: repeat;" align="left" width="25%">
<!-- BEGIN switch_poster -->
<a href="{classical_row.recent_topic_row.switch_poster.U_POSTER}">{classical_row.recent_topic_row.switch_poster.S_POSTER}</a>
<!-- END switch_poster -->
<!-- BEGIN switch_poster_guest -->
{classical_row.recent_topic_row.switch_poster_guest.S_POSTER}
<!-- END switch_poster_guest --><!--
<a href="{classical_row.recent_topic_row.U_POSTER}">{classical_row.recent_topic_row.S_POSTER}</a> {ON} {classical_row.recent_topic_row.S_POSTTIME}<br /><br />
      -->
 
<!-- BEGIN recent_topic_row -->

{BY}&nbsp;<a href="{classical_row.recent_topic_row.switch_poster.U_POSTER}">{classical_row.recent_topic_row.switch_poster.S_POSTER}</a>
{classical_row.recent_topic_row.switch_poster_guest.S_POSTER}
<br><!-- END recent_topic_row -->

</td>
<td style="border-top: 0px none; padding: 0px; line-height: 20px; align="left" width="25%">
<!-- BEGIN recent_topic_row -->
<img src="http://i41.servimg.com/u/f41/16/51/01/35/icon_m10.gif" width="12px" height="9px">
{ON} {classical_row.recent_topic_row.S_POSTTIME}
<br><!-- END recent_topic_row -->
</td>

</tr></table></td></tr></tbody></table>
<!-- END classical_row -->

Auf Absenden klicken und die Änderung durch Klicken auf das grüne Kreuz plus aktivieren.

Diese Änderung können auch die User unter euch verwenden, die einfach nur das Modul "neueste Themen" im Portal verschönern wollen. Als normales Indexmodul kann es dann allerdings nicht mehr genutzt werden, da es zu breit wird.

Schritt 2:

Adminbereich Arrow Anzeige Arrow Templates Arrow Allgemeines Arrow overall_header

Dort sucht ihr folgenden Abschnitt (in einem unveränderten Template ab Zeile 310) raus und entfernt die rot markierten Zeilen. Die grün markierten Zeilen müssen hinzugefügt werden.


<td valign="top" width="{C1SIZE}">
<div id="{ID_LEFT}">

<td valign="top" width="100%" colspan="2">
<div id="center"><div style="height:{SPACE_ROW}px"></div>

<!-- BEGIN giefmod_index1 -->
{giefmod_index1.MODVAR}
<!-- BEGIN saut -->
<div style="height:{SPACE_ROW}px"></div>
<!-- END saut -->
<!-- END giefmod_index1 -->
</div>
</td></tr>
<tr>

<td valign="top" width="100%">

Absenden und die Änderung aktivieren plus


Schritt 3:

Adminbereich Arrow Module Arrow Portal&Widgets Arrow Indexmodule

Falls noch nicht geschehen, müsst ihr die Indexmodule aktivieren (auch wenn ihr außer dem Modul "neue Themen" kein anderes Indexmodul anzeigen lassen wollt)
Wenn ihr auf der linken Seite bisher schon Module eingesetzt habt, dann müsst ihr diese entweder löschen oder auf die rechte Seite verschieben.
Auf der linken Seite darf nur das Modul "neue Themen" eingesetzt sein.

Dann klickt ihr das Modul an, um es zu bearbeiten:




Ihr stellt folgendes ein wie auf dem Screenshot zu sehen ist:



Erklärung dazu:
Die Anzahl der neuen Themen könnt ihr einstellen wie es euch gefällt. Jedoch höchstens auf 20.
Ihr müsst das Scrollen der Themen deaktivieren, ansonsten ist das Modul nicht mehr zu sehen.
Alle anderen Einstellungen sind für euch unerheblich, da sie nur beim aktivierten Scrollen greifen.

Wenn ihr alles richtig gemacht habt, sieht das Ganze auf dem Index dann so aus:



Und nun viel Spaß damit Very Happy






Wichtig! Exclamation Wenn ihr eine Schriftgröße nutzt, die größer als 14 Pixel ist, dann verschiebt sich die Nummerierungsgrafik, sodass dafür speziell eine in einem anderen Format angefertigt werden muss oder aber diese komplett entfernt werden sollte.

Die Grafiken, die ihr auf dem Screenshot seht, sind natürlich austauschbar.
Die Nummerierungsgrafik sollte genau in diesem Format erstellt werden, damit der Abstand und die Zeilenhöhe nicht verändert werden.
Das Beispiel aus dem Code, den ich oben angegeben habe, ist folgendes:

https://i41.servimg.com/u/f41/16/51/01/35/liste_12.png

Austauschen könnt ihr die Grafik im Template mod_recent_topics
in folgendem Abschnitt. Dort einfach den Bildlink ändern.
<tr valign="top">
<td colspan="1" style="border-top: 0px none; padding: 0px; background: transparent url(https://i41.servimg.com/u/f41/16/51/01/35/liste_12.png) no-repeat scroll center top; width="24";><img src="http://illiweb.com/fa/empty.gif" width="24" border="0">

Ich habe euch zur Auswahl noch einige andere Beispielgrafiken erstellt, die vielleicht schon in das ein oder andere Forum passen. Um eine individuelle Grafik zu erhalten, die farblich genau zu euerem Forum passt, müsst ihr euch selber eine erstellen oder aber hier in der Grafikabteilung nachfragen, ob ein Grafiker das für euch erledigt.

Beispiele:
Weiß mit schwarzen Zahlen -> https://i41.servimg.com/u/f41/16/51/01/35/liste_11.png

Schwarz mit weißen Zahlen -> https://i41.servimg.com/u/f41/16/51/01/35/liste_10.png

Rot mit weißen Zahlen -> https://i41.servimg.com/u/f41/16/51/01/35/liste_14.png

Pink mit weißen Zahlen -> https://i41.servimg.com/u/f41/16/51/01/35/liste_15.png

Türkis mit schwarzen Zahlen -> https://i41.servimg.com/u/f41/16/51/01/35/liste_16.png

Gelb mit weißen Zahlen -> https://i41.servimg.com/u/f41/16/51/01/35/liste_17.png

Gelb mit türkisen Zahlen und Rahmen -> https://i41.servimg.com/u/f41/16/51/01/35/liste_18.png

Blau mit roten Zahlen und Rahmen -> https://i41.servimg.com/u/f41/16/51/01/35/liste_19.png

Grau mit schwarzen Zahlen -> https://i41.servimg.com/u/f41/16/51/01/35/liste_20.png

Die Uhrengrafik könnt ihr ebenso austauschen. Achtet darauf, dass die Grafik nicht viel größer als die angegebene ist, ansonsten verschieben sich die Zeilen und es sieht unschön aus.
Diesen Abschnitt findet ihr im Template hier:
<span class="genmed">
<!-- BEGIN recent_topic_row -->
<img src="https://i41.servimg.com/u/f41/16/51/01/35/icon_m10.gif" width="12px" height="9px">
{ON} {classical_row.recent_topic_row.S_POSTTIME}
<br><!-- END recent_topic_row -->


Zuckerpuppe
Admin a.D.
Admin a.D.

Weiblich Beiträge : 19541
Anmeldedatum : 24.04.08

Benutzerprofil anzeigen

Nach oben Nach unten

Vorheriges Thema anzeigen Nächstes Thema anzeigen Nach oben


 
Befugnisse in diesem Forum
Sie können in diesem Forum nicht antworten