Forum Images next to the Description for every Forum

What this hack does:
This hack adds an image next to every forum description for every forum you want.

Installation:

in Template forumhome_forumbit_level2_post

find:

<if condition="$show['forumdescription']"><div class="smallfont">$forum[description]</div></if>

and replace it with:

<if condition="$show['forumdescription']">
         <div class="smallfont">
       <img src="$stylevar[imgdir_statusicon]/$forumid.png" alt="" class="ForumImages" /> 
          $forum[description]
         </div>
        </if>

Go to your style options and add the following into additional css:

/* Forum Images next to the Description for every Forum */
.ForumImages {
float: right; 
margin-right: 8px; 
margin-top: 2px; 
}

If you want the image on the left site of the description use:

/* Forum Images next to the Description for every Forum */
.ForumImages {
float: left; 
margin-right: 8px; 
margin-top: 2px; 
}

Save your style options and you are done.

Now you simply need to create images called:

ForumID.png

for each forum you want to have an image and put it into /images/statusicon/
Example: 22.png

DEMO: http://www.elternfragen.net

Hope you like it

StarBuG

ps: As far as I can remember Andreas gave me the tip how to do it.
So all credit goes to him.

[Ekka]

If you look at the video forum and picture forum I have added an icon but doesn't line up well.

http://www.treeworld.info/index.php

How exactly do I line it up like this guys forum?

http://forum.palmettostaterivals.com/index.php

And how do I turn the icon into a link?

Hey, I'm a new user and this isn't that simple ... pretty good I got this far!

Originally Posted by scdurwood

Not sure why you would need to define the CSS....I just added:

<span><img src="$stylevar[imgdir_statusicon]/$forum[forumid].gif" border="0" align="left"></span>

to the link tag:

<a href="forumdisplay.php?$session[sessionurl]f=$forum[forumid]"><span width="100"><img src="$stylevar[imgdir_statusicon]/$forum[forumid].gif" border="0" align="right"></span><strong>$forum[title]</strong></a>

You can align them left or right as you so wish.

DEMO: www.palmettostaterivals.com

Like where do you put these codes?

[scdurwood]

Originally Posted by dbirosel

How do you exactly apply this code?

Here's my forumbit:

<tr align="center">
	<td class="alt2"><img src="$stylevar[imgdir_statusicon]/forum_$forum[statusicon].gif" alt="" border="0" id="forum_statusicon_$forum[forumid]" /></td>
	<td class="alt1Active" align="$stylevar[left]" id="f$forum[forumid]" style="cursor:hand;" onmouseover="this.className='alt2Active';" onmouseout="this.className='alt1Active';" onclick="window.location.href='forumdisplay.php?$session[sessionurl]f=$forum[forumid]';">
		<div>
			<a href="forumdisplay.php?$session[sessionurl]f=$forum[forumid]"><span width="100"><img src="$stylevar[imgdir_statusicon]/forumimgs/$forum[forumid].gif" border="0" align="right"></span><strong>$forum[title]</strong></a>

May be a little different than the norm since I also use a mouseover flip for the cell...the important part is in the <div> tag:

<a href="forumdisplay.php?$session[sessionurl]f=$forum[forumid]"><span width="100"><img src="$stylevar[imgdir_statusicon]/forumimgs/$forum[forumid].gif" border="0" align="right"></span><strong>$forum[title]</strong></a>

That makes the icon a link to the forum and, depending on your choice of left or right, will align the icon relative to the title and description.

[ericgray]

Originally Posted by scdurwood

<a href="forumdisplay.php?$session[sessionurl]f=$forum[forumid]"><span width="100"><img src="$stylevar[imgdir_statusicon]/forumimgs/$forum[forumid].gif" border="0" align="right"></span><strong>$forum[title]</strong></a>

That makes the icon a link to the forum and, depending on your choice of left or right, will align the icon relative to the title and description.

this is all you need --

-- thanks!

[nhdriver4]

Thanks for this. Quick, easy, and works great! Installed!

[leoniec]

I can't seem to get this to work. I've followed the directions exaclty as followed, but the images still don't show up.

Edit: I can get a broken image, but I can't get my uploaded images to appear.

[StarBuG]

Did you format the images as PNG?
If you try to use GIF you need to change PNG to GIF in the code

[Adam21]

Originally Posted by StarBuG

Did you format the images as PNG?
If you try to use GIF you need to change PNG to GIF in the code

You can change them all to PNG or GIF,but not a mixed of GIFs or PNGs and you also need to specify in the code Starbug provided,which to use.Here's a free image converter site to convert all images as you wish http://www.coolutils.com/Online-Image-Converter.php.

And to place them besides the forum titles,descriptions,place this code

<img src="images/categoryicons/$forumid.gif" alt="" class="ForumImages" /><br />

before this code

<a href="forumdisplay.php?$session[sessionurl]f=$forum[forumid]"><strong>$forum[title]</strong></a>

See the screenshot to what i meant.

[leoniec]

nevermind, i just customized the code and made it work.

[Nephalim]

Originally Posted by Adam21

You can change them all to PNG or GIF,but not a mixed of GIFs or PNGs and you also need to specify in the code Starbug provided,which to use.Here's a free image converter site to convert all images as you wish http://www.coolutils.com/Online-Image-Converter.php.

And to place them besides the forum titles,descriptions,place this code

<img src="images/categoryicons/$forumid.gif" alt="" class="ForumImages" /><br />

before this code

<a href="forumdisplay.php?$session[sessionurl]f=$forum[forumid]"><strong>$forum[title]</strong></a>

See the screenshot to what i meant.

cool, but what size are the images?
thank you

[Adam21]

Originally Posted by Nephalim

cool, but what size are the images?
thank you

Mine is 72x72.