2013-02-08, 03:45 AM
Hello! I'd like to add some buttons in the logo area. Sadly, my HTML/CSS skills are extremely poor. My base theme is Apart Clean. Here's an image of what I'm trying to accomplish:
Currently, the buttons appear below the logo. I want them to appear where the red arrow is pointing. I can add them above the logo area, below the logo area, or squish them adjacent to the logo, but I can't seem to make them float nicely in the appropriate error.
For reference, here's the header template:
Currently, the buttons appear below the logo. I want them to appear where the red arrow is pointing. I can add them above the logo area, below the logo area, or squish them adjacent to the logo, but I can't seem to make them float nicely in the appropriate error.
For reference, here's the header template:
<div id="container">
<a name="top" id="top"></a>
<div id="header">
<div id="logo">
<div class="wrapper">
<a href="{$mybb->settings['bburl']}/index.php"><img src="{$theme['logo']}" alt="{$mybb->settings['bbname']}" title="{$mybb->settings['bbname']}" /></a>
</div>
<!--
<a href="http://www.darkageofcamelot.com"><img src="http://mythicentertainmentforums.com/images/clean/daoc.png" title="Dark Age of Camelot" target="blank" /></a>
<a href="http://www.ultimaforever.com"><img src="http://mythicentertainmentforums.com/images/clean/u4e.png" title="Ultima Forever" target="blank" /></a><br/>
<a href="http://www.uo.com"><img src="http://mythicentertainmentforums.com/images/clean/uo.png" title="Ultima Online" target="blank" /></a>
<a href="http://ageofreckoning.warhammeronline.com/"><img src="http://mythicentertainmentforums.com/images/clean/war.png" title="Warhammer Online" target="blank" /></a><br/>
<a href="http://wrathofheroes.warhammeronline.com/"><img src="http://mythicentertainmentforums.com/images/clean/woh.png" title="Wrath of Heroes" target="blank" /></a>
<a href="http://www.mythicentertainment.com"><img src="http://mythicentertainmentforums.com/images/clean/mythic_home.png" title="Mythic Home" target="blank" /></a>
-->
</div>
<div id="panel">
<div class="upper"><!-- This div(class="upper") is closed in the header_welcomeblock_member and header_welcomeblock_guest templates -->
<div class="wrapper">
<ul class="menu top_links">
<li><a href="{$mybb->settings['bburl']}/search.php" class="search">{$lang->toplinks_search}</a></li>
<li><a href="{$mybb->settings['bburl']}/memberlist.php" class="memberlist">{$lang->toplinks_memberlist}</a></li>
<li><a href="{$mybb->settings['bburl']}/calendar.php" class="calendar">{$lang->toplinks_calendar}</a></li>
</ul>
{$welcomeblock}
</div>
</div>
<div id="content">
<div class="wrapper">
{$pm_notice}
{$bannedwarning}
{$bbclosedwarning}
{$unreadreports}
{$pending_joinrequests}
<navigation>
<br />