-+link+-

  • Page jumping
    Note: if you don't know what I'm talkin' 'bout, then click here <A HREF="#put a word here">The name of the place that you wanna go</A> <A NAME="the word that you put in the code above">Text
  • Button link
    <form method=link action=URL> <input type=submit VALUE="TEXT"></form>
  • Button link wit a background

    <table border="4" cellspacing="0" cellpadding="2" bgcolor="COLOR HERE"><tr valign=middle> <td align=center><form method="get" action="URL HERE"><input type="submit" value="TEXT HERE"></td></form> </tr></table><br>
  • Hyper Link
    read me <a href=URL>TEXT</a>
  • Hyper link with words on the status bar
    >go home< <a href="URL" OnMouseOver="window.status='text'; return true;">text</a>
  • Change the color of the link when you poit at it with your mouse <STYLE type="text/css"><!-- A:link{ COLOR: color; TEXT-DECORATION: none; font- weight: normal } A:visited{ COLOR: color; TEXT-DECORATION: none; font- weight: normal } A:active{ COLOR: color; TEXT-DECORATION: none } A:hover{ COLOR: color; TEXT-DECORATION:none} --></STYLE>
  • Different things that you can do with links
  • Small Caps
    A:hover{color:a color;text-variant:small-caps}
  • Overline
    A:hover{COLOR: color; TEXT-DECORATION: overline}
  • Underline
    A:hover{COLOR: color; TEXT-DECORATION: underline}
  • Underline and overline
    A:hover{COLOR: color; TEXT-DECORATION: underline overline}
  • Bold
    A:hover{COLOR: color; font-weight: bold}
  • Italics
    A:hover{color:color; font-style:italic}
  • Font Face
    A:hover{color:a color;font-family: font}
  • Slashout
    A:hover{color:white;TEXT-DECORATION: line-through}
  • Background color
    A:hover{color:white;BACKGROUND-COLOR: COLOR IN HERE}
  • Font size (24 is the biggest n 1 is the smallest)
    A:hover{color:color;font-size:a size}
  • Mouse Cursors
    A:hover{color:a color;TEXT-DECORATION:none;cursor:n-resize}
  • Different kinds of cursors
    cursor:ne-resize (Points North East)
    cursor:nw-resize (Points North West)
    cursor:se-resize (Points South East)
    cursor:sw-resize (Points South West)
    cursor:n-resize (Points North)
    cursor:s-resize (Points South)
    cursor:e-resize (Points East)
    cursor:w-resize (Points West)
    cursor:crosshair (Is a Cross Thing)
    cursor:wait (hour glass)
    cursor:hand (hand)
    cursor:text (text thing)
    cursor:move (move cross)
  • A drop box wit a button
    <FORM name="guideform"> <SELECT name="guidelinks"> <OPTION SELECTED value="http://place.com/page1.htm">Page 1 <OPTION value="http://place.com/page2.htm">Page 2 </SELECT> <INPUT type="button" name="go" value="Go!" onClick="window.location=document.guideform.guidelinks. options [document.guideform.guidelinks.selectedIndex].value"> </FORM>
  • Mouse over hyper link
    +always the sweetest <a href="" target="top" onmouseover="window.open ('URL');">TEXT</a>
  • Colored links
    +always the sweetest+ <a href="Put your link here"><font color=put a color>put text <font color=put a color>put text</a></font></font>
  • A URL finder
    Type in a URL, hit the Go! button to go there!
    <FORM><BR><INPUT name="the_url" type="text" value="http://" size="25"><INPUT type="button" value="Go!" onClick="window.location=this.form.the_url.value"></FORM>
  • Forward and back buttons
    To make forward and back buttons, type: <FORM> <INPUT type="button" value="Back" onClick="history.back()"> <INPUT type="button" value="Forward" onClick="history.forward()"> </FORM>
  • Cool button with an awesome border
    <form method="LINK" ACTION="Put your URL link here"> <table border=3 bordercolor= Put border color here bgcolor= Put background color here cellspacing=0 bordercolordark=PUT A COLOR HERE><tr><td><input style=" background:Put a color" style=" font-family:Put a font here" type=submit value="Some text here"></table></form></td></tr></table>
  • Another kind of link button with color
    <form method="link"action="URL"><input type="submit" value="URL NAME" style="font- family:tahoma" style="border style:solid" style="background:COLOR" style="color:COLOR"></form>
  • An image link
    Note: This doesn't work on Expages though, if u see a line ___, change it into 's r c' instead without da space
    <a href="WEBSITE URL"><img src="IMAGE URL"></a>
    Note: If you don't want any borders around your image, add border=0 in your code, it'll take the border away.
  • A drop box with colors
    <table border=4 bordercolor=COLOR bgcolor=COLOR cellspacing=0 width=130><tr><td><center><form name="gotolocation1" method="post"><select name="dropdown1" size=1><option value="URL">URL NAME</option></select><input type="button" onClick="location= document.gotolocation1.dropdown1.options [document.gotolocation1.dropdown1.selectedIndex].value; " value="GO!"></table>

    Note: If you wanna add more options, just keep addin' <option value="Page URL here">Page Name before the </option>
  • Another kind of dropbox

    <form name="gotolocation1" method="POST"> <select name="dropdown1" size=3 style="font-size: 11" style="font-family:courier new" style="color:dodgerblue"> <option value="URL">Main page <option value="URL">Expage <option value="URL">HTML help </select><BR> <input type="button" onClick="location = document.gotolocation1.dropdown1.options [document.gotolocation1.dropdown1 .selectedIndex].value;" value="click!" style="font-family: courier new" style="color:hotpink" style="font-size: 11" style="border:outset" style="background:blueviolet"></form>
  • This code will take you to another URL aotomaticly
    NOTE: the numbers indicates seconds, so if you put 5, it'll take you to the url in 5 seconds... <META HTTP-EQUIV="refresh" CONTENT="a number here; url=a url here">
  • Java link button Change the "somthing.com", COLOR, and HOVERCOLOR, you need the hex code for the colors! Go to my colors page to get it!


    <applet code="fphover.class" codebase="http://members.xoom.com/spicegraphs/_fpclass/" width="120" height="24"> <param name="text" value="Click here"><param name="COLOR" value="#dda0dd"> <param name="HOVERCOLOR" value="#9370db"><param name="textcolor" value="#FFFFFF"> <param name="effect" value="glow"><param name="url" value="http://something.com" valuetype="ref"> <br><param name="font" value="Dialog"><param name="fontstyle" value="regular"> <param name="fontsize" value="10"></applet> Do you know what I'm talkin' 'bout now?