MyBB Community Forums

Full Version: Unable to Centralise Banner
You're currently viewing a stripped down version of our content. View the full version with proper formatting.
Hi all,

Bit of a noob with websites and so on,

I was wondering if anyone would be able to help me make my forums look less of a mess.

www.flc.clanservers.com  is the forum location, the problem i have is i am unable to get the forums banner centralised at the top of the screen, ideally i would like to remove the search bar to the right of the banner as i am assuming that is whats stopping the banner from sitting in the centre and it already has a search funtion at the top of the page, if anyone would be kind enough to help me do this i would be extremely grateful!!

I would also like to add 2 or 3 other areas to the right side of the forum page where it says "Latest News" Auction house coming soon, if i could just add 2 or 3 more of this same type of area so i could add more info/widgets that would be great!

I am a noob when it comes to html and all the other things needed to make a professional website, i am fairly decent and persistent at modifying to get it to work (Trial and Error) but i seem to just keep making errors when trying to get the forums how i want them, and watching hours of tutorial videos seems to be confusing me even more  Confused

Any help would be greatly appreciated Smile

Thanks

Reggie
In header template, change:


<div id="logo" original-title="">


into:


<div id="logo" original-title="" style="margin: auto;">

For changing the side-bar the plugin or theme for that must be changed I think.
Hi Ad Bakker,

Thank you for the reply, this is the code i have in header at the moment

[code]<div id="wrapper"></div>
<div id="topwrap"><a name="top" id="top"></a>
<div id="mainwidth">

<div class="float_left">
<div class="menu" style="margin-top: 0%;">
<ul>
<li> <a href="{$mybb->settings['bburl']}/portal.php"><i class="fa fa-home"></i></br>Home</a></li>

<li> <a href="{$mybb->settings['bburl']}/index.php"><i class="fa fa-comments"></i></br>Forums</a>

<li> <a href="{$mybb->settings['bburl']}/search.php"><i class="fa fa-search fa-fw"></i></br> Search</a></li>

<li> <a href="{$mybb->settings['bburl']}/memberlist.php"><i class="fa fa-user fa-fw"></i></br> Members</a></li>

<li> <a href="{$mybb->settings['bburl']}/calendar.php"><i class="fa fa-calendar fa-fw"></i></br> Calendar</a></li>

<li> <a href="{$mybb->settings['bburl']}/misc.php?action=help"><i class="fa fa-life-ring fa-fw"></i></br> Help</a></li>
<ul></div></div>
<div class="float_right">{$welcomeblock}</div>

</div></div>


<div id="logo"><a href="{$mybb->settings['bburl']}/index.php"><img src="{$theme['logo']}" alt="{$mybb->settings['bbname']}" /></a></div>
<div class="searchbox">
<form action="search.php" method="post">
<input type="text" name="keywords" class="textosearch" placeholder="Search..." title="Insert key words to perform a search..." />
<input type="submit" name="submit" class="boton5" value="Search" />
<input type="hidden" name="action" value="do_search" />
</form></div></br>


<br />
<div id="mbox" style="margin-top: -5px;">





<br />
<div id="container">
<div id="content">
<div class="wrapper">
{$pm_notice}
{$bannedwarning}
{$bbclosedwarning}
{$unreadreports}
{$pending_joinrequests}
{$awaitingusers}
<navigation>
<br />[code]

Would you be able to highlight the exact part i need to replace with the line you provided please? and also will this place the fun loving cavemen banner in the centre, and if it does what will happen to the little search bar that is to the right of it? i would be more than happy to get rid of that if its possible as there is already a search bar on the top.

Thanks again

Reggie
(2015-08-31, 05:14 PM)FLC Reggie Wrote: [ -> ]Would you be able to highlight the exact part i need to replace with the line you provided please? and also will this place the fun loving cavemen banner in the centre, and if it does what will happen to the little search bar that is to the right of it? i would be more than happy to get rid of that if its possible as there is already a search bar on the top.

Go to the line with (around line 25):

<div id="logo">


and change that text to:

<div id="logo" style="margin: auto;">

(the original-title part is added by the system).
Recommended to edit it via global.css, though.