| DionDev |
06-20-2008 10:51 AM |
Quote:
Originally Posted by chadi
(Post 1554079)
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:
Code:
<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:
Code:
<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.
Quote:
Originally Posted by ECMatt90
(Post 1554145)
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
Quote:
Originally Posted by rapidphim
(Post 1554151)
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
Quote:
Originally Posted by rapidphim
(Post 1554152)
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. |
More Information