hcmagix
29.10.2007, 13:26
Aufgrund mehrerer Nachfragen und Löschung auf vbG habe ich folgendes Tutorial bzgl. Forengrafiken erneut erstellt:
Da dieses Thema immer mal wieder auftaucht möchte ich hier einen Weg beschreiben wie man in seinem Forum
die langweiligen Statusgrafiken wie
http://www.vbulletin-germany.com/forum/images/statusicon/forum_old.gif und http://www.vbulletin-germany.com/forum/images/statusicon/forum_new.gif
durch individuelle Grafiken ersetzen kann um solch ein Ergebnis zu erhalten:
http://www.hertha-chat.de/images/misc/forengrafiken.jpg
Hier wird die originale Forengrafik durch eine eigene ersetzt die permanent angezeigt wird. Um die Ajax Funktionalität bzgl. neuer Beiträge weiterhin zu ermöglichen werden die Briefe vor den Forenbezeichnungen in unterschiedlichen Farben angezeigt.
An dieser Stelle ein Hinweis auf den Hack "Alternative Forenstatusgrafiken" (http://www.vbulletin-germany.org/showthread.php?t=582) von Hoffi (http://www.vbulletin-germany.org/member.php?u=64) der die Kenntlichmachung anhand von Farb/Schwarzweiß Forengrafiken realisiert.
Vorarbeit:
Zuerst sollte man sich die benötigten Grafiken anlegen. In meinem Beispiel verwende ich als Forengrafiken
in der Größe 50*40 und habe sie im gif Format abgespeichert.
Wichtig hierbei ist das der Name der ForenID entspricht. Also 1.gif, 2.gif.... 100.gif je nachdem wieviel Foren inklusive Unterforen ihr habt. Diese Grafiken liegen in meinem Beispiel allesamt unter /images/flogos.
Anmerkung zum Urheberrecht: Bei der Zusammenstellung lasst das Urheberrecht nicht außer acht. Erstellt eigene Grafiken bzw. verwendet nicht geschütztes Material. Ein Tipp hier ist die Seite http://yotophoto.com (http://yotophoto.com/) dort könnt ihr auf Lizenz freie Grafiken zugreifen.
Damit diese nun angezeigt werden sind 2 Templates zu bearbeiten: forumhome_forumbit_level1_post
Original:
<td><img src="$stylevar[imgdir_statusicon]/forum_$forum[statusicon].gif" alt="" border="0" id="forum_statusicon_$forum[forumid]" /></td>
ersetzen durch:
<td><a href="forumdisplay.php?$session[sessionurl]f=$forum[forumid]"><img src="./images/flogos/$forum[forumid].gif" border="0" alt="" /></a></td>
und forumhome_forumbit_level2_post
Original:
<td class="alt2"><img src="$stylevar[imgdir_statusicon]/forum_$forum[statusicon].gif" alt="" border="0" id="forum_statusicon_$forum[forumid]" /></td>
ersetzen durch:
<td class="alt2"><a href="forumdisplay.php?$session[sessionurl]f=$forum[forumid]"><img src="./images/flogos/$forum[forumid].gif" border="0" alt="" /></a></td>
Die Links sind nun so angelegt das durch Klicken auf die Forengrafik der User direkt in das Forum springt.
Da es seit der Version 3.6 die Ajax Funktion des Forum als Gelesen markieren
integriert wurde muss hier eine Hilfsgrafik eingefügt werden. Ich verwende diese beiden Grafiken um Foren mit
neuen Inhalten anzeigen zu lassen. http://www.hertha-chat.de/forum/images/hcm/statusicon/forum_old.gif für Foren ohne neue Inhalte und http://www.hertha-chat.de/forum/images/hcm/statusicon/forum_new.gif für Foren mit neuen Inhalten.
Die Originaldateien sind durch diese einfach zu ersetzen.
http://www.hertha-chat.de/images/misc/forengrafiken2.jpg
In den Templates wird vor dem Forentitel diese Grafik angezeigt (bitte das Leerzeichen zwischen Grafik und Forumtitel nicht vergessen).
Damit diese nun angezeigt werden sind 2 Templates zu bearbeiten: forumhome_forumbit_level1_post
Original:
<a href="forumdisplay.php?$session[sessionurl]f=$forum[forumid]"><strong>$forum[title]</strong></a>
ersetzen durch:
<img src="$stylevar[imgdir_statusicon]/forum_$forum[statusicon].gif" alt="" border="0" id="forum_statusicon_$forum[forumid]"/> <a href="forumdisplay.php?$session[sessionurl]f=$forum[forumid]"><strong>$forum[title]</strong></a>
und forumhome_forumbit_level2_post
Original:
<a href="forumdisplay.php?$session[sessionurl]f=$forum[forumid]"><strong>$forum[title]</strong></a>
ersetzen durch:
<img src="$stylevar[imgdir_statusicon]/forum_$forum[statusicon].gif" alt="" border="0" id="forum_statusicon_$forum[forumid]"/> <a href="forumdisplay.php?$session[sessionurl]f=$forum[forumid]"><strong>$forum[title]</strong></a>
das wars auch schon
Viel Spaß!
Da dieses Thema immer mal wieder auftaucht möchte ich hier einen Weg beschreiben wie man in seinem Forum
die langweiligen Statusgrafiken wie
http://www.vbulletin-germany.com/forum/images/statusicon/forum_old.gif und http://www.vbulletin-germany.com/forum/images/statusicon/forum_new.gif
durch individuelle Grafiken ersetzen kann um solch ein Ergebnis zu erhalten:
http://www.hertha-chat.de/images/misc/forengrafiken.jpg
Hier wird die originale Forengrafik durch eine eigene ersetzt die permanent angezeigt wird. Um die Ajax Funktionalität bzgl. neuer Beiträge weiterhin zu ermöglichen werden die Briefe vor den Forenbezeichnungen in unterschiedlichen Farben angezeigt.
An dieser Stelle ein Hinweis auf den Hack "Alternative Forenstatusgrafiken" (http://www.vbulletin-germany.org/showthread.php?t=582) von Hoffi (http://www.vbulletin-germany.org/member.php?u=64) der die Kenntlichmachung anhand von Farb/Schwarzweiß Forengrafiken realisiert.
Vorarbeit:
Zuerst sollte man sich die benötigten Grafiken anlegen. In meinem Beispiel verwende ich als Forengrafiken
in der Größe 50*40 und habe sie im gif Format abgespeichert.
Wichtig hierbei ist das der Name der ForenID entspricht. Also 1.gif, 2.gif.... 100.gif je nachdem wieviel Foren inklusive Unterforen ihr habt. Diese Grafiken liegen in meinem Beispiel allesamt unter /images/flogos.
Anmerkung zum Urheberrecht: Bei der Zusammenstellung lasst das Urheberrecht nicht außer acht. Erstellt eigene Grafiken bzw. verwendet nicht geschütztes Material. Ein Tipp hier ist die Seite http://yotophoto.com (http://yotophoto.com/) dort könnt ihr auf Lizenz freie Grafiken zugreifen.
Damit diese nun angezeigt werden sind 2 Templates zu bearbeiten: forumhome_forumbit_level1_post
Original:
<td><img src="$stylevar[imgdir_statusicon]/forum_$forum[statusicon].gif" alt="" border="0" id="forum_statusicon_$forum[forumid]" /></td>
ersetzen durch:
<td><a href="forumdisplay.php?$session[sessionurl]f=$forum[forumid]"><img src="./images/flogos/$forum[forumid].gif" border="0" alt="" /></a></td>
und forumhome_forumbit_level2_post
Original:
<td class="alt2"><img src="$stylevar[imgdir_statusicon]/forum_$forum[statusicon].gif" alt="" border="0" id="forum_statusicon_$forum[forumid]" /></td>
ersetzen durch:
<td class="alt2"><a href="forumdisplay.php?$session[sessionurl]f=$forum[forumid]"><img src="./images/flogos/$forum[forumid].gif" border="0" alt="" /></a></td>
Die Links sind nun so angelegt das durch Klicken auf die Forengrafik der User direkt in das Forum springt.
Da es seit der Version 3.6 die Ajax Funktion des Forum als Gelesen markieren
integriert wurde muss hier eine Hilfsgrafik eingefügt werden. Ich verwende diese beiden Grafiken um Foren mit
neuen Inhalten anzeigen zu lassen. http://www.hertha-chat.de/forum/images/hcm/statusicon/forum_old.gif für Foren ohne neue Inhalte und http://www.hertha-chat.de/forum/images/hcm/statusicon/forum_new.gif für Foren mit neuen Inhalten.
Die Originaldateien sind durch diese einfach zu ersetzen.
http://www.hertha-chat.de/images/misc/forengrafiken2.jpg
In den Templates wird vor dem Forentitel diese Grafik angezeigt (bitte das Leerzeichen zwischen Grafik und Forumtitel nicht vergessen).
Damit diese nun angezeigt werden sind 2 Templates zu bearbeiten: forumhome_forumbit_level1_post
Original:
<a href="forumdisplay.php?$session[sessionurl]f=$forum[forumid]"><strong>$forum[title]</strong></a>
ersetzen durch:
<img src="$stylevar[imgdir_statusicon]/forum_$forum[statusicon].gif" alt="" border="0" id="forum_statusicon_$forum[forumid]"/> <a href="forumdisplay.php?$session[sessionurl]f=$forum[forumid]"><strong>$forum[title]</strong></a>
und forumhome_forumbit_level2_post
Original:
<a href="forumdisplay.php?$session[sessionurl]f=$forum[forumid]"><strong>$forum[title]</strong></a>
ersetzen durch:
<img src="$stylevar[imgdir_statusicon]/forum_$forum[statusicon].gif" alt="" border="0" id="forum_statusicon_$forum[forumid]"/> <a href="forumdisplay.php?$session[sessionurl]f=$forum[forumid]"><strong>$forum[title]</strong></a>
das wars auch schon
Viel Spaß!