2015-06-16, 01:24 PM
Idea, use Bootstrap.
Download bootstrap, upload it with ftp to your server.
In headerinclude add (at the top, where the other stands, you can't miss it)
Go to Header tamplate
Find
<div id="logo">
If you want to use the whole width, add this above <div id="logo">
<div class="container-fluid">
And remember to close it with a </div> (just before <div id="content">
If you want the logo to scale after the screen size, add img-responsive in the a class. Just like the examle under, the reson I have set it in a block, is to center the image.
And now when you have bootstrap, you can easy add and change things in the forum
Download bootstrap, upload it with ftp to your server.
In headerinclude add (at the top, where the other stands, you can't miss it)
<link rel="stylesheet" href="{$mybb->asset_url}/bootstrap/css/bootstrap.min.css" />
<script src="{$mybb->asset_url}/bootstrap/js/bootstrap.min.js"></script>
Remember to set the right location, if you have given the folder with the bootstrap another name. Go to Header tamplate
Find
<div id="logo">
If you want to use the whole width, add this above <div id="logo">
<div class="container-fluid">
And remember to close it with a </div> (just before <div id="content">
If you want the logo to scale after the screen size, add img-responsive in the a class. Just like the examle under, the reson I have set it in a block, is to center the image.
<div id="logo">
<a href="{$mybb->settings['bburl']}/portal.php"><img src="{$theme['logo']}" class="center-block img-responsive" alt="{$mybb->settings['bbname']}" title="{$mybb->settings['bbname']}" /></a>
</div>
</div>
And now when you have bootstrap, you can easy add and change things in the forum