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