Witam
Chciałbym się zapytać czy istnieje możliwość dopasowania stylu okna shoutboxa do wyglądu forum, chodzi mi o te "owalną" obramówkę, którą mają tabele forum, a której nie ma shoutbox. Jeśli jest taka możliwość to proszę mi podąć co i gdzie muszę zmienić. Adres forum http://www.up4base.xt.pl, z góry dziękuję za pomoc.
Ajax shoutbox a styl proVistablue
Regulamin forum
Na tym forum wymagane jest stosowanie prefiksów w tytułach tematów. Prefiks tematu musi składać się nazwy modyfikacji, której dotyczy problem. Dla modyfikacji phpBB Gallery poprawna nazwa tematu to przykładowo [phpBB Gallery] Problem z wgrywaniem zdjęć. Tematy niespełniające wymogu będą przenoszone do kosza.
Na tym forum wymagane jest stosowanie prefiksów w tytułach tematów. Prefiks tematu musi składać się nazwy modyfikacji, której dotyczy problem. Dla modyfikacji phpBB Gallery poprawna nazwa tematu to przykładowo [phpBB Gallery] Problem z wgrywaniem zdjęć. Tematy niespełniające wymogu będą przenoszone do kosza.
Re: Ajax shoutbox a styl proVistablue
Obejmij kod shoutboksa elementami blokowymi w ten sposób:
Kod: Zaznacz cały
<div class="top">
<div class="tl"> </div>
<div class="tr"> </div>
<div class="tm"> </div>
</div>
<div class="ml">
<div class="mr">
<div class="mm">
kod shoutbkosa
</div>
</div>
</div>
<div class="bottom">
<div class="bl"> </div>
<div class="br"> </div>
<div class="bm"> </div>
</div>Re: Ajax shoutbox a styl proVistablue
Przeedytowałem w ten sposób
niestety shoutbox nie wygląda za dobrze, powstały "marginesy" na dole i na górze, poza tym ramka nie jest zamknięta. W czym tkwi błąd??
Kod: Zaznacz cały
<div class="top">
<div class="tl"> </div>
<div class="tr"> </div>
<div class="tm"> </div>
</div>
<div class="ml">
<div class="mr">
<div class="mm">
<div class="forabg">
<div class="inner"><span class="corners-top"><span></span></span>
<ul class="topiclist">
<li class="header">
<dl>
<dt>{L_SHOUTBOX}</dt>
</dl>
</li>
</ul>
<span id="shoutbox"></span>
<span class="corners-bottom"><span></span></span></div>
</div>
</div>
</div>
</div>
<div class="bottom">
<div class="bl"> </div>
<div class="br"> </div>
<div class="bm"> </div>
</div>
<script type="text/javascript">
display_shoutbox = true;
load_shout();
</script>Re: Ajax shoutbox a styl proVistablue
Spróbuj w ten sposób (zamień ten kod, który podałeś):
Kod: Zaznacz cały
<div class="forabg">
<div class="top">
<div class="tl"> </div>
<div class="tr"> </div>
<div class="tm"> </div>
</div>
<div class="ml">
<div class="mr">
<div class="mm">
<ul class="topiclist">
<li class="header">
<dl>
<dt>{L_SHOUTBOX}</dt>
</dl>
</li>
</ul>
<span id="shoutbox"></span>
</div>
</div>
</div>
<div class="bottom">
<div class="bl"> </div>
<div class="br"> </div>
<div class="bm"> </div>
</div>
<script type="text/javascript">
display_shoutbox = true;
load_shout();
</script>
</div>Re: Ajax shoutbox a styl proVistablue
Teraz już będę wiedział co i jak. Dzięki wielkie jest OK.