D2 Shoutbox

[jpw1970]

I'm running D2 Shoutbox on IPB v2, with the IBX3 skin installed. However, whenever i add the shoutbox code into the header and footer file, it doesn't seem to pick up the formatting of the skin correctly. I don't get any borders around the shoutbox, and the grey menu bar seems to be completely missing.

Anyone have any suggestions ?

[Aristia]

The shoutbox is not a default part of invision, hence was not added in the exported skin. We have it skinned here in the global shoutbox but not yet the mini shoutbox (when you click the link at the top).

Here is the code for the global shoutbox (the area that is viewable on the forums)

Go to your acp and click on the manage skin sets. Then click on ibx and choose html templates. Scroll down and choose the shoutbox. Then in there find global_dshoutbox. Replace it with the code below. (might want to copy the original code and paste into a text file for backup just in case)
<div class='htmltop'>HTML</div><div class='htmlmain'><div style='display:{$dgsb['fc']}' id='fc_dsbglobal'>
<div class='tableborder'><div class='maintitle' align='center'>
<div style='float:right;width:auto'><a href='javascript:' onclick="togglecategory('dsbglobal', 0)"><{E_PLUS}></a><{shadowCR}></div><{shadowCL}><{CAT_IMG}>Latest Shouts In The Shoutbox {$glink}</div></div><div class="footer">
<div style='float:right;width:auto'><img src="style_images/<<span style='color:blue'>#IMG_DIR#>/mainfoot_right.gif</span>" alt="" /><<span style='color:blue'>img src="style_images/<#IMG_DIR#>/mainfoot_right_shadow.gif</span>" alt="</span>" /></div>
<div><img src="style_images/<<span style='color:blue'>#IMG_DIR#>/mainfoot_left_shadow.gif</span>" alt="" /><<span style='color:blue'>img src="style_images/<#IMG_DIR#>/mainfoot_left.gif</span>" alt="</span>" />&nbsp;</div><<span style='color:blue'>/div>
<<span style='color:blue'>br></div>
<div style='display:{$dgsb['fo']}' id='fo_dsbglobal'>
<div class='tableborder'><div class='maintitle' align='center'><div style='float:right;width:auto'><a href='javascript:' onclick="togglecategory('dsbglobal', 1)"><{E_MINUS}></a><{shadowCR}></div>
<div><{shadowCL}><{CAT_IMG}>Latest Shouts In The Shoutbox {$glink}</div></div>
<script src='sources/Shoutbox/dsbjs.js' type='text/javascript'></script>
<table width="100%" border='0' cellspacing='0' align='center' cellpadding='0'>
<tr><td class="shadowL"><{shadowL}></td>
<td class='row2' width="70%" align='left'>{$shouts}</td>
<td class='row2' width="30%">
<form action='index.php?act=Shoutbox' name='GSHOUT' method='post' onsubmit="return shout_check('GSHOUT')">
<input type='text' name='Post' class='forminput'> <input type='submit' name='submit' value='Shout' class='forminput'><br>
<select name='Color' class='codebuttons'>{$colors}</select> [<!--GSLINK--><!--GBLINK--><a href='javascript:' onclick="clearshout('GSHOUT')">Clear</a>]
</form>
</td><td class="shadowR"><{shadowR}></td>
</tr>
</table></div><table cellpadding="0" cellspacing="0" align="center" width="100%"><tr>
<td><{shadowML}></td>
<td><{imgML}></td>
<td width="100%" class="footer">&nbsp;</td>
<td><{imgMR}></td>
<td><{shadowMR}></td>
</tr></table><br></div>
</div>

[jpw1970]

It works fine now. Thank you.

[Aristia]

Pleasure :)

[jpw1970]

Could you post the code when you have succesfully skinned the mini shoutbox please.