[b]Iframe definition[/b] --> [url]http://en.wikipedia.org/wiki/IFrame[/url]

[b]Updated as of this day for the reason that the reviews not working plus the addbox function is added[/b]
okey lets start
first create a new subfolder in you ripway account ......
[img]http://img523.imageshack.us/img523/7246/foldercreatemk4.jpg[/img]
then create three files on that folder by clicking ......
[img]http://img521.imageshack.us/img521/7923/createtextfilebuttonsd3.gif[/img]
name it as...
[b]showcontent.htm[/b]
[b]content.htm[/b]
[b]mainframe.htm[/b]
you must have three files in that folder
[img]http://img388.imageshack.us/img388/8461/folderns5.jpg[/img]
^ [b]Purpose[/b]? to easilly find those files

configure the [b]showcontent.htm[/b] and click edit text .....
[img]http://img179.imageshack.us/img179/8418/folderjx5.jpg[/img]
then paste this code
<">^ its up to you if you want to edit something there.
click save and change when its done.
---------------------------------------
then configure the [b]content.htm[/b]
[quote]<html>
<head>
<style type="text/css">
<!--
.menu {font-family:Arial; font-weight:bold}
.menu a{
text-decoration:none;
color:[color=red][b]coral[/b][/color];
}
-->
</style>
<script language="javascript">
<!--
/*
Cool Table Menu
By Clarence Eldefors (
http://www.freebox.com/cereweb) with modifications from javascriptkit.com
Visit
http://javascriptkit.com for this and over 400+ other scripts
*/
function movein(which,html){
which.style.background='[color=red][b]white[/b][/color]'
if (document.getElementById)
document.getElementById("boxdescription").innerHTML=html
else
boxdescription.innerHTML=html
}
function moveout(which){
which.style.background='[color=red][b]black[/b][/color]'
if (document.getElementById)
document.getElementById("boxdescription").innerHTML=' '
else
boxdescription.innerHTML=' '
}
//-->
</script>
</head>
<body bgcolor="#000000">
<table bgcolor=" [color=red][b] bisque [/b][/color] " border="1" bordercolor="[color=red][b]ivory[/b][/color]" cellpadding="2" cellspacing="0">
<tr>
<td class="menu" bordercolor="[color=red][b]bisque[/b][/color]" id="choice4" style="background-color:black; cursor:hand" onmouseover="movein(this,'[color=blue][b]Cool Friendster Tweaks[/b][/color]')" onmouseout="moveout(this)"><a href="[color=green][b]
http://theftalk.com/[/b][/color]" target ="showframe">[color=orange][b]Friendstertalk Forum[/b][/color]</a></td></tr>
<tr>
<td bordercolor="[color=red][b]bisque[/b][/color]" bgcolor="[color=red][b]coral[/b][/color]" height="18"><font id="boxdescription" face="Verdana" size="2"></font></td></tr>
</table>
</body>
</html>[/quote]
[color=red][b]red[/b][/color] - for the color
[color=blue][b]blue[/b][/color] - for the caption
[color=green][b]green[/b][/color] - the url of the site you want to appear
[color=orange][b]orange[/b][/color] - the name that will display on the navigation
then [b]save and change[/b]
----------------------------------------
configure the [b]mainframe.htm[/b]..
[quote]<html>
<frameset cols="170,*">
<frame src=" [color=brown][b]content.htm[/b][/color]">
<frame src="[color=violet][b]showcontent.htm[/b][/color]"
name="showframe">
</frameset>
</html>[/quote]
[color=brown][b]brown[/b][/color] - for the url of content.htm
[color=violet][b]violet[/b][/color] - for the url of showcontent.htm
[img]http://img525.imageshack.us/img525/5417/folderns5ze4.jpg[/img]
then save and change
-----------------------------------------
finally we are now in the last part

put this in your tracker.js....
[quote]if ( ! attachOnLoadHandler(function () { loadBox();}))
window.onload = function () { loadBox();};
function loadBox() {
var getObj="<div align='center' style='width:550px; height:420px; border: 4px #e3e3e3 groove;'><iframe src=' [b]/mainframe.htm[/b] ' frameborder='no' width='100%' height='100%'></iframe></center></div>";
addBox("tittle of the iframe",getObj,"obj","[b]photos_1_2[/b]");
}
function addBox(header,cont,id,target) {
var tb = document.getElementById(target).parentNode;
var divid="<div id='"+id+"' class='commonbox "+id+"'>"+
"<h2>"+header+"</h2>"+
"<div id='content_"+id+"' align='center'>"+
cont+
"</div>"+
"</div>";
var obj = document.createElement("li");
obj.innerHTML=divid;
tb.parentNode.insertBefore(obj,tb);
}[/quote]
[b]/mainframe.htm[/b] - for the url of mainframe.htm
[b]photos_1_2[/b] - you can change it in by using the left boxes id's like [b]controlpanel_1_1, photos_1_2, moreabout_1_5, publiccomments_1_7[/b] and [b]scrapbook_1_8[/b]
and for size just edit the width and height of the div tag
[b]Preview[/b]

[url]http://www.friendster.com/34787783[/url] <--- this one is lagg

( patient loading! )
[b]Credits:[/b] [url]http://javascriptkit.com[/url]
okey then enjoy!
Last edited by cip6192 (2007-08-31 07:31:05)