Webboard

Webboard > Wsparcie MyBB > Style, szablony i grafika > Zwijane Kategorie
Pełna wersja: Zwijane Kategorie
Aktualnie przeglądasz uproszczoną wersję forum. Kliknij tutaj, by zobaczyć wersję z pełnym formatowaniem.

Darni

27.07.2013, 15:47
wersja skryptu MyBB: Najnowsza
adres forum:http://csportico1.unixstorm.org
na czym polega problem (screen, opis, komunikaty, nazwa i wersja wtyczki):

Po wykonaniu tego poradnika: https://webboard.pl/wiki.php?zwijanie-ka...i-p-b.html

Nie mogę zwijać kategorii, nie pojawiły się ikonki.

[Obrazek: 48169966518726142207.png]

a powinno być tak:

[Obrazek: 41934362738130024399.png]

GiboneKPL

27.07.2013, 18:41
ACP -> Style i Szablony -> Twój_Styl -> global.css -> Znajdź i usuń:
Kod:
.thead:hover .expcolimage {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1;
}

Darni

27.07.2013, 18:47
Niestety nie pomogło.

GiboneKPL

27.07.2013, 18:54
Pokaż Twój forumbit_depth1_cat (ACP -> Style i Szablony -> Szablony -> Twój_Szablon -> Opis działu).

Darni

27.07.2013, 19:07
Kod:
<div class="thead 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>

GiboneKPL

27.07.2013, 19:12
Spróbuj tak:
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>

I do global.css dodaj:
Kod:
.thead_2 {
    background: #007bff url(../../../images/deflection/thead.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;
}

A to usuń:
Kod:
.thead:hover .expcolimage {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1;
}

Darni

27.07.2013, 20:37
Niestety po dodaniu tego belki kategori się zniekształcają i wydłużają, ale znalazłem w innym css`ie "globalek" takie kody:

Kod:
.forumbit_trow1 {
     background: #1a1a1a url(images/deflection/trow.jpg) repeat-x top;
    border-top: 1px solid #252525;
    border-bottom: 1px solid #111111;
    vertical-align: middle;
    padding: 10px 0px 10px 0px;
    color: #898989;
    line-height: 17px;
}

.forumbit_trow2 {
     background: #1a1a1a url(images/deflection/trow.jpg) repeat-x top;
    border-top: 1px solid #252525;
    border-bottom: 1px solid #111111;
    vertical-align: middle;
    padding: 10px 0px 10px 0px;
    color: #898989;
    line-height: 17px;
    padding-left: 10px;
}
.forumbit_trow2 a {color: #eeeeee; font: normal 11px helvetica, arial, sans-serif;}

.forumbit_trow3 {

    padding-right: 5px;
    padding-left: 5px;
    vertical-align: middle;
    width:15%;
    text-align:right;
     background: #1a1a1a url(images/deflection/trow.jpg) repeat-x top;
    border-top: 1px solid #252525;
    border-bottom: 1px solid #111111;
}

.forumbit_trow4 {
     background: #1a1a1a url(images/deflection/trow.jpg) repeat-x top;
    border-top: 1px solid #252525;
    border-bottom: 1px solid #111111;
    vertical-align: middle;
    padding: 10px 0px 10px 0px;
    color: #777777;
    line-height: 17px;
    padding-right: 10px;
}
.forumbit_trow4 a {color: #eeeeee;}

.favimg {
border:1px solid #515151;
background:#CCCCCC;
-webkit-box-shadow:0px 2px 2px rgba(0,0,0,0.1);
-moz-box-shadow:0px 2px 2px rgba(0,0,0,0.1);
padding: 1px;
}

Może to przeszkadza w zmianie tego ?

Darni

30.07.2013, 22:28
Pomoże ktoś ? :(
Webboard > Wsparcie MyBB > Style, szablony i grafika > Zwijane Kategorie