Błąd przycisków po szybkiej odpowiedzi

wersja skryptu MyBB: 1.6.8
adres forum: Tut4You
na czym polega problem (screen, opis, komunikaty, nazwa stylu/theme/szablonu):

Problem polega na tym że gdy piszę w szybkiej odpowiedzi i wyślę to zwiesza się hover przycisków:



Dopiero po odświeżeniu strony działa poprawnie js odpowiadający za przyciski to coś takiego:

http://pastebin.com/8D9hP68u

Użyj tego: http://mods.mybb.com/view/fading-postbit-buttons

No niestety nic nie pomogło to

Ale usunąłeś tę wcześniejszą modyfikację?

Wystarczy, że do każdego z tych obrazków dodasz class="costam" i w CSS

.costam {
    opacity: 0.6;
    -webkit-transition: opacity 0.6s;
    -o-transition: opacity 0.6s;
    -moz-transition: opacity 0.6s;
    -khtml-transition: opacity 0.6s;
}

.costam :hover {
    opacity: 1;
    }

"costam" oczywiście możesz zmienić. Nie powinno raczej sprawiać większych problemów.

Powodzenia.

Wystarczy, że do każdego z tych obrazków dodasz class="costam" i w CSS

.costam {
    opacity: 0.6;
    -webkit-transition: opacity 0.6s;
    -o-transition: opacity 0.6s;
    -moz-transition: opacity 0.6s;
    -khtml-transition: opacity 0.6s;
}

.costam :hover {
    opacity: 1;
    }

"costam" oczywiście możesz zmienić. Nie powinno raczej sprawiać większych problemów.

Powodzenia.

Coś nie chce mi to działać, zrobiłem tak:

w postbit_edit

<span class="effect">
<a href="editpost.php?pid={$post['pid']}" id="edit_post_{$post['pid']}"><img src="{$theme['imglangdir']}/postbit_edit.png" alt="{$lang->postbit_edit}" title="{$lang->postbit_edit}" /></a>
<div id="edit_post_{$post['pid']}_popup" class="popup_menu" style="display: none;"><div class="popup_item_container"><a href="javascript:;" onclick="Thread.quickEdit({$post['pid']});" class="popup_item">{$lang->postbit_quick_edit}</a></div><div class="popup_item_container"><a href="editpost.php?pid={$post['pid']}" class="popup_item">{$lang->postbit_full_edit}</a></div></div>
<script type="text/javascript">
// <!--
    if(use_xmlhttprequest == "1")
    {
        new PopupMenu("edit_post_{$post['pid']}");
    }
// -->
</script>
</span>

próbowałem z div lecz to bez zmiany, natomiast css:

.effect {
    opacity: 0.6;
    -webkit-transition: opacity 0.6s;
    -o-transition: opacity 0.6s;
    -moz-transition: opacity 0.6s;
    -khtml-transition: opacity 0.6s;
}

.effect :hover {
    opacity: 1;
}

Możliwe że coś tu źle zrobiłem.

CSS

.effect {
    opacity: 0.6;
    -webkit-transition: opacity 0.6s;
    -o-transition: opacity 0.6s;
    -moz-transition: opacity 0.6s;
    -khtml-transition: opacity 0.6s;
}

.effect:hover {
    opacity: 1;
}

A w szablonie

class="effect"

Wrzuć do <img></img>. W powyższym kodzie kawałek od obrazka wyglądałby tak.

<img src="{$theme['imglangdir']}/postbit_edit.png" class="effect" alt="{$lang->postbit_edit}" title="{$lang->postbit_edit}" />

Całość:

<a href="editpost.php?pid={$post['pid']}" id="edit_post_{$post['pid']}"><img src="{$theme['imglangdir']}/postbit_edit.png" class="effect" alt="{$lang->postbit_edit}" title="{$lang->postbit_edit}" /></a>
<div id="edit_post_{$post['pid']}_popup" class="popup_menu" style="display: none;"><div class="popup_item_container"><a href="javascript:;" onclick="Thread.quickEdit({$post['pid']});" class="popup_item">{$lang->postbit_quick_edit}</a></div><div class="popup_item_container"><a href="editpost.php?pid={$post['pid']}" class="popup_item">{$lang->postbit_full_edit}</a></div></div>
<script type="text/javascript">
// <!--
    if(use_xmlhttprequest == "1")
    {
        new PopupMenu("edit_post_{$post['pid']}");
    }
// -->
</script>