[DionDev]

Originally Posted by chadi

Can you please explain how to stack them? I can modify the code, just need to know what the modification is that must be done.

Please explain about the scrolling too :X (sorry)

I'm a decent css learner, but programming I'm just a good listener

So the scrolling, this will allow scrolling only the message area while the type field area is static, just like the shoutbox I have now on my site, correct?

open up shoutbox.php

replace this:

<table cellpadding="0" cellspacing="0" border="0" width="100%">
<tr>
<td width="1%" valign="top" style="padding-right: 15px;">

  <table cellpadding="5" cellspacing="1" border="0" width="175" class="tborder">
  <tr>
  <td width="100%" align="center" class="thead">

    <?php echo $shoutboxname; ?>

  </td>
  </tr>
  <tr>
  <td width="100%" align="center" class="alt2" style="padding: 10px 5px 10px 5px;">
  
    <font class="smallfont">

    <?php
    
    if ($vbulletin->userinfo['userid'] == 0 && $guestshouts == false)
    {
      echo "You must be logged in to send shouts.";
    }
    else
    {
    ?>
      <form name="shoutform" method="POST" onsubmit="saveData(); return false;" style="margin: 0px;">
      <input type="text" name="message" maxlength="500" onFocus="if(this.value=='type message here') this.value='';" onblur="if(this.value=='') this.value='type message here';" value="type message here" style="width: 155px; margin-bottom: 10px;" class="bginput" /><br />
      <input type="submit" name="submit" value="Submit Shout" class="button" />
      </form>
    <?php
    }
    ?>
    
    </font>

  </td>
  </tr>
  </table>

</td>
<td width="99%" valign="top">

  <div id="shoutarea"></div>

</td>
</tr>
</table>

with this:

<table cellpadding="5" cellspacing="1" border="0" width="100%" class="tborder" style="margin-bottom: 5px;">
<tr>
<td width="100%" align="center" class="thead">

  <?php echo $shoutboxname; ?>

</td>
</tr>
<tr>
<td width="100%" align="center" class="alt2">

  <font class="smallfont">

  <?php
  
  if ($vbulletin->userinfo['userid'] == 0 && $guestshouts == false)
  {
    echo "You must be logged in to send shouts.";
  }
  else
  {
  ?>
    <form name="shoutform" method="POST" onsubmit="saveData(); return false;" style="margin: 0px;">
    
    <table cellpadding="0" cellspacing="0" border="0" width="100%">
    <tr>
    <td width="99%" style="padding-right: 5px;">
    
      <input type="text" name="message" maxlength="500" onFocus="if(this.value=='type message here') this.value='';" onblur="if(this.value=='') this.value='type message here';" value="type message here" class="bginput" style="width: 100%;" /> 
    
    </td>
    <td width="1%">
    
      <input type="submit" name="submit" value="Submit Shout" class="button" />
      
    </td>
    </tr>
    </table>
    
    </form>
  <?php
  }
  ?>
  
  </font>

</td>
</tr>
</table>

<div id="shoutarea"></div>

let me know how that works out for you.

Originally Posted by ECMatt90

Seems pretty cool and will probably download it tomorrow, is there anyway to add a sound when someone posts a new shout in the shoutbox?

yeah would require a minor javascript modification

Originally Posted by rapidphim

Questions:
1/ How many query does this one use?
2/ Options for admin to delete shout messages?
3/ when you scroll down the box, the shoutbox also scroll. Is there away to keep the shoutbox message box stays still while you scroll the text box?
4/ Also, is there an option to make the shoutbox stay on top of the forum throughout regardless which forum/page we are in?

1/ four. 1 to get the shout, 1 to send it, 1 to check to see if old shouts need to be removed, and 1 to remove old shouts.
2/ coming next version
3/ would require frames or some css modifications, i will add this to version 2
4/ yes, by adding it to the forum navbits template or header

Originally Posted by rapidphim

Is it possible for you to create a skin/style in white for working folks who would like to be in the forum and be at work at the same time (avoid attention from boss)? I have been looking around for one but there are none.

i will be making a white skin like the one on my site with with red, green, and blue variations. i will also be making a black version of the skin on my site with red, green, and blue variations.