Konfiguracja DVZ Shoutbox - przycisk [archive] jest nie na swoim miejscu

wersja skryptu MyBB: 1.8.7
adres forum: http://og-pms.xaa.pl/
na czym polega problem (screen, opis, komunikaty, nazwa i wersja wtyczki):  Chodzi o to , że przycisk do archiwum shoutboxa zachodzi mi na tekst

Screen:

Kod:

<div id="shoutbox" class="front{$classes}">

<div class="thead">
<strong>{$lang->dvz_sb_shoutbox}</strong>
<p class="right"><a href="{$mybb->settings['bburl']}/index.php?action=shoutbox_archive">&laquo; {$lang->dvz_sb_archivelink}</a></p>
</div>

<div class="body">

{$panel}

<div class="window" style="height:{$mybb->settings['dvz_sb_height']}px">
<div class="data">
{$html}
</div>
</div>

</div>

<script type="text/javascript" src="{$mybb->settings['bburl']}/jscripts/dvz_shoutbox.js"></script>
{$javascript}
<script>
dvz_shoutbox.callbacks['update'].push(function(){
    if ($('#shoutbox .entry.new').length) {
        var audio = new Audio(rootpath + '/images/dvz_shoutbox.mp3');
        audio.volume = 0.2;
        audio.play();
    }
});
</script>
</div> 


W css shoutboxa wszędzie gdzie masz head zamień na thead.
Na przykład:

#shoutbox .head .right {
float: right; margin: 0; font-size: 13px;
}

zamień na:

#shoutbox .thead .right {
float: right; margin: 0; font-size: 13px;
}

Co prawda po zmianie tylko powyższego head na thead będzie działać, aczkolwiek inne domyślne definicje już nie.

Druga opcja (lepsza):
W kodzie shoutboxa (html) zamien

<div class="thead">

na:

<div class="head">

Czyli zmiana klasy z thead na head (czyli w sumie na domyślną). Aczkolwiek teraz musisz jeszcze dodać background do klasy head w shoutbox (global.css). Po tej operacji js shoutboxa będzie działał poprawnie. Obecnie nie działa ci zwijanie okienka.

Btw teraz patrzę na twój kod i pobierasz bibliotekę jQuery po nieudanej próbie użycia skryptów, które jej wymagają.

Przycisk jest na swoim miejscu - dziękuję

myCreedo napisał 26.04.2016, 20:34:
Pamiętaj

Jak oznaczyć tematy jako rozwiązane?

@Divir dopiero teraz zobaczyłem twój edytowany post. Jestem jeszcze zielony w tych sprawach , więc nie rozumiem tego bledu z tą biblioteką. Czy to może powodować jakieś problemy ?

Przekladajac na przyklad z zycia. Cytyjesz ksiazke ktora przeczytasz pozniej

@NiespecjalnieUzdolniony ci to fajnie wytłumaczył. 
Próbujesz zrobić coś, z czym nie jesteś jeszcze wcale powiązany, a żeby to zrobić musisz być powiązany. 

Wszelkie skrypty, które wymagają jQuery musisz dodać dopiero po dołączeniu biblioteki, czyli pod tym. Tutaj masz to wytłumaczone wraz z przykładowym kodem: https://api.jquery.com/jquery.noconflict/

Zaczynam rozumieć jak ważna jest biblioteka. Dziękuję