eatures:
-Background Music
-Shoutbox
-Highlighting Entrance Image
-Google Search (Web)
-Customized Affliate Box (with marquee)
-Latest Discussion
-News and Updates
-Affliates editable from IP Dynamic Lite Settings
-Ability to add more pre-made boxes from IP Dynamic Lite Settings
-Instead of an image, you can also use a movie.
Requirement's:
- A 385x400 Enter the Forums Image
- A Music File (Optional)
- Affiliate's
- A Registered Shoutbox from MYSHOUTBOX.COM
Problems:
-Image Highlight only works in IE
-Shoutbox may display incorrectly in Mozilla
--------------------
Before you Begin...
Go to Myshoutbox.com, and click the english flag located at the top of the page. Then, click "Join Now!" located on the left navigation. Fill in all the information on the next page that loads. Don't forget to uncheck all the advertisements, unless you want lots of spam .
A confirmation page will now load, and one of the bolded lines will be:
QUOTE
The Box-ID for your Shoutbox is: ######
Be sure to copy down your box id, you will need it later.
Then, login into your account.
Go to "Shoutbox Configuration" on the Admin Page, then click "Colorset/Theme". Choose a theme that matches your main forum skin. You can fool around with the other controls as well, if you wish.
Step One
Go To your forum, Admin Control Panel -> System Setting's -> IP Dynamic Lite
+ENABLE IPDynamic Lite? Yes
+Enable Recent Articles? No
+Enable Recent Discussions?
Max. no recent discussions to show: 5
Max. length of topic titles: 20
+Show User / Guest Info box? No
+Show online users? Yes
+Show search box? No
+Enable skin selection choice dropdown? No
+Show Poll? No
+Show Site Navigation Menu? No
+Show Affiliates / Favoured Sites box?
Put all your affliates in the text box below this, HTML allowed (Button codes, text links, etc.)
Step Two
Go to Admin Control Panel -> Skin's & Template's -> HTML Template's -> Choose your Skin and Manage HTML -> IP Dynamic Lite -> MAIN TEMPLATE
Delete everything in the textbox and replace it with the following code. If you think something might go wrong, be sure to copy everything already in it and paste it into a text editor such as Notepad.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
<meta name="generator" content="IPDynamic Lite">
<meta http-equiv="Pragma" content="no-cache">
<meta http-equiv="no-cache">
<meta http-equiv="Cache-Control" content="no-cache">
<title><!--CS.TEMPLATE.TITLE--></title>
<!--CS.TEMPLATE.JAVASCRIPT-->
<!--CS.TEMPLATE.CSS-->
</head>
<center>
<td align="right">
<table width="735" class='tableborder' cellspacing="0" cellpadding="3" border="0">
<tr>
<td width="100%">
<table width="100%" class='tableborder' cellspacing="0" cellpadding="3" border="0">
<tr>
<td width="20%" class='row3' valign="top" rowspan="2">
<!-- LEFT -->
<div class='tableborder'>
<div class='maintitle'><{CAT_IMG}> News and Updates</div>
<div class='tablepad'>
<span class='desc'><b>?/?/04:</b><br>Added S-Splash, a portal code by <a href="http://thequietworld.com">Sugarbowls</a></span>
<br />
</div>
</div>
<!--CS.TEMPLATE.WELCOMEBOX-->
<!--CS.TEMPLATE.SEARCH-->
<!--CS.TEMPLATE.SITENAV-->
<!--CS.TEMPLATE.CHANGESKIN-->
<!--CS.TEMPLATE.POLL-->
<!--CS.TEMPLATE.LATESTPOSTS-->
<!--CS.TEMPLATE.RECENTARTICLES-->
<!--CS.TEMPLATE.AFFILIATES-->
<!--END LEFT-->
</td>
<!--Main Content-->
<td class='row3' colspan="2" valign="center" height="400" width="40%">
<center><a href="http://YOURFORUM.clicdev.com/f/index.php?act=idx"><img onmouseover="nereidFade(this,100,20,5)" style="FILTER:
alpha(opacity=30)" onmouseout="nereidFade(this,30,20,5)" src="URLTOSPLASHIMAGE"></a></center>
</td>
<td class='row3' align="center" height="400" width="20%">
<!-- BEGIN MYSHOUTBOX.COM CODE -->
<iframe src="http://YOURSIXDIGITSHOUTBOXNUMBER.myshoutbox.com/" width="165" height="400" frameborder="0" allowTransparency="true"></iframe>
<!-- END MYSHOUTBOX.COM CODE-->
</tr>
<tr>
<td class='row3' valign="top" colspan="2">
<div class='tableborder'>
<div class='maintitle'><{CAT_IMG}> Search</div>
<div class='tablepad'>
<span class='desc'>
<!-- Search Google -->
<center>
<FORM method=GET action="http://www.google.com/search">
<input type=hidden name=ie value=UTF-8>
<input type=hidden name=oe value=UTF-8>
<INPUT TYPE=text name=q size=35 maxlength=255 value="">
<INPUT type=submit name=btnG VALUE="Search"><br>
<i>Powered by <a href="http://google.com">Google.com</a></i>
</FORM>
</center>
<!-- Search Google -->
</span>
<br />
</div>
</div>
</td>
<td class='row3' valign="top">
<!--CS.TEMPLATE.ONLINEUSERS-->
</td>
</table>
</table>
</table>
<!--END MAIN-->
<!--CS.TEMPLATE.COPYRIGHT-->
S-Splash Version 1.0 Copyright 2004-2005. Coded by <a
href="http://thequietworld.com">Sugarbowls</a>. ShoutBox © 2004
MyShoutBox.com
<!--CS.TEMPLATE.DEBUG-->
<embed src="URLTOMUSICFILE" autostart=true repeat=true loop=true>
Everything in red needs to be edited in some way, green is where you put your own news. You can use this format:
<b>m/d/y:</b> YOURNEWS<br>
Step Three
Go To Admin Control Panel -> Skin's & Template's -> HTML Template's -> Choose your Skin and Manage HTML -> IP Dynamic Lite -> csite_javascript
Below everything in the textbox, add:
<script>
nereidFadeObjects = new Object();
nereidFadeTimers = new Object();
function nereidFade(object, destOp, rate, delta){
if (!document.all)
return
if (object != "[object]"){ //do this so I can take a string too
setTimeout("nereidFade("+object+","+destOp+","+rate+","+delta+")",0);
return;
}
clearTimeout(nereidFadeTimers[object.sourceIndex]);
diff = destOp-object.filters.alpha.opacity;
direction = 1;
if (object.filters.alpha.opacity > destOp){
direction = -1;
}
delta=Math.min(direction*diff,delta);
object.filters.alpha.opacity+=direction*delta;
if (object.filters.alpha.opacity != destOp){
nereidFadeObjects[object.sourceIndex]=object;
nereidFadeTimers[object.sourceIndex]=setTimeout("nereidFade(nereidFadeObjects["+
object.sourceIndex+"],"+destOp+","+rate+","+delta+")",rate);
}
}
</script>
Step Four
Go to Admin Control Panel -> Skin's & Template's -> HTML Template's -> Choose your Skin and Manage HTML -> IP Dynamic Lite -> Affiliates / Recommended Sites.
Delete everything in the box, and put in this code:
<br />
<div class='tableborder'>
<div class='maintitle'><{CAT_IMG}> Affiliates</div>
<div class='tablepad' style="height:70;">
<marquee scrollamount="2" scrolldelay="1" onMouseover="this.scrollAmount=1" onMouseout="this.scrollAmount=2" direction="down" height="125">
$links
</marquee>
</div>
</div>
Step Five
Go to Admin Control Panel -> Skin's & Template's -> HTML Template's -> Choose your Skin and Manage HTML -> IP Dynamic Lite -> Online Users Box.
Delete everything in the box, and put in this code:
<div class='tableborder'>
<div class='maintitle'><{CAT_IMG}> <a href="{ibf.script_url}act=Online">{ibf.lang.online_title}</a></div>
<div class='tablepad'>
<span class='desc'>$breakdown<br />$split<br />$names</span>
</div>
</div>
That's it! Your S-Splash page is now installed.
Customizing:
-Going to Admin Control Panel -> Skin's & Template's -> HTML Template's -> Choose your Skin and Manage HTML -> IP Dynamic Lite -> MAIN TEMPLATE, and editing the code (Don't remove the copyright!)
-Going to Admin Control Panel -> System Settings ->IP Dynamic Lite, and switching on some of the other boxes. These will automatically appear on your splash page. You can add: Welcome Box, Search, Site Navigation, Change Skin, Poll, and Latest Posts
-Adding your own news, where the code is green. You can use this format:
<b>m/d/y:</b> YOURNEWS<br>
Want to use a video instead of a image? Go to the MAIN TEMPLATE code, and replace this
<a href="http://YOURFORUM.clicdev.com/f/index.php?act=idx"><img onmouseover="nereidFade(this,100,20,5)" style="FILTER:
alpha(opacity=30)" onmouseout="nereidFade(this,30,20,5)" src="URLTOSPLASHIMAGE"></a>
with this
<a href="http://YOURFORUM.clicdev.com/f/index.php?act=idx">
<img border="0" dynsrc="LINKTOYOURVIDEO" start="fileopen" width="385" height="400"></a>
HOpe it helps you.