Webboard

wersja skryptu MyBB: Najnowsza
adres forum: http://cs-portico.pl
na czym polega problem (screen, opis, komunikaty, nazwa stylu/theme/szablonu):
Witam,
Otóż mam problem z umiejscowieniem ikonki zwijania działu/kategorii po wejściu na moje forum w prawym górnym rogu można ujrzeć tą ikonę zwijania.
Screen:
[Obrazek: 68639388896380114067.png]

Pytanie jest proste jak ją usadowić na miejsce gdzie powinna być, czyli na działy/kategorie.

Mój forumbit_depth1_cat

Kod:
<div class="thead_2 th_{$forum['fid']}">

<span class="forumtitle"><a href="{$forum_url}">{$forum['name']}</a></span><span class="forumdesc" id="{$forum['fid']}desc">{$forum['description']}</span>

<span class="expcolimage" id="expcol_{$forum['fid']}_close"><img src="{$theme['imgdir']}/collapse.gif" /></span>

<span class="expcolimage" id="expcol_{$forum['fid']}_open"><img src="{$theme['imgdir']}/collapse_collapsed.gif" /></span>

</div>

<div id="expcol_{$forum['fid']}_box">

<table border="0" cellspacing="{$theme['borderwidth']}" cellpadding="{$theme['tablespace']}" class="tborder">

<tbody style="{$expdisplay}" id="cat_{$forum['fid']}_e">

<tr>

<td style="padding:0" colspan="2"/>

<td style="padding:0" width="85"/>

<td style="padding:0" width="200"/>

</tr>

<tr>

</tr>

{$sub_forums}

</tbody>

</table>

</div>

<br />

<script>

jQuery('#expcol_{$forum['fid']}_open').hide()

jQuery('#expcol_{$forum['fid']}_close').click(function () {

      jQuery(this).hide();

      jQuery('#expcol_{$forum['fid']}_box').slideUp('500', 'swing');

      jQuery('#expcol_{$forum['fid']}_open').show();

jQuery('.th_{$forum['fid']}').animate({"border-radius":"5px","opacity":"0.4"});

      jQuery.cookie("animcol","closed", {expires: 365});

      return false;

    });

jQuery("#expcol_{$forum['fid']}_open").click(function () {

      jQuery(this).hide();

      jQuery('#expcol_{$forum['fid']}_box').slideDown('500', 'swing');

      jQuery('#expcol_{$forum['fid']}_close').show();

jQuery('.th_{$forum['fid']}').animate({"border-radius":"5px 5px 0 0","opacity":"1"});

      jQuery.cookie("animcol","open", {expires: 365});

      return false;

    });

if(jQuery.cookie("animcol") == "closed") {

        jQuery("#expcol_{$forum['fid']}_close").hide();

        jQuery("#expcol_{$forum['fid']}_open").show();

        jQuery('#expcol_{$forum['fid']}_box').hide();

jQuery('.th_{$forum['fid']}').animate({"border-radius":"5px","opacity":"0.4"}); 

};

</script>

css do niego:

Kod:
.thead_2 {

    background: #007bff url(../../../images/deflection/maintitle.png) repeat-x 100% 50%;

    color:#fff;

    padding:8px 8px 9px;

    font-size:15px;

    font-weight:300;

    -moz-border-radius:4px 4px 4px 4px;

    -webkit-border-top-left-radius:4px;

    -webkit-border-top-right-radius:4px;

    border-radius:4px 4px 4px 4px;

    border: 1px solid rgba(255,255,255,0.2);

    text-shadow:0px -1px 0px rgba(0,0,0,0.4);

    margin-bottom: 4px;

}

.thead_2 a:link {

    text-decoration: none;

    color: #fff;

}

.thead_2 a:visited {

    color: #fff;

    text-decoration: none;

}

.thead_2 a:hover,.thead_2 a:active {

    color: #ccc;

    text-decoration: none;

}

.thead_2:hover .expcolimage img {

opacity: 1;

}

.thead_2 .expcolimage img {

opacity: 0;

}

Darni