Newbies are not allowed to post in this thread.
#21 2008-02-08 11:44:20
- sk8er_ghurl16
- » FriendsterNewbie
- › oh ehm gee!
- Location: im lost!
- Registered: 2007-09-09
- Posts: 66
- Last visit: 2008-10-04
- Reputation: 1
Re: Naruto Scroll Layout (W/ Talking Jiraiya)
wow!...cool layout..i think i'll use this coz i like naruto a lot..
-Offline- |
#22 2008-02-09 15:14:04
- rionji
- » FriendsterNewbie
- › huh? anu meron?
- Location: bacoor cavite
- Registered: 2008-02-09
- Posts: 5
- Last visit: Today
- Reputation: ~
- Friendster
Re: Naruto Scroll Layout (W/ Talking Jiraiya)
nice...
( Bokit? )
(\ /) |/
( . .)
c(")(")
-Offline- |
#23 2008-02-09 18:09:29
- kangkong10
- » Promoter
- Registered: 2008-01-09
- Posts: 1289
- Reputation: 14
Re: Naruto Scroll Layout (W/ Talking Jiraiya)
thanks for posting!
#24 2008-02-10 07:03:52
- rionji
- » FriendsterNewbie
- › huh? anu meron?
- Location: bacoor cavite
- Registered: 2008-02-09
- Posts: 5
- Last visit: Today
- Reputation: ~
- Friendster
Re: Naruto Scroll Layout (W/ Talking Jiraiya)
nice nice nice...
( Bokit? )
(\ /) |/
( . .)
c(")(")
-Offline- |
#25 2008-02-10 07:14:07
- leira27
- » FriendsterTalker
- › dont try to live forever
- Location: pampanga
- Registered: 2008-01-20
- Posts: 150
- Last visit: 2008-10-05
- Reputation: ~
- Friendster
Re: Naruto Scroll Layout (W/ Talking Jiraiya)
this is so kawaii! 
thanks for sharing
C is for cookie that's good enough for me.
-Offline- |
#26 2008-02-13 01:44:24
- mark_art@yahoo.com
- » FriendsterNewbie
- Registered: 2008-02-12
- Posts: 2
- Last visit: 2008-02-13
- Reputation: ~
Re: Naruto Scroll Layout (W/ Talking Jiraiya)
<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_w … ground.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"></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"></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"></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<=3;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<=3;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>";
document.getElementById('aboutme_content').innerHTML += aboutme;
document.getElementById('media_content').innerHTML += mediabox;
document.getElementById('comments_content').innerHTML += comments;
Start_Talking()
}
document.oncontextmenu=new Function("rightclick_event();return false")
//-->
</script>
<script language="javascript">
<!--
var pic = new Array();
var friends = new Array();
var counter = 0;
//Put ur ID here
var ID = "";
//Put ur alias here
var master = "James Kenneth Guidaven";
//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'>";
//About me code --- put here
var aboutme = "james kenneth guidaven james kenneth guidaven james kenneth guidaven";
//Media box code --- put here
var mediabox = "code here blah blah blah";
//comments code --- put here
var comments = "code here blah blah blah";
//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'>";
window.onload() = OnInit();
//-->
</script>
</html>
sorry for my bad english...Hi Guys Its me again w/ a new layout...
Last edited by Frazen (2008-02-02 07:27:27)
-Offline- |
#27 2008-02-13 01:49:16
- mark_art@yahoo.com
- » FriendsterNewbie
- Registered: 2008-02-12
- Posts: 2
- Last visit: 2008-02-13
- Reputation: ~
Re: Naruto Scroll Layout (W/ Talking Jiraiya)
Code:
<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_w … ground.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"></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"></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"></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<=3;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<=3;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>";
document.getElementById('aboutme_content').innerHTML += aboutme;
document.getElementById('media_content').innerHTML += mediabox;
document.getElementById('comments_content').innerHTML += comments;
Start_Talking()
}
document.oncontextmenu=new Function("rightclick_event();return false")
//-->
</script>
<script language="javascript">
<!--
var pic = new Array();
var friends = new Array();
var counter = 0;
//Put ur ID here
var ID = "";
//Put ur alias here
var master = "James Kenneth Guidaven";
//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'>";
//About me code --- put here
var aboutme = "james kenneth guidaven james kenneth guidaven james kenneth guidaven";
//Media box code --- put here
var mediabox = "code here blah blah blah";
//comments code --- put here
var comments = "code here blah blah blah";
//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'>";
window.onload() = OnInit();
//-->
</script>
</html>
sorry for my bad english...Hi Guys Its me again w/ a new layout...
Last edited by Frazen (2008-02-02 07:27:27)
-Offline- |
#28 2008-02-13 06:54:19
- halfbloodprince
- » FriendsterNewbie
- Registered: 2008-02-13
- Posts: 1
- Last visit: 2008-02-15
- Reputation: ~
Re: Naruto Scroll Layout (W/ Talking Jiraiya)
-Offline- |
#29 2008-02-13 07:24:16
- crest16
- » FriendsterNewbie
- Registered: 2008-02-03
- Posts: 5
- Last visit: 2008-02-21
- Reputation: ~
Re: Naruto Scroll Layout (W/ Talking Jiraiya)
i really love naruto can u make a lot more....the owning ones..=P
keep it up..
-Offline- |
#31 2008-02-15 13:07:17
- mrfriday143
- » FriendsterNewbie
- Registered: 2008-01-25
- Posts: 4
- Last visit: 2008-06-06
- Reputation: ~
Re: Naruto Scroll Layout (W/ Talking Jiraiya)
-Offline- |
#32 2008-02-16 13:44:46
- schulz21
- » FriendsterNewbie
- Registered: 2008-02-16
- Posts: 2
- Last visit: 2008-09-26
- Reputation: ~
Re: Naruto Scroll Layout (W/ Talking Jiraiya)
Code:
-Offline- |
#33 2008-02-16 13:45:18
- schulz21
- » FriendsterNewbie
- Registered: 2008-02-16
- Posts: 2
- Last visit: 2008-09-26
- Reputation: ~
-Offline- |
#34 2008-02-16 14:12:04
- loelo
- » Promoter
- › Insert Caption Here
- › .White Protector.
- Registered: 2007-07-26
- Posts: 2320
- Reputation: 53
Re: Naruto Scroll Layout (W/ Talking Jiraiya)
Nice Naruto Layout....this Is Save By Js??or Css??
insert siggie here
#35 2008-02-17 15:00:16
- taekaba
- » FriendsterNewbie
- Registered: 2008-02-17
- Posts: 1
- Last visit: 2008-02-17
- Reputation: ~
Re: Naruto Scroll Layout (W/ Talking Jiraiya)
-Offline- |
#36 2008-02-18 10:27:03
- Xuflit
- » FriendsterNewbie
- Registered: 2008-02-18
- Posts: 2
- Last visit: 2008-03-14
- Reputation: ~
Re: Naruto Scroll Layout (W/ Talking Jiraiya)
HI Im completely newbie about this overlay layout
could you tell me what is the party that i had to change in the code
i try changing the var with user id but still it doesn't working
what exactly i had to change
TQ
-Offline- |
#37 2008-02-18 10:28:08
- Xuflit
- » FriendsterNewbie
- Registered: 2008-02-18
- Posts: 2
- Last visit: 2008-03-14
- Reputation: ~
Re: Naruto Scroll Layout (W/ Talking Jiraiya)
sory i mean part not party
-Offline- |
#38 2008-02-19 07:17:55
- rionji
- » FriendsterNewbie
- › huh? anu meron?
- Location: bacoor cavite
- Registered: 2008-02-09
- Posts: 5
- Last visit: Today
- Reputation: ~
- Friendster
Re: Naruto Scroll Layout (W/ Talking Jiraiya)
nice layout but not working... where can i find the VAR CODE VAR ABOUT ME VAR MEDIA BOX ? huh 
( Bokit? )
(\ /) |/
( . .)
c(")(")
-Offline- |
#39 2008-02-21 08:25:18
- AMY_JZE88
- » FriendsterNewbie
- Registered: 2008-01-23
- Posts: 1
- Last visit: 2008-05-01
- Reputation: ~
Re: Naruto Scroll Layout (W/ Talking Jiraiya)
nice layout...
-Offline- |
#40 2008-02-21 12:50:12
- kimtuanzon
- » FriendsterNewbie
- Registered: 2008-02-21
- Posts: 1
- Last visit: 2008-02-22
- Reputation: ~
Re: Naruto Scroll Layout (W/ Talking Jiraiya)
WOW dis is good
:midfinger:
-Offline- |
Search Friendstertalk
Board footer
FriendsterTalk is not affiliated with Friendster.com
Copyright © 2002–2008 PunBB
[ 28 queries - 0.571 second ]
Pay Per Click Ads by 