Tutorial

Click on thumbnailed images to enlarge

this is how you can make a menu thats not in a table..it works in a special "mini" application..
note: this code works on WEBSITES XANGA and BLOGGER sites hosted elsewhere

1. the starting code
First of all your gonna need to hide the code that makes the menu first you have to hide the starter code by putting it in the head tags the head tags make everything invisible you put the colors bg images in there well in this case were gonna put the code in there so the drop down menu itself can belocated
<html>
<head>
<title>title here</title>
<script>
<!--
function land(ref, target)
{
lowtarget=target.toLowerCase();
if (lowtarget=="_self") {window.location=loc;}
else {if (lowtarget=="_top") {top.location=loc;}
else {if (lowtarget=="_blank") {window.open(loc);}
else {if (lowtarget=="_parent") {parent.location=loc;}
else {parent.frames[target].location=loc;};
}}}
}
function jump(menu)
{
ref=menu.choice.options[menu.choice.selectedIndex].value;
splitc=ref.lastIndexOf("*");
target="";
if (splitc!=-1)
{loc=ref.substring(0,splitc);
target=ref.substring(splitc+1,1000);}
else {loc=ref; target="_self";};
if (ref != "") {land(loc,target);}
}
//-->
</script>
</head>
<body>

we ended it with body because the menu will be located in the body itself
2. the drop down code
this is the final part of the code where we left off of <Body> you need to put the code itself in thereput the code below in any table or in a frame or anywhere
as long as its in the <body> tag and the above code is in the <head> tag
[quote]load the website as soon as you click the link[/quote]


<form action="dummy" method="post"><select name="choice" size="1" onChange="jump(this.form)"><option value="">"my links"</option><option value="create blog.com">link #1</option><option value="createblog.com">link #2</option><option value="">- - - - - - - - - -</option><option value="http://www.microsoft.com">MICROSOFT</option><option value="http://www.netscape.com">NETSCAPE</option><option value="url">link</option><option value="url">link</option></select></form>

[quote]load the website with a "Go! button[/quote]
<form action="dummy" method="post"><select name="choice" size="1"><option value="">"my links"</option><option value="create blog.com">link #1</option><option value="createblog.com">link #2</option><option value="">- - - - - - - - - -</option><option value="http://www.microsoft.com">MICROSOFT</option><option value="http://www.netscape.com">NETSCAPE</option><option value="url">link</option><option value="url">link</option></select><input TYPE="button" VALUE="GO!" onClick="jump(this.form)"></form>

hope u enjoyed this tutorial!
if this gets accepted ill make an advanced tutorial

WHERE TO PUT IT:
xanga users: put the first part into custom html header and the last part into website stats...Because xanga is strict and it cant be in head it has to be in the body tags the menu will appear on the bottom of your site.
blogger users: host your site else where.open up a ftp server and log in to the server you specified and then edit the blogger.html file or the file that you told them to name the index file.
site owners:just follow the same exact tutorial above :smile:

Tutorial Comments

Showing latest 10 of 13 comments

For:
[quote]load the website with a "Go! button[/quote]
I can't get this tor work on my site, it worked once, but doesn't work now, I haven't changed the code in the meantime.

By ACAWeb on Sep 13, 2011 9:38 pm

Thank you for this! An example image would give a better idea of how this would/should look.

By Butterface89 on Jul 16, 2010 9:54 am

look in the myspace scripts, there's a drop down menu code somewhere in there that will work on myspace.

By samanthaxrandom on Mar 3, 2010 9:28 am

This kind of drop down menu isn't allowed on myspace.

By dilligrout on Oct 28, 2008 3:29 am

what is a drop down menu for?

By kimberlychen on Aug 5, 2008 11:36 am

Where it says "layouts, graphics, scripts"

By Juan-Latin on Jun 9, 2008 2:59 am

"If you looks at the top of this page"

By Juan-Latin on Jun 9, 2008 2:58 am

I do not believe your allowed this code on myspace.
Although for the questions that everyone has posted as comments, I do however know what is wrong and how to fix the issues your currently having.

=================== ========================

uh h what is this for ?
By NNACONA on Jan 3, 2008 3:01 pm


If you looks at the top of this page, you see how when you move "the mouse" over certin parts of the top how a menu appears ?
Allowing you to select other things from the one button?

That is what this code does. Mainly used for personal websites[not initially created for myspace.




im slow
what does it mean head tags
put the code in between the ??
its already like that and i did that and its all weird
then i did a buncha other stuff
i have a massive head ache now...
help me...
By MrsLovelyy on Dec 12, 2007 9:38 am



Head-Tags Meaning Headers, this is what is added onto codes/layouts before you place the BODY code.
To further understand and dissolve your current issues please contact me.



umm.. do you know how i can work the links on myspace? for example, i got a layout on this site and the codes for the the links doesn't work. for example, the link would say "message" and then people would click on it and it doesn't work. it says something like," this member has cancelled his/her account." do you know how to work it out? if so, thanks! (^_^_^)
By stephanie03 on Nov 1, 2007 11:55 pm



Your issues is rather simple and possibly just something you simply forgotten. The creator of which ever layout you chose should have informed you that is it needed for you to edit the code for personal use. You have to change the code to where it has now your myspace ID number. Where it says " friendID= " then whatever follows after




where do myspace users put it?
By BleachFan on Sep 14, 2007 8:45 pm


This goes with what I had stated earlier. As to my knowing of myspace, this code is NOT allowed( neither is JAVA ).

Same goes for covering the top-myspace advertisement-banner( not allowed by myspace rules to conceal advertisement code )

The Reason For: The advertisement at the top and everywhere else you see is how Myspace makes its money. Each company that is advertised has paid thousands of $$$ so the advertisement of whichever company/website can be shown.


ANY OTHER QUESTIONS- PLEASE CONTACT ME: jonsito_salas@yahoo.com
Thank You.

By Juan-Latin on Jun 9, 2008 2:56 am

uhh what is this for ?

By NNACONA on Jan 3, 2008 3:01 pm

im slow
what does it mean head tags
put the code in between the ??
its already like that and i did that and its all weird
then i did a buncha other stuff
i have a massive head ache now...
help me...

By MrsLovelyy on Dec 12, 2007 9:38 am
View all »

Tutorial Details

Author SlobThomas View profile
Submitted on Feb 13, 2006
Page views 55,890
Favorites 53
Comments 13