Konfiguracja Panel Emotikon - DVZ Shoutbox (niepoprawne działanie z poradnika)

Witam.
Korzystałem z poradnika https://webboard.pl/thread-66820.html w celu utworzenia panelu z dostępnymi emotkami (clickable).
Niestety, ale z dziwnego powodu (wykonałem sposób nr. 2 z treści tematu, nie postów) panel zachowuje się nie tak jak powinien.
Po pierwsze - emotki pod shoutboxem wyświetlają się tak jakbym podał złe ścieżki, a nie sądzę, że jest to możliwe:

<div id="smilies_modal">
   <div id="smilies_container">
       <img src="{$theme['imgdir']}/images/smilies/smile.png" alt="" class="smilie_dvz clickable">
       <img src="{$theme['imgdir']}/images/smilies/wink.png" alt="" class="smilie_dvz clickable">
       <img src="{$theme['imgdir']}/images/smilies/cool.png" alt="8)" class="smilie_dvz clickable">
       <img src="{$theme['imgdir']}/images/smilies/biggrin.png" alt="" class="smilie_dvz clickable">
       <img src="{$theme['imgdir']}/images/smilies/tongue.png" alt="" class="smilie_dvz clickable">
       <img src="{$theme['imgdir']}/images/smilies/rolleyes.png" alt="" class="smilie_dvz clickable">
       <img src="{$theme['imgdir']}/images/smilies/shy.png" alt="" class="smilie_dvz clickable">
       <img src="{$theme['imgdir']}/images/smilies/sad.png" alt="" class="smilie_dvz clickable">
       <img src="{$theme['imgdir']}/images/smilies/angel.png" alt="O:-)" class="smilie_dvz clickable">
       <img src="{$theme['imgdir']}/images/smilies/angry.png" alt="" class="smilie_dvz clickaable">
       <img src="{$theme['imgdir']}/images/smilies/dodgy.png" alt="B)" class="smilie_dvz clickable">
       <img src="{$theme['imgdir']}/images/smilies/heart.png" alt="<3" class="smilie_dvz clickable">
       <img src="{$theme['imgdir']}/images/smilies/huh.png" alt=":huh:" class="smilie_dvz clickable">
       <img src="{$theme['imgdir']}/images/smilies/sleepy.png" alt="" class="smilie_dvz clickable">
       <img src="{$theme['imgdir']}/images/smilies/undecided.png" alt=":-/" class="smilie_dvz clickable">
       <img src="{$theme['imgdir']}/images/smilies/cry.png" alt=";(" class="smilie_dvz clickable">
       <img src="{$theme['imgdir']}/images/smilies/sick.png" alt=":sick:" class="smilie_dvz clickable">
</div>

Po drugie.. Po kliknięciu na napis "Emotki" obok Archiwum emotki pod shoutboxem pokazują się, jednak w przypadku drugiego kliknięcia nie chowają się. Schować można je tylko poprzez wybranie którejś ikonki. Jak to naprawić w takim razie, żeby napis "Emotki" działał w dwie strony?
Po trzecie. Chciałbym żeby emotki wyświetlające się pod shoutboxem były wyśrodkowane. Co zrobić?

Z góry dziękuję za wszelką pomoc, pozdrawiam.

Masz podany zły adres do emotek. Musisz użyć zmiennej {$mybb->settings['bburl']} zamiast {$theme['imgdir']}. Na temat drugiego błędu się nie wypowiem, bo z tego co widzę to zacząłeś używać innego sposobu wyświetlania ich (modal zamiast wysuwanego panelu).

Opanowałem problem wyświetlania i wyśrodkowania (dzięki Divir za to pierwsze).
Pozostaje problem tego, że emotki nie chowają się po kliknięciu na "Emotki".
Button działa tylko na to żeby się pokazywały.

Nie zamkniesz modala klikając na emotki, bo jest on przykryty innym kontenerem (dlatego całe tło poza emotkami jest przyciemnione).
Jeśli chcesz dodać zamykanie do boxa - https://webboard.pl/thread-66820-post-28...#pid284554