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.

[captainron19]

Is it possible to have an image appear only at one of the forums? I noticed that if I do not have a .png image for every single forum a broken image shows.

I have a lot of forums and I really just wanted an image to appear like this mod but only at one forum title

[MixMakers]

How can I get this to work with the subforum of a subforum of a subforum? So 3 levels down.

Forum
-Subforum
--Subforum

[Baldilocks]

I like the images to the left of the forum title itself as seen on my forum.

[Sworm]

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

How can i do for apply this code?

AnyBody can write step by step?

I'm not expert

------------------------------------------------

Ok, i've solved..... good hack

[Sworm]

A big problem with IE,
a "X" is showed in the forums that not have a image added,
this is my 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>
			<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>
		<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

AnyBody can help me?

[legionofangels]

Originally Posted by captainron19

Is it possible to have an image appear only at one of the forums? I noticed that if I do not have a .png image for every single forum a broken image shows.

I have a lot of forums and I really just wanted an image to appear like this mod but only at one forum title

Yes you can, but you can't use this template change if you want only one image.

Do this instead:

http://www.vbulletin.com/forum/showp...8&postcount=31

OR, you need to add a 1 pixel transparent image and title it "forumid".png where "forumid" is whatever the forum id of the forum it's going by.

Originally Posted by MixMakers

How can I get this to work with the subforum of a subforum of a subforum? So 3 levels down.

Forum
-Subforum
--Subforum

Determine which template it is on and edit the template in a similar fashion.

Originally Posted by Sworm

A big problem with IE,
a "X" is showed in the forums that not have a image added,
this is my 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>
			<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>
		<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

AnyBody can help me?

The modification is working exactly like it's supposed to, you need to put images in those sections for those red x's to disappear.

OR, you need to add a 1 pixel transparent image and title it "forumid".png where "forumid" is whatever the forum id of the forum it's going by.

[CapitanoN6]

How do this?

[legionofangels]

Originally Posted by CapitanoN6

How do this?

You just follow the directions found here:

http://www.vbulletin.com/forum/showthread.php?t=114545

And in this post he might have given me a special conditional to apply:

http://www.vbulletin.com/forum/showp...8&postcount=31

Upload the images you'd like to use to your appropriate folder on the FTP and wa la, you have forum images. I made mine i think 60 x 60 so they would fill up the description area perfectly with 2 sentence descriptions.

I like alignment.....A LOT!

Hope that helps.

Legion of Angels

[GTGT]

Can I make these images clickable?

[technom8t]

i spent hours trying to get all the different ways in this thread to work, but i decided just to start from scratch and what i came up with was simple, no template edits at all, this will align the image to the left and make it clickable to a destination of your choice


just add this code into the forum description and change the links to match what you need, thats it :

<a href="http://www.destination you want to arrive at when clicked" target="_blank"> <img src="http:/yoursie.co.uk/forums/statusicon/forum_icon_name.png"></a>

p.s i am guessing you could add ''right tags'' to make the image appear to the right?

i.e.
<right>THE CODE HERE</right>