[quote=assassin]kok fs ny polos aje ??
lu pakai linker apaan ??
bsa liat js lu g ?[/quote]
waduh g tau om,,
stau saia,, saia dikasi ka2 saia kode ini:
<html>
<head><title>Naruto Layout By: Frazen</title></head>
<style>
body {
background-image: url(http://www.freewebs.com/guidaz/naruto_background.jpg);
background-attachment: scrollable;
background-repeat: repeat-x;
background-position: top center;
background-color: ecdec0;
}
a { text-decoration: none;}
#main_wrapper {
width: 900px;
height: 1365px;
margin: -15;
background-image: url(http://www.freewebs.com/guidaz/naruto_wrapper_background.jpg);
}
#pic_box {
width:97px;
height:331px!absolute;
overflow:hidden!absolute;
marquee: slide infinite
}
#pic_box img{
width: 97px;
height: 90px;
filter: alpha(opacity:60);
}
a img {
border-width: 0px;
}
#right_menu{
visibility: hidden;
border-width: 1px;
border-style: solid;
border-color: black;
padding-top: 5;
padding-bottom: 5;
background-color: d3ba85;
filter: alpha(opacity=60);
width: 160px;
}
div #list a {
width: 150px;
text-align: left;
background-color: d3ba85;
color: 765b23;
}
div #list a:hover {
width: 150px;
color: 574621;
text-align: left;
background-color:d3c3a1;
}
#sub_menu_1{ position: absolute; margin-top:13; visibility: hidden; margin-left:-50 }
#sub_menu_2 { position: absolute; margin-top:13; margin-left: -35; visibility: hidden}
#sub_menu_3 { position: absolute; margin-top:13; margin-left: -60; visibility: hidden}
#sub_menu_1 #content_menu_1 a,#sub_menu_2 #content_menu_2 a,#sub_menu_3 #content_menu_3 a {
color: black;
font-size: 12;
text-align: center;
font-weight: bold;
}
.content_box { overflow: auto; padding:5;
scrollbar-3dlight-color:e2dcca;
scrollbar-shadow-color:e2dcca;
scrollbar-face-color:dfd0a8;
scrollbar-darkshadow-color:e2dcca;
scrollbar-track-color:e2dcca;
scrollbar-arrow-color:white;
scrollbar-highlight-color::e2dcca;
font-family: Viner Hand ITC;
color: b09a6a;
font-size: 14;
}
#sub_menu_1 #content_menu_1 a:hover,#sub_menu_2 #content_menu_2 a:hover,#sub_menu_3 #content_menu_3 a:hover {
color: d3c3a1;
font-size: 12;
font-weight: bold;
}
#top_menu a { font-size: 10; color: white; font-weight: bolder;}
#top_menu a:hover { font-size: 10; color: black; }
#navigation_menu { position:absolute; margin-top:-40; margin-left:-15}
#navigation_menu a { font-family: Viner Hand ITC;color: 4d3c18; font-size: 16; }
#navigation_menu a:hover { font-family: Viner Hand ITC;color: 4d3c18; font-size: 16; text-decoration: line-through;}
.dialog { margin-left:-15;position:absolute; font-family: Comic Sans MS; visibility:hidden;}
#dialog_content { font-size: 12px; }
#friendspic { position:absolute; width:120px; heigh:130px; overflow:hidden; }
#friendspic img { width:120px; height:110px }
</style>
<body onclick="remover()" >
<table id="main_wrapper" cellpadding="0" cellspacing="0" align=center>
<tr><td background="http://www.freewebs.com/guidaz/naruto_top_menu.jpg" height="43px" colspan=3 >
<table id="top_menu" cellpadding="1" cellspacing="0" width="790px" align="center">
<tr><td>
<a href=http://www.friendster.com/>HOME</a>
<td width=90px><a href=http://www.friendster.com/user.php onmouseover="show_submenu(1)" ><img src="http://www.freewebs.com/guidaz/down.gif" > MYPROFILE</a>
<td width=120px><a href=http://www.friendster.com/friends.php onmouseover="show_submenu(2)" ><img src="http://www.freewebs.com/guidaz/down.gif" > MYCONNECTIONS</a>
<td><a href=http://www.friendster.com/explore.php onmouseover="show_submenu(3)" ><img src="http://www.freewebs.com/guidaz/down.gif" > EXLPORE</a>
<td><a href=http://www.friendster.com/gallery.php>SEARCH</a>
<td width="20%">
<td><a href=http://www.friendster.com/messages.php>MESSAGE</a>
<td><a href=http://www.friendster.com/editaccount.php>SETTINGS</a>
<td><a href=http://www.friendster.com/logout.php>LOGOUT</a>
<tr>
<td>
<td>
<table cellpadding=0 cellspacing=0 width=180px id="sub_menu_1">
<tr><td width="28px" background="http://www.freewebs.com/guidaz/naruto_scroll_left.gif">
<td background="http://www.freewebs.com/guidaz/naruto_scroll_content.jpg" style="padding:5" id="content_menu_1">
<a href=http://www.friendster.com/editprofile.php>Edit Profile</a><br>
<a href=http://widgets.friendster.com/meezavatars>Avatar</a><br>
<a href=http://www.friendster.com/viewphotos.php>Photos</a><br>
<a href=http://www.friendster.com/review.php>Reviews</a><br>
<a href=http://www.friendster.com/blogs.phpBlogs>Blogs</a><br>
<a href=http://www.friendster.com/featuredfriends.php>Featured Friend</a><br>
<a href=http://www.friendster.com/video.php>Video</a><br>
<a href=http://www.friendster.com/bulletinboard.php>Bulletin Board</a>
<td width="28px" background="http://www.freewebs.com/guidaz/naruto_scroll_right.gif">
<tr><td width="28px" height="48px" background="http://www.freewebs.com/guidaz/naruto_scroll_end_left.gif">
<td background="http://www.freewebs.com/guidaz/naruto_scroll_end.gif">
<td width="28px" background="http://www.freewebs.com/guidaz/naruto_scroll_end_right.gif">
</table>
<td>
<table cellpadding=0 cellspacing=0 width=180px id="sub_menu_2">
<tr><td width="28px" background="http://www.freewebs.com/guidaz/naruto_scroll_left.gif">
<td background="http://www.freewebs.com/guidaz/naruto_scroll_content.jpg" style="padding:5" id="content_menu_2">
<a href=http://www.friendster.com/friends.php>Friends</a><BR>
<a href=http://www.friendster.com/schools.php>Schools</a><BR>
<a href=http://www.friendster.com/friends.php?action=spusers>I'm a Fan of...</a><BR>
<a href=http://www.friendster.com/bookmarks.php>Bookmarks</a><BR>
<a href=http://www.friendster.com/group/mygroup.php>Groups</a>
<td width="28px" background="http://www.freewebs.com/guidaz/naruto_scroll_right.gif">
<tr><td width="28px" height="48px" background="http://www.freewebs.com/guidaz/naruto_scroll_end_left.gif">
<td background="http://www.freewebs.com/guidaz/naruto_scroll_end.gif">
<td width="28px" background="http://www.freewebs.com/guidaz/naruto_scroll_end_right.gif">
</table>
<td>
<table cellpadding=0 cellspacing=0 width=180px id="sub_menu_3">
<tr><td width="28px" background="http://www.freewebs.com/guidaz/naruto_scroll_left.gif">
<td background="http://www.freewebs.com/guidaz/naruto_scroll_content.jpg" style="padding:5" id="content_menu_3">
<a href=http://www.friendster.com/userlist.php?list=newusers>People</a><BR>
<a href=http://www.friendster.com/photolist.php?list=mostrecent>Photos</a><BR>
<a href=http://www.friendster.com/video.php>Video</a><BR>
<a href=http://www.friendster.com/userlist.php?list=feat_profile>Featured Fan Profiles</a><BR>
<a href=http://www.friendster.com/widgetdirectory.php>Applications</a>
<td width="28px" background="http://www.freewebs.com/guidaz/naruto_scroll_right.gif">
<tr><td width="28px" height="48px" background="http://www.freewebs.com/guidaz/naruto_scroll_end_left.gif">
<td background="http://www.freewebs.com/guidaz/naruto_scroll_end.gif">
<td width="28px" background="http://www.freewebs.com/guidaz/naruto_scroll_end_right.gif">
</table>
<td colspan=4>
</table>
<tr><td background="http://www.freewebs.com/guidaz/naruto_banner.jpg" width="704px" height="331px" valign=top >
<td background="http://www.freewebs.com/guidaz/naruto_pic_box.jpg" width="97px"height="331px" >
<marquee direction="down" behavior="scroll" scrollamount=3 scrolldelay=3
onmouseover="this.stop()" onmouseout="this.start()" id="pic_box"></marquee>
<td background="http://www.freewebs.com/guidaz/naruto_right_banner.jpg" width="99px" height="331px">
<tr>
<td colspan=3 id="start_main_content" valign=top >
<table cellpadding="0" cellspacing="0" align=center width=900px>
<tr>
<td background="http://www.freewebs.com/guidaz/naruto_start_menu.jpg" width="265px" height="188px">
<td background="http://www.freewebs.com/guidaz/naruto_dialog.jpg" width="206px" height="188px" align=center valign=top>
<div class="dialog" id="dialog_box"><table id="dialog_box" cellpadding="0" cellspacing="0" width=170px height=100px>
<tr><td width="31px" height="18px" background="http://www.freewebs.com/guidaz/naruto_dialogtop_left.gif">
<td height="18px" background="http://www.freewebs.com/guidaz/naruto_dialogtop.gif">
<td width="37px" height="18px" background="http://www.freewebs.com/guidaz/naruto_dialogtop_right.gif">
<tr><td width="31px" background="http://www.freewebs.com/guidaz/naruto_dialogcontent_left.gif" >
<td bgcolor=white valign=middle align=center id=dialog_content >
<td width="37px" " background="http://www.freewebs.com/guidaz/naruto_dialogcontent_right.gif" valign=bottom>
<div style="margin-bottom:0"><img src="http://www.freewebs.com/guidaz/naruto_dialog_pointer.gif" ></div>
<tr><td height="25px" background="http://www.freewebs.com/guidaz/naruto_dialogbottom_left.gif">
<td height="25px" background="http://www.freewebs.com/guidaz/naruto_dialogbottom.gif">
<td height="25px" background="http://www.freewebs.com/guidaz/naruto_dialogbottom_right.gif">
</table></div>
<td background="http://www.freewebs.com/guidaz/naruto_logo.jpg" width="361px" height="188px" style="background-color: transparent">
<td background="http://www.freewebs.com/guidaz/naruto_logo_right.jpg" width="68" height="188">
<tr>
<td background="http://www.freewebs.com/guidaz/menu.jpg" width="265px" height="680px" valign=top >
<table width="265px"><tr>
<td width=67px>
<td>
<table id="navigation_menu"><tr><td align=center width="160px" valign=top id="navigation_menu_content">
</table>
<tr><td colspan=2 height=220px>
<tr><td width=90px><td><div id=friendspic>
<marquee behavior=alternate id="friends_pic" onmouseover="this.stop()" onmouseout="this.start()"
scrollamount=3 scrolldelay=3></marquee>
</div>
</table>
<td background="http://www.freewebs.com/guidaz/naruto_content.jpg" width="567px" height="789px" colspan="2" rowspan="2">
<table cellpadding=0 cellspacing=0 width="567px" height="789px">
<tr><td colspan=3 width="567px height="80px" background="http://www.freewebs.com/guidaz/naruto_aboutme_logo.jpg">
<tr><td background="http://www.freewebs.com/guidaz/naruto_aboutme_left.jpg" width="52px" height="218px">
<td background="http://www.freewebs.com/guidaz/naruto_aboutme_content.jpg" width=484px; height=218px; valign=top>
<div class="content_box" id="aboutme_content" style="width:305px;height:218px; position:absolute">
//////////////////////////////// ABOUT ME CODE HERE /////////////////////////////////////
////////////////////////////////////////////////////////////////////////////////////////
</div>
<td background="http://www.freewebs.com/guidaz/naruto_aboutme_right.jpg" width="31px" height="218px">
<tr><td background="http://www.freewebs.com/guidaz/naruto_media_logo.jpg" width="569px" height="86px" colspan="3">
<tr><td background="http://www.freewebs.com/guidaz/naruto_media_left.jpg" width="52px" height="165px">
<td background="http://www.freewebs.com/guidaz/naruto_media_content.jpg" width="484px" height="165px" valign=top>
<div class="content_box" id="media_content" style="width:484px;height:165px; position:absolute">
//////////////////////////////// MEDIA BOX CODE HERE /////////////////////////////////////
////////////////////////////////////////////////////////////////////////////////////////
</div>
<td background="http://www.freewebs.com/guidaz/naruto_media_right.jpg" width="31px" height="165px">
<tr><td background="http://www.freewebs.com/guidaz/naruto_comments_logo.jpg" width="569px" height="73px" colspan="3">
<tr><td background="http://www.freewebs.com/guidaz/naruto_comments_left.jpg" width="52px" height="142px">
<td background="http://www.freewebs.com/guidaz/naruto_comments_content.jpg" width="484px" height="142px" valign=top>
<div class="content_box" id="comments_content"" style="width:484px;height:142px; position:absolute">
//////////////////////////////// COMMENTS CODE HERE /////////////////////////////////////
////////////////////////////////////////////////////////////////////////////////////////
</div>
<div id=right_menu style="position:absolute">
<div id='list'> <TT><B><a href="javascript:location.reload()"> REFRESH</a></div>
<hr width=150px color=765b23>
<div id='list'> <TT><B><a href=http://www.friendster.com/>HOME</a></div>
<div id='list'> <TT><B><a href=http://www.friendster.com/user.php>MY PROFILE</a></div>
<div id='list'> <TT><B><a href=http://www.friendster.com/friends.php>MY CONNECTIONS</a></div>
<div id='list'> <TT><B><a href=http://www.friendster.com/friends.php>MYCONNECTIONS</a></div>
<div id='list'> <TT><B><a href=http://www.friendster.com/explore.php>EXLPORE</a></div>
<div id='list'> <TT><B><a href=http://www.friendster.com/messages.php>MESSAGE</a></div>
<div id='list'> <TT><B><a href=http://www.friendster.com/logout.php>LOGOUT</a></div>
<hr width=150px color=765b23>
<div id='list'> <TT><B><a href="javascript:history.back()">BACK</a></div></div>
<td background="http://www.freewebs.com/guidaz/naruto_comments_right.jpg" width="31px" height="142px">
<tr>
<td background="http://www.freewebs.com/guidaz/naruto_end_content.jpg" width="569px" height="25px" colspan="3">
</table>
<tr>
<td background="http://www.freewebs.com/guidaz/naruto_end_menu.jpg" width="265px" height="109px" >
</table>
<center><img src="http://www.freewebs.com/guidaz/naruto_footer.jpg"></center>
</table>
</body>
<script language="javascript">
<!--
function show_submenu(num) {
document.getElementById('sub_menu_'+num).style.visibility = "visible";
for(var i=1;i<
;i++) if(num != i) document.getElementById('sub_menu_'+i).style.visibility = "hidden"
}
function remover() {
document.getElementById('right_menu').style.visibility = "hidden"
for(var i=1;i<
;i++) document.getElementById('sub_menu_'+i).style.visibility = "hidden"
}
function Point(x,y) {
this.x = x;
this.y = y;
}
MLoc = new Point(-500,-500);
function rightclick_event() {
if (document.all) getMouseCoor();
document.getElementById('right_menu').style.visibility = "visible"
document.getElementById('right_menu').style.top = MLoc.y + document.body.scrollTop
document.getElementById('right_menu').style.left = MLoc.x + document.body.scrollLeft
}
function getMouseCoor() { MLoc.x = event.x;MLoc.y = event.y; }
function Start_Talking() {
switch(counter){
case 0:
document.getElementById('dialog_box').style.visibility = "visible"
document.getElementById('dialog_content').innerHTML = "Hi Welcome to "+master+"'s Profile"
counter++;
setTimeout("Start_Talking()",10000);
break;
case 1:
document.getElementById('dialog_content').innerHTML = "I'm Jiraiya, one of the three legendary sannin"
counter++;
setTimeout("Start_Talking()",5000);
break;
case 2:
document.getElementById('dialog_content').innerHTML = "and I am the guardian of this Profile"
counter++;
setTimeout("Start_Talking()",5000);
break;
case 3:
document.getElementById('dialog_content').innerHTML = "don't do anything stupid or I'll kick your ass"
counter++;
setTimeout("Start_Talking()",10000);
break;
case 4:
counter = 5;
document.getElementById('dialog_box').style.visibility = "hidden"
break;
}
}
function about_this_talk(num) {
var Speak = { reply1 : "I'll deliver your message to "+master,
reply2 : "With your smile, "+master+" will be happy",
reply3 : "Be one of "+master+"'s friends",
reply4 : "Tell your friends about "+master,
reply5 : "Add Bookmark",
reply6 : "What can you say about "+master }
if(counter == 5){
document.getElementById('dialog_box').style.visibility = "visible"
document.getElementById('dialog_content').innerHTML = Speak['reply'+num];
}
}
function remove_talk(){ if(counter == 5) document.getElementById('dialog_box').style.visibility = "hidden" }
function OnInit(){
for(j=1;j<=10;j++) for(i=0;i<=pic.length-1;i++) document.getElementById('pic_box').innerHTML += pic[i];
for(i=0;i<=friends.length-1;i++) document.getElementById('friends_pic').innerHTML += friends[i];
document.getElementById('navigation_menu_content').innerHTML = "<a onmouseover='about_this_talk(1)' onmouseout='remove_talk()' href=http://www.friendster.com/sendmessage.php?uid="+ID+">Send Message</a><br>";
document.getElementById('navigation_menu_content').innerHTML += "<a onmouseover='about_this_talk(2)' onmouseout='remove_talk()' href=http://www.friendster.com/sendmessage.php?uid="+ID+"&action=sendsmile>Send a Smile</a><br>";
document.getElementById('navigation_menu_content').innerHTML += "<a onmouseover='about_this_talk(3)' onmouseout='remove_talk()' href=http://www.friendster.com/addfriendrequest.php?uid="+ID+"&authcode=5e4ee4ec0ac5184a7f42bfe3056abc>Add as Friend</a><BR>";
document.getElementById('navigation_menu_content').innerHTML += "<a onmouseover='about_this_talk(4)' onmouseout='remove_talk()' href=http://www.friendster.com/referafriend.php?refer="+ID+">Forward to Friend</a><BR>";
document.getElementById('navigation_menu_content').innerHTML += "<a onmouseover='about_this_talk(5)' onmouseout='remove_talk()' href=http://www.friendster.com/bookmarks.php?action=add&uid="+ID+">Add Bookmark</a><BR>";
document.getElementById('navigation_menu_content').innerHTML += " <a onmouseover='about_this_talk(6)' onmouseout='remove_talk()' href='/comments.php?uid="+ID+"'>Add Comments</a>";
Start_Talking()
}
document.oncontextmenu=new Function("rightclick_event();return false")
//-->
</script>
<script language="javascript">
<!--
var pic = new Array();
var friends = new Array();
//small picture here -- to add more pic just add a new variable like this -> pic[6], pic[7], etc..
pic[0] = "<img src='http://www.freewebs.com/guidaz/face1.jpg'>";
pic[1] = "<img src='http://www.freewebs.com/guidaz/face2.jpg'>";
pic[2] = "<img src='http://www.freewebs.com/guidaz/face3.jpg'>";
pic[3] = "<img src='http://www.freewebs.com/guidaz/face4.jpg'>";
pic[4] = "<img src='http://www.freewebs.com/guidaz/face5.jpg'>";
pic[5] = "<img src='http://www.freewebs.com/guidaz/face6.jpg'>";
//friend code here to add more pic just add a new variable like this -> friends[6], friends[7], etc..
friends[0] = "<img src='http://www.freewebs.com/guidaz/face1.jpg'>";
friends[1] = "<img src='http://www.freewebs.com/guidaz/face2.jpg'>";
friends[2] = "<img src='http://www.freewebs.com/guidaz/face3.jpg'>";
friends[3] = "<img src='http://www.freewebs.com/guidaz/face4.jpg'>";
friends[4] = "<img src='http://www.freewebs.com/guidaz/face5.jpg'>";
friends[5] = "<img src='http://www.freewebs.com/guidaz/face6.jpg'>";
var counter = 0;
//Put ur ID here
var ID = "";
//Put ur alias here
var master = "James Kenneth Guidaven";
window.onload() = OnInit();
//-->
</script>
</html>
trus saia edid,
eh, kug g bs tmpil si...?