Dołącz do zespołu ekspertów! Backend lub Frontend Developer?

Sprawdź najnowsze oferty pracy naszego partnera - 8lines.io!

DVZ_Shoutbox wygląda jak jakaś katastrofa programisty.

Błąd   Założony przez  MKMethosPL.

Poradziłem sobie jakoś i wgrałem ShoutBox, Ale za gruba jest Belka jak to zrobić by ładnie wyglądało i zlewało się z stylem?

Obrazek:
http://prntscr.com/defejs
ficus napisał 02.12.2016, 14:09:
Zapoznaj się z i popraw stopkę forum.
Wszelkie zrzuty z ekranu należy dodawać w postaci załącznika. Zabronione jest zamieszczanie grafik / plików umieszczonych na serwerach zewnętrznych.
Kontynuacja tematu bez poprawionych błędów będzie nagradzana ostrzeżeniem.
Wejdź w szablony globalne -> dvz_shoutbox

i pokaż zawartość.
Nagrzebałem tu solidnie, niby jest ok, ale belka dalej jest za gruba, no i jak chcę napisać wiadomość to teraz mnie przenosi do archiwum.

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

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

</div>
</Code>


Znalazłem porządny kod na necie:

<table border="0" cellspacing="{$theme['borderwidth']}" cellpadding="{$theme['tablespace']}" class="tborder">
<thead>
<tr>
<td class="thead"><div>Shoutbox <span style="float: right;"><a href="{$mybb->settings[bburl]}/index.php?action=shoutbox_archive">&laquo; {$lang->dvz_sb_archivelink}</a></span></div>
</td>
</tr>
</thead>
<tr>
<td>
<div id="shoutbox">
<div class="panel-away" style="display:none"><button class="button" onclick="dvz_shoutbox.setBack()">{$lang->dvz_sb_away_button}</button>{$lang->dvz_sb_away}</div>
{$dvz_shoutbox_panel}
<div id="shoutbox_data" style="height:{$mybb->settings[dvz_sb_height]}px; overflow:auto;"></div>
</div></td></tr>
</table>
<script type="text/javascript" src="jscripts/dvz_shoutbox.js"></script>
<script>
now = new Date;
dvz_shoutbox.userLastAction = now.getTime();
dvz_shoutbox.interval = {$mybb->settings[dvz_sb_interval]};
dvz_shoutbox.antiflood = {$mybb->settings[dvz_sb_antiflood]};
dvz_shoutbox.maxShouts = {$mybb->settings[dvz_sb_num]};
dvz_shoutbox.awayTimeout = {$mybb->settings[dvz_sb_away]}*1000;
dvz_shoutbox.lang = ['{$lang->dvz_sb_delete_confirm}', '{$lang->dvz_sb_antiflood}'];
{$dvz_shoutbox_js}
dvz_shoutbox.checkForMessages();
</script>

Ale minusem jest to że nie ma chatu. (wysyłania wiadomości oraz wysłanych wiadomości).
ficus napisał 02.12.2016, 14:09:
Kody podajemy w tagach [code] lub [php], poprawia to czytelność posta.
Przywróć domyślny szablon (nawet reinstalując DVZ Shotubox).

Następnym razem pomyśl, użyj swojego rozumu i popatrz dokładnie w kod.

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

Odpowiada za tę Twoją belkę.

Zamień na

<div class="head" style="background-color: #2c82c9; color: #FFF; padding: 1.2em 1.425em 1.1em 1.075em;">
<strong>{$lang->dvz_sb_shoutbox}</strong>
<p class="right"><a href="{$mybb->settings['bburl']}/index.php?action=shoutbox_archive" style="color: #FFF;">&laquo; {$lang->dvz_sb_archivelink}</a></p>
</div>
Edytowałem post wyżej, dobra zrobiłem jak chciałeś tylko że mam jakiś niebieski kwadracik zamiast porządnej pomarańczowej belki z stylu.
Mówiłem - zajrzyj w kod i użyj swojej dotychczasowej wiedzy i rozumu.

To co Ci podałem, poszukaj tam background-color, umożliwia Ci to zmianę koloru (tła) belki. Możesz również użyć background, jeśli chcesz wstawić obrazek z klasy "thead".
Dla twej informacji nic nie umiem z HTML'u  Wszystkiego szukam w google, Jak zrobić teksty od prawej, wyśrodkowany, jak zrobić przycisk. Totalne zero, więc się nie czepiaj. ten ShoutBox to dla mnie czarna magia.

@Sepowaty Proszę pomóż.

mam takie coś:

http://prntscr.com/defwx2

Db, zrobiłem to jakoś sam Elo.
ficus napisał 02.12.2016, 14:10:
Wszelkie zrzuty z ekranu należy dodawać w postaci załącznika. Zabronione jest zamieszczanie grafik / plików umieszczonych na serwerach zewnętrznych.



Użytkownicy przeglądający ten wątek:

1 gości