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.

[Whiteyez]

Hello! Very nice mod thanks..but i have a little problem with the Internet Explorer. As you can see in the image below the icon is its ok but next to him there is an X and when i go the cursor
over it its a hyperlink to the forum. How can i fix this?



This the code from "forumhome_forumbit_level2_post"

<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]">
		<div>
<img src="$stylevar[imgdir_statusicon]/$forumid.png" alt="" class="ForumImages" />
			<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>
			<if condition="$show['browsers']"><span class="smallfont">(<phrase 1="$forum[browsers]">$vbphrase[x_viewing]</phrase>)</span></if>
		</div>
		<if condition="$show['forumdescription']"><div class="smallfont">$forum[description]</div></if>
		<if condition="$show['forumsubscription']"><div class="smallfont"><strong><a href="subscription.php?$session[sessionurl]do=removesubscription&amp;f=$forum[forumid]" rel="nofollow">$vbphrase[unsubscribe_from_this_forum]</a></strong></div></if>
		<if condition="$show['subforums']"><div class="smallfont" style="margin-top:$stylevar[cellpadding]px"><strong>$vbphrase[subforums]</strong>: $forum[subforums]</div></if>
	</td>
	<td class="alt2" nowrap="nowrap">$forum[lastpostinfo]</td>
	<td class="alt1">$forum[threadcount]</td>
	<td class="alt2">$forum[replycount]</td>
	<if condition="$vboptions['showmoderatorcolumn']">
	<td class="alt1"><div class="smallfont">$forum[moderators]&nbsp;</div></td>
	</if>
</tr>
$childforumbits

Thanks again for this great mod..

[valdet]

Hi Whiteyez

This is because you have set two images to appear next to each other..

Make sure you remove the wrong one (one of the bold in the code below) and leave only the one which is appropriate..
Also make sure all of your forum images are either PNG's or GIF's. Do not mix both of them..

I hope it works for ya..,
Val.

<img src="$stylevar[imgdir_statusicon]/$forumid.png" alt="" class="ForumImages" />
<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>

[Whiteyez]

Thats it...i missed that...thanks..

[Ekka]

OK

After much mucking around and trying stuff I'm back here and going to show you what I'm after/trying to do.

In the pic attached I'd like to move the icons to the very left column and have them as a link to that forum.

Currently that column on the very left is the default Vb one, has those little forum open/closed icons. So they can go. like who looks and cares about those right?

Step by step here please.

[StarBuG]

If you had checked my other hacks you had noticed this one:
Simple Category Icons

it does what you are asking for

[Ekka]

Oh, sorry, didn't check you out. LOL

Will have a look and advise, thank you.

[Mad Woman]

I've installed this and I now have the text "go to your style options" showing up at the bottom of every forum description. I haven't uploaded photos yet, but I'm wondering if I typed the css bit into the right place. When you say to put it into additional css, do you mean to place it into additional css definitions?

[StarBuG]

Yes "Additional CSS Definitions"

[Mad Woman]

Thanks Starbug. Now I just need to know how to remove the "Go to your style options" text from the description of the forum.

This is what I have:

<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]">
<div>
<a href="forumdisplay.php?$session[sessionurl]f=$forum[forumid]"><strong>$forum[title]</strong></a>
<if condition="$show['browsers']"><span class="smallfont">(<phrase 1="$forum[browsers]">$vbphrase[x_viewing]</phrase>)</span></if>
</div>
<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
<if condition="$show['forumsubscription']"><div class="smallfont"><strong><a href="subscription.php?$session[sessionurl]do=removesubscription&amp;f=$forum[forumid]" rel="nofollow">$vbphrase[unsubscribe_from_this_forum]</a></strong></div></if>
<if condition="$show['subforums']"><div class="smallfont" style="margin-top:$stylevar[cellpadding]px"><strong>$vbphrase[subforums]</strong>: $forum[subforums]</div></if>
</td>
<td class="alt2" nowrap="nowrap">$forum[lastpostinfo]</td>
<td class="alt1">$forum[threadcount]</td>
<td class="alt2">$forum[replycount]</td>
<if condition="$vboptions['showmoderatorcolumn']">
<td class="alt1"><div class="smallfont">$forum[moderators]&nbsp;</div></td>
</if>
</tr>
$childforumbits

[StarBuG]

Remove it from this code you posted.
It is in the middle " </if>Go to your style options" (only remove the text, not the if)
You probably copied my instructions on how to install with the code to install into your template

StarBuG