Strona 1 z 1
Ajax shoutbox a styl proVistablue
: 09 września 2009, 21:56
autor: IceG
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.
Re: Ajax shoutbox a styl proVistablue
: 10 września 2009, 15:05
autor: jaroslw
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
: 10 września 2009, 20:45
autor: IceG
Przeedytowałem 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">
<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>
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??
Re: Ajax shoutbox a styl proVistablue
: 10 września 2009, 21:06
autor: jaroslw
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
: 11 września 2009, 06:25
autor: IceG
Teraz już będę wiedział co i jak. Dzięki wielkie jest OK.