Eve Shoutbox
By Jamin Colley & Scott Cropper

Contents

Features

Demos

Program Installation Instructions
One
In your site's FTP server, create a new folder called eveshout, and CHMOD this directory to 0777.
In most FTP clients, you can access a folder's CHMOD settings by right-clicking the folder and selecting the menu option that says something along the lines of "Permissions" or "Attributes." If your FTP client only provides checkboxes without a number box (WS-FTP is one example), make sure all Read/Write/Execute boxes are checked for all three groups.


Two
Upload eveshout.php, eveshout_install.php, and the six images to your the eveshout folder you just created.


Three
In your browser, visit http://yoursite.com/eveshout/eveshout_install.php. Fill in all the settings and options, and then submit the form.
The installer file will automatically create a file called eveshout_config.php with all your database and display settings. If you ever want to change how your Shoutbox works, edit this file to change the options. After the installer has finished, it also automatically deletes itself for security reasons.


Four
If you chose to use the cache, you need to leave your shoutbox folder with a CHMOD of 0777. If you don't want to use the cache, and have successfully gotten to the "That's All, Folks!" page in the installer, you can now change the folder's CHMOD back to 0755.
For you checkbox-only people, Read/Write/Execute should be checked for Owner, and Read/Execute (not write) should be checked for Group and Other.


Five
This step is required if you want to display an Online Now content island at the bottom of the Shoutbox.
In your CP, go to UBB.x > Content Management > Content Islands. Create a new Content Island of type Online Now, and name it Online Now. If you do it right, the type and the name should look identical. Set the table width to 100%, and the rest of the settings are up to you.


Six
You're done installing the main program. Now you need to install the HTML to display it. This can be done one of two ways. The first method will display the Shoutbox as a sidebar on most Eve-generated pages. The second method will display the Shoutbox as a block on only the main Community page. You can choose either method, or both methods together, if that's what suits you. Pick your preferred method, and jump to the instructions for it below.
Sidebar Installation Instructions or Community Page Installation Instructions


Sidebar Installation Instructions
One
In Display Settings, click "Create Style" and make a copy of the main style you usually use. Add something like "No Shout" onto the end of the style name and click Update. Then use Display Settings > Assignments to specify the pages where you don't want the shoutbox to appear.


Two
Go back to the settings for your main style - not the No Shout version you just created, we're done with that.


Three
In Display Settings > Your Style > Layout and Colors, change Page Widths to 98%.


Four
In Display Settings > Your Style > Custom HTML > "Insert AFTER Opening Body Tag (HTML Only)", add:
<center>
<table border="0" cellspacing="0" cellpadding="0" width="90%">
<tr><td>
Change the table width to what you want your main page widths to be.


Five
In Display Settings > Your Style > Custom HTML > "Insert BEFORE Closing Body Tag (HTML Only)", add:
</td>
<td width="200" style="vertical-align: top; padding-top: 175px;">
<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tr>
<td>
<table class="ev_tab_table" cellspacing="0" cellpadding="0">
<tr>
<td>
<table class="ev_container_table_top" cellspacing="0" cellpadding="0" width="100%">
<tr>
<td class="ev_container_table_top_left_td" valign="top" colspan="2" nowrap>
<span class="ev_text_normal"><span class="ev_text_containercolor"><b>Shoutbox</b></span></span></td>
</tr>
</table>
</td><td class="ev_container_table_top_right_corner_td"> </td>
</tr>
</table>
<table class="ev_body_table" cellpadding="0" cellspacing="0" style="height:0px;border-bottom-width:1px" width="100%">
<tr>
<td valign="top" class="ev_bgcolor_row1">
<iframe src="http://yourdomain.com/eveshout/eveshout.php" name="sbox" width="100%" height="300" frameborder="0" id="bbox">
Your browser does not support inline frames! The shoutbox will not be available until you upgrade to a newer 
<a href=\"http://www.mozilla.org\" target=\"_new\">browser</a>.</iframe>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td></tr>
</table>
</center>
Play around with the top cell's padding-top to match up with your main table cell.
Change the iframe source to point to your file.

And you're done!


Community Page Installation Instructions
In Eve Master Settings > Basics > "Eve Home Page Intro", add:
</span>
<table class="ev_tab_table" cellspacing="0" cellpadding="0">
<tr>
<td>
<table class="ev_container_table_top" cellspacing="0" cellpadding="0" width="100%">
<tr>
<td class="ev_container_table_top_left_td" valign="middle">
<span class="ev_text_normal"><span class="ev_text_containercolor"><b>Shoutbox</b></span></span></td></tr>
</table>
</td><td class="ev_container_table_top_right_corner_td"> </td>
</tr>
</table>
<table class="ev_body_table" cellpadding="0" cellspacing="0" style="height:0px;border-bottom-width:1px" width="100%">
<tr>
<td valign="top" class="ev_bgcolor_row1">
<iframe src="http://yoursite.com/eveshout/eveshout.php" name="sbox" width="100%" height="350" frameborder="0" id="bbox">
Your browser does not support inline frames! The Shoutbox will not be available until you upgrade to a newer 
<a href="http://www.mozilla.org" target="_new">browser</a>.
</iframe>
</td>
</tr>
</table>
Change the iframe source to point to your file.

And you're done!