just wanna share
i hope u like it
.gif)
credit

[url]http://www.andrewsellick.com[/url] 2.Ebeng 3.Adi 4.Donny
preview

[url]http://profiles.friendster.com/73959550[/url]
1.download this js

[url]http://h1.ripway.com/agam11/3dcarousel.js[/url]
[url]http://h1.ripway.com/agam11/mootools.js[/url]
2.create new text file and input this file HTML

[quote]<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Mootools 3D Carousel</title>
<style>
#carousel{
background-color:#transparent;
width:600px;
height:300px;
position:relative;
border:1px solid #transparent;
}
img{
width:100%;
height:auto;
border:0px solid #transparent;
display:block;
}
</style>
<script src="[b]URL mootools[/b]" type="text/javascript"></script>
<script src="[b]URL 3dcarousel[/b]" type="text/javascript"></script>
</head>
<body>
<div id="carousel">
<div><a style="text-decoration:none;" href="http://profiles.friendster.com/user.php" onclick="window.open(this.href, 'spammers', 'resizable=yes,status=yes,scrollbars=yes,width=950,height=920'); return false;"><img src="http://img242.imageshack.us/img242/9623/profil2gifcv9.png"></a></div>
<div><a style="text-decoration:none;" href="http://www.friendster.com" onclick="window.open(this.href, 'spammers', 'resizable=yes,status=yes,scrollbars=yes,width=950,height=920'); return false;"><img
src="http://img523.imageshack.us/img523/8589/home1gifht5.png"></a></div>
<div><a style="text-decoration:none;" href="http://www.friendster.com/editprofile.php" onclick="window.open(this.href, 'spammers', 'resizable=yes,status=yes,scrollbars=yes,width=950,height=920'); return false;"><img
src="http://img508.imageshack.us/img508/9185/editrpofile2gifqo1.png"></a></div>
<div><a style="text-decoration:none;" href="http://www.friendster.com/logout.php" onclick="window.open(this.href, 'spammers', 'resizable=yes,status=yes,scrollbars=yes,width=950,height=920'); return false;"><img src="http://img166.imageshack.us/img166/7208/logout2gifnp7.png"></a></div>
</div>
</body>
</html>[/quote]
edit the bold one

3.then input to your js

[quote]// Navigation 3 Dimension by.ebeng
var navidock;
try {navidock = document.createElement("div");}
catch (e) {navidock = document.createElement("<div>");}
navidock.innerHTML = "<iframe id=\"datamain\" src=\"[b]URL HTML[/b]\" width=\"600\" height=\"300px\" marginheight=\"0\" hspace=\"0\" vspace=\"0\" frameborder=\"0\" scrolling=\"no\"></iframe>";
navidock.setAttribute("style","text-align:center;padding-top:10px");
document.getElementById("logo").parentNode.appendChild(navidock);[/quote]
edit the bold one

finish
Last edited by EbengMaya (2008-07-19 08:21:09)