پهنای قالب سایت خود را متحرک کنید

کد php:
<span style="float:left;"><img id="default-width" src="{$theme['imgdir']}/dwidth.png" title="Default"/> <img id="large-width" src="{$theme['imgdir']}/lwidth.png"  title="Large"/> <img id="medium-width" src="{$theme['imgdir']}/mwidth.png"  title="Medium"/> <img id="small-width" src="{$theme['imgdir']}/swidth.png"  title="Small"/></span>
</div>
<script src='{$mybb->settings['bburl']}/jscripts/jquery.min.js'></script>
<script type="text/javascript" src="{$mybb->settings['bburl']}/jscripts/cookie.js"/></script>
<script type="text/javascript">
var jwidth = jQuery.noConflict();
jwidth(document).ready(function($) {
original = jwidth('#container').css('width'),

jwidth('#default-width').click(function() {
    jwidth('#container').animate({ width: [original, 'swing'] },{duration: 600});
    jwidth.cookie('mybbextras_width', 'default');
});

jwidth('#large-width').click(function() {
    jwidth('#container').animate({ width: ['95%', 'swing'] },{duration: 600});
    jwidth.cookie('mybbextras_width', '95');
});

jwidth('#medium-width').click(function() {
    jwidth('#container').animate({ width: ['65%', 'swing'] },{duration: 600});
    jwidth.cookie('mybbextras_width', '65');
});

jwidth('#small-width').click(function() {
    jwidth('#container').animate({ width: ['55%', 'swing'] },{duration: 600});
    jwidth.cookie('mybbextras_width', '55');
});

<!--Cookies midori-->

if ( jwidth.cookie('mybbextras_width') == 'default' ) {
    jwidth('#container').css('width', original);
}
if ( jwidth.cookie('mybbextras_width') == '95' ) {
    jwidth('#container').css('width', '95%');
}
if ( jwidth.cookie('mybbextras_width') == '65' ) {
    jwidth('#container').css('width', '65%');
}
if ( jwidth.cookie('mybbextras_width') == '55' ) {
    jwidth('#container').css('width', '55%');
}

 jwidth('#default-width').css('cursor', 'pointer');
 jwidth('#medium-width').css('cursor', 'pointer');
 jwidth('#small-width').css('cursor', 'pointer');
 jwidth('#large-width').css('cursor', 'pointer');

});
</script>