Webboard

Pełna wersja: Błąd przycisków po szybkiej odpowiedzi
Aktualnie przeglądasz uproszczoną wersję forum. Kliknij tutaj, by zobaczyć wersję z pełnym formatowaniem.
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:

[Obrazek: xBP.png]

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

Kod:
http://pastebin.com/8D9hP68u
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

Kod:
.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.
(09.08.2012, 21:39)Hatsugochi napisał(a): [ -> ]Wystarczy, że do każdego z tych obrazków dodasz class="costam" i w CSS

Kod:
.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

Kod:
<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:

Kod:
.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
Kod:
.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
Kod:
class="effect"

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

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

Całość:
Kod:
<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>