(2014-10-10, 03:48 AM)PinoyTechz Wrote: [ -> ]how can i remove the sidebar?
ACP > Templates & Styles > Templates > Square templates > Index page templates and open index template
Replace all the template with this:
<html>
<head>
<title>{$mybb->settings['bbname']}</title>
{$headerinclude}
<script type="text/javascript">
<!--
lang.no_new_posts = "{$lang->no_new_posts}";
lang.click_mark_read = "{$lang->click_mark_read}";
// -->
</script>
</head>
<body>
{$header}
{$forums}
<br class="clear" /><br />
{$boardstats}
{$footer}
</body>
</html>
Now go to Navigation templates and open nav template, delete ONLY this:
<a class="buttons" title="{$lang->xstyled_hidesidebar}" style="float: right;"><i style="font-size: 14px;" class="fa fa-compress fa-fw"></i></a>
<a class="clickedbuttons" title="{$lang->xstyled_showsidebar}" style="float: right;"><i style="font-size: 14px;" class="fa fa-expand fa-fw"></i></a>
Now, Ungrouped templates and open headerinclude template
Search and delete this:
<script type="text/javascript">
jQuery(function($) {
$(".clickedbuttons").hide();
$(".buttons").click(function() {
$(".sidebar").animate({height: "hide", opacity: 0}, 500,
function() {
$(".forums").animate({width: "984px"}, 500);
});
$(this).hide();
$(".clickedbuttons").show();
$.cookie("sidebar","collapsed", {expires: 365});
return false;
});
$(".clickedbuttons").click(function() {
$(".forums").animate({width: "724px"}, 500,
function() {
$(".sidebar").animate({height: "show", opacity: 1}, 500);
});
$(this).hide();
$(".buttons").show();
$.cookie("sidebar","expanded", {expires: 365});
return false;
});
if($.cookie("sidebar") == "collapsed") {
$(".buttons").hide();
$(".clickedbuttons").show();
$(".forums").css("width","984px");
$(".sidebar").hide();
};
});
</script>
Finally, go to Styles, square.css, search and delete this:
.buttons {
cursor: pointer;
color: #FFFFFF;
width: 44px;
height: 29px;
padding-top: 15px;
text-align: center;
background: #005ea7;
transition: all 0.5s ease;
}
.buttons:hover {
cursor: pointer;
color: #FFFFFF;
background: #0076D1;
transition: all 0.5s ease;
}
.clickedbuttons {
cursor: pointer;
color: #FFFFFF;
width: 44px;
height: 29px;
padding-top: 15px;
text-align: center;
background: #005ea7;
transition: all 0.5s ease;
}
.clickedbuttons:hover {
cursor: pointer;
color: #FFFFFF;
background: #0076D1;
transition: all 0.5s ease;
}
And that's all.