Seperate Icon Legend from the What''s going on section.

Seperate Icon Legend from the What''s going on section.

Mod Version: 1.00, by borbole

vB Version: 4.0.3	Rating: (1 vote - 5.00 average)	Installs: 22
Released: 20 Apr 2010	Last Update: Never	Downloads: 0
Not Supported Template Edits Re-usable Code Translations

This is a small modification that will seperate your Icon Legend from the What''s going on, giving it a block of its own. It makes for a better and neater look in my opinion.

Anyway, at the FORUMHOME template, find and remove the code for the legend part:

HTML Code:

<div id="wgo_legend" class="wgo_subblock">
				<h3><img src="{vb:stylevar imgdir_misc}/legend.png" alt="{vb:rawphrase icon_legend}" />{vb:rawphrase icon_legend}</h3>
				<div>
					<dl id="icon_legends" class="icon_legends">
						<dt><img src="{vb:stylevar imgdir_statusicon}/forum_new-16.png" alt="{vb:rawphrase new_posts_forum}" /></dt><dd>{vb:rawphrase new_posts_forum}</dd>
						<dt><img src="{vb:stylevar imgdir_statusicon}/forum_old-16.png" alt="{vb:rawphrase no_new_posts_forum}" /></dt><dd>{vb:rawphrase no_new_posts_forum}</dd>
						<dt><img src="{vb:stylevar imgdir_statusicon}/category-16.png" alt="{vb:rawphrase category_forum}" /></dt><dd>{vb:rawphrase category_forum}</dd>
						<dt><img src="{vb:stylevar imgdir_statusicon}/forum_link-16.png" alt="{vb:rawphrase link_forum}" /></dt><dd>{vb:rawphrase link_forum}</dd>
					<vb:if condition="$vboptions['pt_hasprojectforums']">
						<dt><img src="{vb:stylevar imgdir_statusicon}/project_new-16.png" alt="{vb:rawphrase project_forum}" /></dt><dd>{vb:rawphrase project_forum}</dd>
					</vb:if>
					</dl>
				</div>
			</div>

Then after the What''s going on closing comment:

HTML Code:

<!-- end what's going on box -->

add the following code:

HTML Code:

<div id="wgo_legend" class="collapse wgo_block">
<h2><span>{vb:rawphrase icon_legend}</span></h2>
<div class="floatcontainer">
<div class="wgo_subblock"><div>
<dl id="icon_legends" class="icon_legends">
						<dt><img src="{vb:stylevar imgdir_statusicon}/forum_new-16.png" alt="{vb:rawphrase new_posts_forum}" /></dt><dd>{vb:rawphrase new_posts_forum}</dd>
						<dt><img src="{vb:stylevar imgdir_statusicon}/forum_old-16.png" alt="{vb:rawphrase no_new_posts_forum}" /></dt><dd>{vb:rawphrase no_new_posts_forum}</dd>
						<dt><img src="{vb:stylevar imgdir_statusicon}/category-16.png" alt="{vb:rawphrase category_forum}" /></dt><dd>{vb:rawphrase category_forum}</dd>
						<dt><img src="{vb:stylevar imgdir_statusicon}/forum_link-16.png" alt="{vb:rawphrase link_forum}" /></dt><dd>{vb:rawphrase link_forum}</dd>
					    <vb:if condition="$vboptions['pt_hasprojectforums']">
						<dt><img src="{vb:stylevar imgdir_statusicon}/project_new-16.png" alt="{vb:rawphrase project_forum}" /></dt><dd>{vb:rawphrase project_forum}</dd>
					</vb:if>
					</dl>
				</div>
			</div>
                  </div>
	    </div>

Here is a screenshot with the end result.

Download

No files for download.

Screenshots

vBulletin LTS