Webboard

Pełna wersja: Problem z buttonem zwijania sidebara
Aktualnie przeglądasz uproszczoną wersję forum. Kliknij tutaj, by zobaczyć wersję z pełnym formatowaniem.
wersja skryptu MyBB:1.6.9
adres forum: www.stylerniaa.cba.pl
na czym polega problem (screen, opis, komunikaty, nazwa stylu/theme/szablonu): Witam,
Mój problem polega na tym, że gdy się kliknie na button zwinięcia sidebara, to jest źle, bo forum zamiast stać miejscu to tak jakby "szybko podskakuje" 1 raz do dołu po kliknięciu. Jak to naprawić?
pokaż zawartość index
SaiL,
Kod:
<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>
<style type="text/css">
.buttons {
     background: #000000;
     opacity:0.05;
          height:10px;
     width:15px;
     display: block;
     padding:0px 0px;
     cursor: pointer;
}

.buttons:hover {
background:#CCCCCC;
opacity:0.2;
}

.clickedbuttons {
     background: #000000;
     opacity:0.5;
     height:10px;
     width:15px;
     display: block;
     cursor: pointer;
}

.clickedbuttons:hover {
background:#CCCCCC;
opacity:0.2;
}
</style>
</head>
<body>
{$header}
<a class="buttons" style="float: right;"></a>
<a class="clickedbuttons" style="float: right;"></a>
<br class="clear" />
<div class="sidebar" style="float:right;width:19%;">
<table border="0" cellspacing="{$theme['borderwidth']}" cellpadding="{$theme['tablespace']}" class="tborder">
<tr>
<td class="sidebar_belka"><strong>
~`Forums info~~
</strong></td>
</tr>
<tr>
<td class="sidebar_trow1">
Aby strona poprawnie działała zachęcamy do korzystania z przeglądarek <b>innych niż IE</b> (Internet Explorer) .
</td>
</tr>
</table>
</div>
<div class="forums" style="float: left; width:80%">
{$forums}
</div>
<br class="clear" />
{$boardstats}

<dl class="forum_legend smalltext">
     <dt><img src="{$theme['imgdir']}/on.gif" alt="{$lang->new_posts}" title="{$lang->new_posts}" style="vertical-align: middle; padding-bottom: 4px;" /></dt>
     <dd>{$lang->new_posts}</dd>

     <dt><img src="{$theme['imgdir']}/off.gif" alt="{$lang->no_new_posts}" title="{$lang->no_new_posts}" style="vertical-align: middle; padding-bottom: 4px;" /></dt>
     <dd>{$lang->no_new_posts}</dd>

     <dt><img src="{$theme['imgdir']}/offlock.gif" alt="{$lang->forum_locked}" title="{$lang->forum_locked}" style="vertical-align: middle;" /></dt>
     <dd>{$lang->forum_locked}</dd>
</dl>
<br style="clear: both" />
{$footer}
</body>
</html>
Usuń index i wklej to:

Kod:
<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>
<style type="text/css">
.buttons {
     background: #000000;
     opacity:0.05;
          height:10px;
     width:15px;
     display: block;
     padding:0px 0px;
     cursor: pointer;
}

.buttons:hover {
background:#CCCCCC;
opacity:0.2;
}

.clickedbuttons {
     background: #000000;
     opacity:0.5;
     height:2px;
     width:15px;
     display: block;
     cursor: pointer;
}

.clickedbuttons:hover {
background:#CCCCCC;
opacity:0.2;
}
</style>
</head>
<body>
{$header}
<a class="buttons" style="float: right;"></a>
<a class="clickedbuttons" style="float: right;"></a>
<br />
<br class="clear" />
<div class="sidebar" style="float:right;width:19%;">
<table border="0" cellspacing="{$theme['borderwidth']}" cellpadding="{$theme['tablespace']}" class="tborder">
<tr>
<td class="sidebar_belka"><strong>
~`Forums info~~
</strong></td>
</tr>
<tr>
<td class="sidebar_trow1">
Aby strona poprawnie działała zachęcamy do korzystania z przeglądarek <b>innych niż IE</b> (Internet Explorer) .
</td>
</tr>
</table>
</div>
<div class="forums" style="float: left; width:80%">
{$forums}
</div>
<br class="clear" />
{$boardstats}

<dl class="forum_legend smalltext">
     <dt><img src="{$theme['imgdir']}/on.gif" alt="{$lang->new_posts}" title="{$lang->new_posts}" style="vertical-align: middle; padding-bottom: 4px;" /></dt>
     <dd>{$lang->new_posts}</dd>

     <dt><img src="{$theme['imgdir']}/off.gif" alt="{$lang->no_new_posts}" title="{$lang->no_new_posts}" style="vertical-align: middle; padding-bottom: 4px;" /></dt>
     <dd>{$lang->no_new_posts}</dd>

     <dt><img src="{$theme['imgdir']}/offlock.gif" alt="{$lang->forum_locked}" title="{$lang->forum_locked}" style="vertical-align: middle;" /></dt>
     <dd>{$lang->forum_locked}</dd>
</dl>
<br style="clear: both" />
{$footer}
</body>
</html>
SaiL,
Dzięki wielkie + leci :).