2012-04-02, 05:36 PM
need help to get latest posts/threads from a certain forum(s) into the side bar. How to add custom styling to the sidebar, so that its background colors and text font is different from forum default.
{$footer}
<div>
{$footer}
</div>
(2012-05-13, 08:24 PM)koz Wrote: [ -> ]This is currently up and running on my website located; http://www.diabolicgaming.com/index.php
If you need help feel free to PM me, I'll be glad to help.
<html>
<head>
<title>{$mybb->settings['bbname']}</title>
{$headerinclude}
</head>
<body>
{$header}
<a class="buttons" style="float: right;"></a>
<a class="clickedbuttons" style="float: right;"></a>
<a class="buttons1" style="float: left;"></a>
<a class="clickedbuttons1" style="float: left;"></a>
<br />
<div class="sidebar" style="float: right;width: 255px;">
{$rightblocks}
</div>
<div class="sidebar1" style="float: left;width: 160px;">
{$leftblocks}
</div>
<div class="forums" style="overflow:hidden;">
{$centerblocks}
</div>
{$footer}
</body>
</html>
.buttons {
background: url(images/arrowright.png) no-repeat;
width: 16px;
height: 16px;
display: block;
cursor: pointer;
}
.clickedbuttons {
background: url(images/arrowleft.png) no-repeat;
width: 16px;
height: 16px;
display: block;
cursor: pointer;
}
.buttons1 {
background: url(images/arrowleft.png) no-repeat;
width: 16px;
height: 16px;
display: block;
cursor: pointer;
}
.clickedbuttons1 {
background: url(images/arrowright.png) no-repeat;
width: 16px;
height: 16px;
display: block;
cursor: pointer;
}
jQuery(function($) {
$(".clickedbuttons1").hide();
$(".clickedbuttons").hide();
if($.cookie("sidebar1") == "collapsed") {
$(".buttons1").hide();
$(".clickedbuttons1").show();
$(".sidebar1").hide();
};
if($.cookie("sidebar") == "collapsed") {
$(".buttons").hide();
$(".clickedbuttons").show();
$(".sidebar").hide();
};
$(".buttons1").click(function() {
$(".sidebar1").animate({height: "hide", opacity: 0}, 300);
$(this).hide();
$(".clickedbuttons1").show();
$.cookie("sidebar1","collapsed", {expires: 365});
return false;
});
$(".clickedbuttons1").click(function() {
$(".sidebar1").animate({height: "show", opacity: 1}, 300);
$(this).hide();
$(".buttons1").show();
$.cookie("sidebar1","expanded", {expires: 365});
return false;
});
$(".buttons").click(function() {
$(".sidebar").animate({height: "hide", opacity: 0}, 500);
$(this).hide();
$(".clickedbuttons").show();
$.cookie("sidebar","collapsed", {expires: 365});
return false;
});
$(".clickedbuttons").click(function() {
$(".sidebar").animate({height: "show", opacity: 1}, 500);
$(this).hide();
$(".buttons").show();
$.cookie("sidebar","expanded", {expires: 365});
return false;
});
});