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.

[Reeve of shinra]

Edit:

Ok Ive had a chance to look it over and I think it has a lot of potential, but my problem with it is that it does not stay in the area as the text, rather it sits below it extending the tables vertically which makes the forum much more bulky.

Heres and example of what I mean:



Now if there was any way to make this float right without interfering with the tables I think it would be great. I hope you are able to mix it up a bit!

[TunerNetwork]

if we could perfect this, id be very interested

[Atakan KOC]

Thanks....

[StarBuG]

What do you mean by interfering with the table?
It does exactly what it should do.

It places an image next to the forum description.

If it makes your table higher then you need to resize your image.
You could add the code next to the forum title to reduce a little of the hight but that's it

StarBuG

[dbirosel]

Originally Posted by Reeve of shinra

Edit:

Ok Ive had a chance to look it over and I think it has a lot of potential, but my problem with it is that it does not stay in the area as the text, rather it sits below it extending the tables vertically which makes the forum much more bulky.

Heres and example of what I mean:



Now if there was any way to make this float right without interfering with the tables I think it would be great. I hope you are able to mix it up a bit!

That would be awesome!!!!

[Reeve of shinra]

Originally Posted by StarBuG

What do you mean by interfering with the table?
It does exactly what it should do.

It places an image next to the forum description.

If it makes your table higher then you need to resize your image.
You could add the code next to the forum title to reduce a little of the hight but that's it

StarBuG

What I was hoping for was something that would float right of both the description and the forum title - is that at all possible with what you've got? Right now its strictly designed for forum description which is great but for forums with small descriptions it leaves a lot of whitespace.

[dbirosel]

Any support for this?

[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

[StarBuG]

Of course it is possible without css but you have more controll regarding spacing