MyBB Community Forums

Full Version: Move A to B
You're currently viewing a stripped down version of our content. View the full version with proper formatting.
Pages: 1 2
Hi guys.

I'm pretty new to coding in general. I know very little things, but basically on the skin I have now, I would like to know how to move the box at the top of my page to the space underneath it. I've provided an picture so you know what I'm talking about. Basically, what I would like to do is create a banner for the top of the page so that the registration/login/control panel doesn't cover it.

Click Here
Forum: Clickedy
Forum URL?
Added. ^^
Just take the #panelcontent div and place it inside the #container/#content div.
Inside the brackets { } 's right?
Edit : not seen a couple of above posts ..

it is panel content in the header template ( content of <div id="panel">......</div> )
it needs to be moved AND adjusted with related css style (#panel in global.css)
(2011-12-29, 06:42 PM)ranjani Wrote: [ -> ]Edit : not seen a couple of above posts ..

it is panel content in the header template ( content of <div id="panel">......</div> )
it needs to be moved AND adjusted with related css style (#panel in global.css)

Sorry. That's a bit confusing to me. ^^;;
Go to Admin CP > Templates & Style > Templates > Your Template Set > Header Templates > header.

Copy and paste the code here.
Quote:<!-- begin wrapper -->
<div id="wrapper">

<!-- begin logo -->
<div id="logo">
<a href="{$mybb->settings['bburl']}/"><img src="{$theme['logo']}" alt="{$mybb->settings['bbname']}" title="{$mybb->settings['bbname']}" class="logo" /></a>
<a name="top" id="top"></a>
<div id="panel">
<div id="panelcontent">{$welcomeblock}</div>
</div>
</div>
<!-- end logo -->
<br/>
<div class="clear"></div>
<!-- begin navbar -->
<div id="navbar">
<ul id="nav">
<li><a href="{$mybb->settings['bburl']}/index.php" class="current">Forum Home</a></li>

<li><a href="{$mybb->settings['bburl']}/search.php">Search</a></li>
<li><a href="{$mybb->settings['bburl']}/memberlist.php">Member List</a></li>
<li><a href="{$mybb->settings['bburl']}/misc.php?action=help">Help</a></li>
<li><a href="{$mybb->settings['contactlink']}">Contact Us</a></li>
</ul>
</div>
<!-- end navbar -->

<!-- begin content wrap -->
<div id="contentwrap">
<div id="container">
<hr class="hidden" />
<br class="clear" />
<div id="content">
{$pm_notice}
{$bannedwarning}
{$bbclosedwarning}
{$unreadreports}
<navigation>
<br />
Replace with this:

<!-- begin wrapper -->
<div id="wrapper">

<!-- begin logo -->
<div id="logo">
<a href="{$mybb->settings['bburl']}/"><img src="{$theme['logo']}" alt="{$mybb->settings['bbname']}" title="{$mybb->settings['bbname']}" class="logo" /></a>
<a name="top" id="top"></a>
</div>
<!-- end logo -->
<br/>
<div class="clear"></div>
<!-- begin navbar -->
<div id="navbar">
<ul id="nav">
<li><a href="{$mybb->settings['bburl']}/index.php" class="current">Forum Home</a></li>
<li><a href="{$mybb->settings['bburl']}/search.php">Search</a></li>
<li><a href="{$mybb->settings['bburl']}/memberlist.php">Member List</a></li>
<li><a href="{$mybb->settings['bburl']}/misc.php?action=help">Help</a></li>
<li><a href="{$mybb->settings['contactlink']}">Contact Us</a></li>
</ul>
</div>
<!-- end navbar -->

<!-- begin content wrap -->
<div id="contentwrap">
<div id="container">
<div id="panel">
<div id="panelcontent">{$welcomeblock}</div>
</div>
<hr class="hidden" />
<br class="clear" />
<div id="content">
{$pm_notice}
{$bannedwarning}
{$bbclosedwarning}
{$unreadreports}
<navigation>
<br />
Pages: 1 2