MyBB Community Forums

Full Version: Put Object Next to Forums?
You're currently viewing a stripped down version of our content. View the full version with proper formatting.
I need to put an object aligned to the right of my forums. How do I do this? Specifically, I'm trying to add this:
<span style="float:right;">
<dl class="dropdown">
<dt id="one-ddheader" onmouseover="ddMenu('one',1)" onmouseout="ddMenu('one',-1)">Dropdown One</dt>
<dd id="one-ddcontent" onmouseover="cancelHide('one')" onmouseout="ddMenu('one',-1)">
<ul>
<li><a href="#" class="underline">Navigation Item 1</a></li>
<li><a href="#" class="underline">Navigation Item 2</a></li>
<li><a href="#" class="underline">Navigation Item 3</a></li>
<li><a href="#" class="underline">Navigation Item 4</a></li>
<li><a href="#">Navigation Item 5</a></li>
</ul>
</dl>
</span>

Thanks in advance!
Instead of <span> tags, try to use;

<div align="right"><dl class="dropdown">
<dt id="one-ddheader" onmouseover="ddMenu('one',1)" onmouseout="ddMenu('one',-1)">Dropdown One</dt>
<dd id="one-ddcontent" onmouseover="cancelHide('one')" onmouseout="ddMenu('one',-1)">
<ul>
<li><a href="#" class="underline">Navigation Item 1</a></li>
<li><a href="#" class="underline">Navigation Item 2</a></li>
<li><a href="#" class="underline">Navigation Item 3</a></li>
<li><a href="#" class="underline">Navigation Item 4</a></li>
<li><a href="#">Navigation Item 5</a></li>
</ul>
</dl></div>
You'll need to float it. Presuming you only want it on the index, something like this in the index template:
{$header}
<div class="sidebar" style="float: right;width: 25%;">
***Your Code***
</div>
<div class="forums" style="float: left;width: 74%;">
{$forums}
</div>
{$boardstats}
(2010-11-30, 04:05 PM)AJS Wrote: [ -> ]You'll need to float it. Presuming you only want it on the index, something like this in the index template:
{$header}
<div class="sidebar" style="float: right;width: 25%;">
***Your Code***
</div>
<div class="forums" style="float: left;width: 74%;">
{$forums}
</div>
{$boardstats}

Thanks AJ! That did the trick!