Pawprints Anonymous HTML!

Welcome to my updated HTML site! I think this layout is a lot better, have fun! If you have any suggestions, e-mail me!You can either click on the links to the left to get around, or just scroll through the whole page. I will keep adding new codes when I find them! If you are wondering how to get the cursor trailer text, go to 'other' on the menu.

Fonts

  • how do I make my fonts different colors?
  • how do I make my fonts different sizes?
  • how do I make my fonts different styles?
  • what are some other things I can do with my fonts?

    Font Colors:
    <font color="color">
    You can put any color in, like black, blue, red, yellow, lime, fuchsia, green, white, navy, purple.To get lots more colors, click here.

    Font Size:
    <font size="number">
    You can put different numbers in for the size, like 1, 2, 3, 4, 5, 6, 7.

    Font Styles (Faces):
    <font face="name">
    You can put in these 'faces' for the name: Verdana, Arial, Tahoma, Comic Sans MS. There are also some fonts that don't show up on all browsers, like Lucida Handwriting, Snap ITC, Bradley Hand ITC.

    Font Extras
    StyleCode
    underline<u>
    boldface<b>
    italics<i>
    centered
    		<center>

    Marquees

  • how do I make a marquee?
  • how do I make a marquee going right?
  • how do I make a bouncing marquee?
  • how do I make a double marquee?
  • how do I make a flashy marquee?
  • how I I make a marquee w/ a background color?

    Regular Marquees

    <marquee>TEXT</marquee>
    This is a marquee.

    Right Marquees
    <marquee direction="right">TEXT</marquee>
    This is a marquee going right.

    Bouncing Marquees
    <marquee behavior="alternate">TEXT</marquee>
    This is a bouncing marquee.

    Double Marqees
    <marquee width="25%">Hi!</marquee> <marquee direction="right" width="25%">Hi!</marquee>
    Hi!Hi!

    Flashy Marquees
    <marquee scrollamount="70">TEXT</marquee>
    Flashy marquee!
    You can have the number anywhere from 1 to 100.

    Marquees w/ Background Color
    <marquee bgcolor="fuchsia">TEXT</marquee>
    Marquee With Fuchsia Background!
    You can use any color for the background.

    Textareas

  • how do I put a textarea on my site?
  • how do I make a textarea with a border?
  • how do I make a textarea that I can write HTML in?

    Textareas
    <textarea>TEXT</textarea>

    The bad thing about these is you can't see them on Netscape.

    Colorful Textareas
    <textarea rows=4 cols=20 style="font-family:verdana" style="color:indigo" style="border-style:solid" style="background-color:lightblue"> TEXT</textarea>

    You can change the size and colors if you want.

    Textareas You Can Write HTML In
    <ilayer name="scroll1"> <div id="scroll3" style="width:100;height:90; background-color:lightblue;overflow:auto"> TEXT & HTML can go here! </textarea></div>
    These textareas are cool for notes b/c you can change colors and stuff!

    You can write HTML in these textareas.

    Buttons

  • how do I make a pop-up button?
  • how do I make colorful pop-up buttons?
  • how do I make link buttons?
  • how do I make colorful link buttons?
  • how do I make applet hover buttons?

    Pop-up Buttons
    <INPUT TYPE="button" VALUE="Click here!" onClick='alert("Hi!")'></FORM>

    You can change the value and alert.

    Colorful Pop-up Buttons
    <INPUT TYPE="button" VALUE="Click here!" onClick='alert("Hi!")' style="color:palegreen" style="background-color:navy" style="border- style:solid" style="font-size:15" style="font- family:comic sans ms"></FORM>

    You can change the colors, value and alert.

    Link Buttons
    <FORM METHOD="LINK" ACTION="http://expage.com/page/linswim"> <INPUT TYPE="submit" VALUE="Go to Pawprints Anonymous!"> </FORM>

    This button will take you back to the main page.

    Colorful Link Buttons
    <FORM METHOD="LINK" ACTION="http://expage.com/page/linswim"> <INPUT TYPE="submit" VALUE="Go to Pawprints Anonymous!" style="font-family:times new roman" style="color:navy" style="background-color:palegreen" style="border-style:solid" style="font-size=15"></FORM>

    Again, you can change the colors, value and url.
    Hover Applet Buttons
    (these are really cool!)
    <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="#000080"> <param name="HOVERCOLOR" value="#87cefa"> <param name="textcolor" value="#ffffff"> <param name="effect" value="glow"> <param name="url" value="URL" valuetype="ref"> <param name="font" value="Dialog"> <param name="fontstyle" value="regular"> <param name="fontsize" value="10"></applet>

    Note: you need to use hex codes for the colors. I will try to have a hex code list up soon.

    Links

  • how do I make a link?
  • how do I make a e-mail link?
  • how do I make an e-mail link w/ subject?
  • how do I make my links change colors?
  • how do I make a type-and-go link?
  • how do I make a mouseover link?
  • how do I make a status bar message link?

    Regular Links

    <a href="URL">TEXT</a>
    this is a link. Click here to go home!

    E-mail Links
    <a href="mailto:EMAIL-ADDRESS">TEXT</a>
    click here to e-mail me!


    E-mail Links With Subject
    <a href="EMAIL-ADDRESS?subject=SUBJECT">TEXT</a>
    click here to e-mail me!


    Making Links Change Colors

    Put this code on your site ONCE, and it will make it so all the links on your page change colors when the mouse goes over them (like on this page).

    <STYLE type="text/css"><!-- A:link{ COLOR: indigo; TEXT-DECORATION: none; font- weight: normal } A:visited{ COLOR: navy; TEXT-DECORATION: none; font- weight: normal } A:active{ COLOR: purple; TEXT-DECORATION: none } A:hover{ COLOR: lime; TEXT-DECORATION:underline} --></STYLE>
    Sara has a great     list of link hovers, be sure to check that out if you want to make this code a little different!

    Type-And-Go Links

    <FORM>Type in a URL, and hit the Go! button to go to it!<BR><INPUT name="the_url" type="text" value="http://" size="30"><INPUT type="button" value="Go there!" onClick="window.location=this.form.the_url.value"></FORM>
    Type in a URL, and hit the Go! button to go to it!

    Mouseover Links

    <A HREF="" target="main" onmouseover="window.open ('http://www.expage.com/page/linswim');"> Put your cursor over these words!</a>
     Put your cursor over these words!

    Status Bar Message Links

    Thanks to Brittany for this code!

    <a href="URL" onMouseOver="window.status='MESSAGE'; return true">click here!</a>
    click here!

    Tables

  • how do I make a 1-cell table?
  • how do I make a 2x2 table?
  • what are some cool extras I can use?

    This is a 1-cell table, you can use it for awards or announcements. Here is the code, if you want a different background click here!

    <table border="3" bordercolor="white" background="http://angelfire.com/mn/swimgrrl/bgrb.jpg" cellpadding=6 cellpacing=6><tr><td> TEXT, HTML, AND OTHER STUFF!</tr></td></table>

    2x2 Tables

    <table border="5" bordercolorlight="lightgreen" bordercolordark="plum" background="http://www.angelfire.com/mn/swimgrrl/images /bggp.jpg" cellspacing=6 cellpadding=6"><tr><td>Hey! </td><td>Hey!</tr></td><tr><td>Hey!</td><td>Hey! </table>

    Hey! Hey!
    Hey!Hey!


    Cool Table Extras

    Column Spans:

    <table border=1 bordercolor=magenta><tr><td colspan=3>hi! </tr></td><tr><td>hi!</td><td>hi!</td><td>hi! </tr></td></table>
    this is a column span.
    hi!hi!hi!


    Row Spans:<table border=1 bordercolor=magenta><tr><td rowspan=3>hi!</td><td>hi! </td></tr><tr><td>hi!</td></tr><tr><td>hi! </tr></td></table>
    this is a row span.hi!
    hi!
    hi!


    No Inside Border:<table border=1 bordercolor=magenta rules=none><tr><td>hey! </td><td>hey!</tr></td><tr><td>hey!</td><td>hey!</tr></td></table>
    hey!hey!
    hey!hey!


    No Outside Border:<table border=1 bordercolor=magenta frame=void><tr><td>hey! </td><td>hey!</tr></td><tr><td>hey!</td><td>hey! </tr></td></table>
    hey!hey!
    hey!hey!


    Only Vertical Outside Border:<table border=1 bordercolor=magenta frame=vsides><tr><td>hey! </td><td>hey!</tr></td><tr><td>hey!</td><td>hey! </tr></td></table>
    hey!hey!
    hey!hey!


    Only Horizontal Outside Border:<table border=1 bordercolor=magenta frame=hsides><tr><td>hey! </td><td>hey!</tr></td><tr><td>hey!</td><td>hey! </tr></td></table>
    hey!hey!
    hey!hey!

    Frames

  • how do I make inline frames?
  • how do I make inline frames with borders?
  • how do I make a frameset with 3 frames?
  • how do I make a frameset with 2 frames?
  • how do I target frames?

    There are 2 kinds of frames: inline and regular. Inline can be placed anywhere on the page. Regular fill up the whole page and can't be used on Expage.

    Inline Frames

    <iframe name="1" width="100" height="90"></iframe>

    You can change the name, width and height.

    <iframe name="2" width="100" height="90" style="border: 4 solid dodgerblue"></iframe>

    You can change the height, width, name, border color and border size.


    Regular Frames

    This is the usual frameset, with 3 frames: links, title and main.
    l
    i
    n
    k
    s    		title
    main
    <html><FRAMESET> <FRAMESET COLS="25%, 85%"> <FRAME NAME="LINKS" SRC="URL"> <FRAMESET ROWS="45%, 99%"> <FRAME NAME="TITLE" SRC="URL"> <FRAME NAME="MAIN" SRC="URL"> </FRAMESET></FRAMESET></html>

    This is a frameset like this html help page, with 2 vertical frames.
    l
    i
    n
    k
    s
    		main
    <HTML> <FRAMESET COLS="30%,70%"> <FRAME NAME="links" SRC="URL"> <FRAME NAME="main" SRC="URL"> </FRAMESET></HTML>

    Note: you can also have a color border on regular frames, just put this code in the < FRAME NAME> part:

    style="border: 4 solid COLOR"


    Targeting Frames

    When you have a link that you want to show up in a frame, you have to target it. Change where it says "NAME" in the code to what the frame that you want to target's name is.

    <a href="URL" target="NAME">TEXT</a>
    You can also make a targeted link that takes you out of someone else's frame, which is kind of nice to have since some people make their frames really small and it's hard to see your whole page.
    <a href="URL" target="_top">TEXT</a>

    Mouseovers

  • how do I make a mouseover pop-up?
  • how do I make a flashy mouseover?
  • how do I make a mouseover link?

    Mouseover Pop-ups

    <a href="" onMouseover="alert('Hi!')"> Point your mouse here!</a>

    Point your mouse here!


    Flashy Mouseovers
    (these are really cool!)
    <a href=""onmouseover="document.bgColor ='pink';document.bgColor='blue' ;document.bgColor='red';document.bgColor ='springgreen';document.bgColor ='lightblue' ;document.bgColor='yellow' ;document.bgColor='lime';document.bgColor ='peach';document.bgColor='black' ;document.bgColor='white';document.bgColor ='navy';document.bgColor='orange' ;document.bgColor='red';document.bgColor ='skyblue';document.bgColor='dodgerblue' ;document.bgColor='peru';document.bgColor 'fuchsia';document.bgColor ='azure' ">Put your mouse over this!!!</a>
    Put your mouse over this!!!
    The last color on the list will be the one it stays on.

    Other Cool Stuff

  • how do I make a bulleted list?
  • how do I make a cursor trailer message?
  • how do I make a menu?
  • how do I make a menu w/o a button?
  • how do I make a typing text box?

    Bulleted Lists

    <li>TEXT <li>TEXT <li>TEXT
  • this
  • is
  • a
  • list!

    Cursor Trailer Messages

    These are a lot more complicated than anything else on this page. Thanks to Dynamic Drive for this awesome code!
    First, put this code in the < head> section of your page:

    Then, put this code into the < body> section:

    Then, all you have to do is put this code directly into the < body> tag, like this:

    <body onLoad="makesnake()" style="width:100%;overflow-x:hidden;overflow-y:scroll">
    For a demo, just move your mouse around the screen! If you have Netscape and can't see the textareas that the code is in, then go to Dynamicdrive.com to get the code.

    Menus

    You can make a drop down menu like this if you have the size be 1, or you can make a list menu by making the size 2, 3, etc.

    <form method=post action=http://www.cgi-free.com/menu.cgi> <SELECT name=URLLink size="1" style="color:blue" style="font-face:verdana"> <OPTION value=URL>LINK</OPTION> <OPTION value=URL>LINK</OPTION> <OPTION value=URL>LINK</OPTION> </SELECT> <input type=submit value="Go There!" style="color:blue" style="font-face:verdana" style="border: 1 solid lightblue" style="background-color:white"></form>

    Menus Without Button

    <input type=submit value="Go There!"></form><form><select name=select size="3" onchange="location.href=(form.select.options [form.select.selectedIndex].value)" style="font-family:verdana" style="color:blue"><option value="URL">LINK</option> <option value="URL">LINK</option> <option value="URL">LINK</option> </select></form>

    Typing Text Boxes

    Thanx so much to Lauren for this awesome code!

    <APPLET code="tscroll.class" codebase="http://www.fighters.simplenet.com/mk/" width="200" height="100"> <PARAM name="bgcolor" value="#FFFFFF"> <PARAM name="desc0" VALUE="Hi!"> <PARAM name="desc1" VALUE="TEXT HERE"> <PARAM name="endstop" value="2000"><br> <PARAM name="hlcolor" value="255,255,0"> <br> <PARAM name="lrmargins" value="5"><br> <PARAM name="Notice" VALUE="Typewriter Scroll, (c) 1997, OpenCube Technologies, Unregistered"> <br> <br><PARAM name="scrollend" value="25"> <PARAM name="scrollend" value="5"><br> <PARAM name="size1" value="10"> <PARAM name="size" value="10"><br> <PARAM name="style0" value="bold"> <PARAM name="textcolor" value="255,102,204"><br> <PARAM name="textcolor0" value="255,102,204"><br> <PARAM name="textcolor2" value="255,102,204"><br> <PARAM name="textcolor5" value="255,102,204"><br> <PARAM name="textcolor8" value="255,102,204"> </APPLET>