The Suppler
    Where I Supply You

 
Your Logo Here
NAVIGATION
Home
Music codes
Music Videos
HTML codes
Blinkies
Buddy4u My Fav Site
Guestbook

    
Most of the Html codes i no

Backround color

<style type="text/css"><!-- body{background:#B00000} //--></style>

Picture backround

<style type="text/css"><!-- body{background:url(url of your image);background-attachment:fixed} //--></style>

Color Scroll Bar

<style type="text/css"><!-- body{scrollbar-track-color:#FFFFFF;scrollbar-highlight-color:#8080FF;scrollbar-3dlight-color:#00BFFF;scrollbar-darkshadow-color:#8080FF;scrollbar-shadow-color:#FFFFFF;scrollbar-arrow-color:#8080FF;scrollbar-face-color:#FFFFFF} //--></style>

Links

<style type="text/css"><!-- a:link{font-family:verdana;font-size:11px;color:#000000} a:active{font-family:verdana;font-size:11px;color:#FF0000} a:visited{font-family:verdana;font-size:11px;color:#0000FF} a:hover{font-family:verdana;font-size:11px;color:#000000;background:#FFFFFF} //--></style>

Link Border

Border types are: solid, double, inset, outset, ridge, groove, dotted, dashed

<style type="text/css"><!-- a:hover{border:#000000 1px solid} //--></style>

Font Color

<style type="text/css"><!-- font{font-family:verdana;font-size:11px;color:#000000} //--></style>

Cursors

<style type="text/css"><!-- a:hover{font-size:20px} //--></style>

Page Border

<style type=text/css><!-- body{border:#B00000 10px outset} //--></style>

Raining pics

<table width=55 style=position:absolute;top:110;left:200><marquee direction=down scrolldelay=17 scrollamount=2 height=1500><img src=URL HERR></marquee></table><table width=55 style=position:absolute;top:0;left:375><marquee direction=down scrolldelay=15 scrollamount=2 height=1500><img src=URL HERR></marquee></table><table width=55 style=position:absolute;top:0;left:375><marquee direction=down scrolldelay=15 scrollamount=2 height=1500><img src=URL HERR></marquee></table><table width=55 style=position:absolute;top:220;left:500><marquee direction=down scrolldelay=20 scrollamount=2 height=1500><img src=URL HERR></marquee></table><table width=55 style=position:absolute;top:75;left:675><marquee direction=down scrolldelay=17 scrollamount=2 height=1500><img src=URL HERR></marquee></table><table width=55 style=position:absolute;top:110;left:200><marquee direction=down scrolldelay=17 scrollamount=5 height=1500><img src=URL HERR></marquee></table><table width=55 style=position:absolute;top:0;left:375><marquee direction=down scrolldelay=15 scrollamount=5 height=1500><img src=URL HERR></marquee></table><table width=55 style=position:absolute;top:0;left:375><marquee direction=down scrolldelay=15 scrollamount=5 height=1500><img src=URL HERR></marquee></table><table width=55 style=position:absolute;top:220;left:500><marquee direction=down scrolldelay=20 scrollamount=5 height=1500><img src=URL HERR></marquee></table><table width=55 style=position:absolute;top:75;left:675><marquee direction=down scrolldelay=17 scrollamount=5 height=1500><img src=URL HERR></marquee></table>

Blur image

<table style="filter:blur"><tr><td><font face="comic sans ms"size=3><font color=#33ffff>TEXT OR IMAGE HERR</font></td></tr></table>

Drop shadow

<table style="filter:dropshadow(color:#33ffff)"><tr><td><font face="comic sans ms"size=5><font color=#3333ff>TEXT OR IMAGE HERR</font></td></tr></table>

glow

<input type=button value="TEXT HERR" style="font-family:whimsy tt;font-size:10pt;color:white;font-weight:bold;height:90px;width:100px;background-color:3333FF;filter:alpha(style=2,opacity=100,finishopacity=0)"></input>

Fade pic

<IMG src="URL OF PIC" style="FILTER: alpha(style=3, opacity=100, finishopacity=0, startx=0, finishx=100, starty=0, finishy=100)">

Pic Bonce up and down

<marquee direction="up" behavior="alternate">TEXT OR URL IMAGE</marquee>

Pic wit link

<a target="_blank" href="PIC OF URL"><img src="PIC OF URL" height="90" width="65"></a>

Just Alot of codes

To get BOLD use this code.
<b>YOUR TEXT HERE</b>

To get Italics use this code.
<i>YOUR TEXT HERE</i>

To get Underline use this code.
<u>YOUR TEXT HERE</u>

To get Strikeout use this code.
<strike>YOUR TEXT HERE</strike>

To getSubscript use this.
<sub>YOUR TEXT HERE</sub>

To getSuperscriptuse this code.
<sup>YOUR TEXT HERE</sup>

To change the color of your FONT use this code.
<font color=YOUR COLOR>YOUR TEXT HERE</font>

To change the size of your FONT use this code.
<font size=SIZE HERE>YOUR TEXT HERE</font>
Use regular numbers. I used a size 3 for the example.

To change your font face. Insert either one of the font faces below into the code where it says YOUR FONT.
Verdana//Impact//Arial//Trebuchet MS// Times New Roman
<font face="YOURFONT">YOUR TEXT</font>
You could try your own font faces that you know to see if they work but I wont guarantee they will.

To get letter spacing use this code
<font style="letter-spacing:2pt;">TEXT HERE</font>

To center things on your page.
<center>YOUR STUFF HERE</CENTER>
Can also be used for pictures

SHADOW TEXT

<table style="filter:shadow( font color:#YOUR COLOR)"><tr><td><font>YOUR TEXT HERE</font></td></tr></table>

MARQUEES CAN BE USED FOR PICTURES TOO

Boring Left Marquee
<marquee>YOUR TEXT HERE</marquee>

Boring Right Marquee
<marquee direction=right>YOUR TEXT HERE</marquee>

Interesting Alternating Marquee
<marquee behavior=alternate>YOUR TEXT HERE</marquee>

This is a !!!COOL!!!marquee.
<marquee width=80>YOUR TEXT HERE</marquee>
You can change the width size of this marquee to fit your needs.


<marquee direction=up scrollAmount=0scrollDelay=0 style="filter:wave(add=10,phase=1,freq=2,strength=30)" width=100 height=225><font color=YOUR COLOR size=3><center><b><br><br>N<br>A<br>M<br>E<br><br></font></marquee>
For this code make sure you take out the "NAME" because I have been to other people pages and the got the word name scrolling up and it looks kinda gay, you are suppose to insert your name there!

HOW TO INSERT A PICTURE LIKE THIS>I BET YOUR THINKING THIS PAGE IS SO COOL
<img src="URL">
This can be used to insert images anywhere on your page and on your profile

How to change your background to any color you want.
<style type="text/css"><!-- body{background color:#YOUR COLOR fixed} //--></style>
Most common one is black which is 000000 (Like Mine)

To make a background stay in one position.
<style type="text/css"><!-- body{background:url(URL) fixed} //--></style>

Add a border to your page
<style type=text/css><!--body{border color:#YOUR COLOR 10px solid} //--></style>
You can change the border style in this code to either:dotted, inset, outset,double, dashed, groove, solid, ridge or leave it like it is

Cursor change. Like mine.
<style type=text/css><!-- body{cursor:crosshair} //--></style>
If you dont like the crosshair type.Try these other cursor types:crosshair, hand, wait, help, text, move, and arrow types are: "s-resize" (points south), "e-resize" (points east), "w-resize" (points west), "ne-resize" (points north east) Change the part that says crosshair in the code to one of the other types listed. Dont use the " " marks

How to add an image into your notebox.
<style type=text/css><!-- .input{color:#YOUR COLOR;font-weight:bold;font-size:18px;font-family:tempus sans itc;background:url(URL) fixed;cursor:n-resize;border:#YOURCOLOR 3px inset} //--></style>
You can change the border style in this code to either:dotted, inset, outset,double, dashed, groove, solid, ridge or leave it like it is

How to change your Username at the top.
<style type="text/css"><!--.USERNAME{font-family:comic sans ms;font-size:50px; font color:#YOUR COLOR;background:#000000 url(URL OF PIC)} //--></style>
ATTENTION* YOU HAVE TO CHANGE ONLY THE COLOR PAR OF THIS CODE!

To make a list

<li>YOUR TEXT<li>YOUR TEXT<li>YOUR TEXT
You can add more little bullets by adding the little "li" and the tages before and after.

To move your friends list and notebox use this code.
<div id="scroll3" style="width:400;height:75;overflow:auto;position:absolute;top:500;left:200;"><center><TABLE><TR><TD> </a>
This code will put your friends list and notebox about the same place where mine is. You can move it around by changing the top and left numbers. Add more or take away to move it around. I will not explain this code either.

Your guestbook button. THE ONLY THING YOU NEED TO CHANGE IN THE CODE IS THE USERNAME PART. LEAVE THE CAPITALIZED WORD

PROFILE CODES SHOW THE GUESTBOOK BUTTON. =0)

Wave profile.
<table style="background:#000000 ;position:absolute;top:110px;left:0px;width:132px;height:700px;border:0px"><tr><td valign="top"><marquee direction=up scrollAmount=0scrollDelay=0 style="filter:wave(add=10,phase=1,freq=2,strength=30)"><center><font style="font-family:comic sans ms;color:#YOUR COLOR;font-size:14px"><b>*~PROFILE~*</b><br><br>
<HR size=2 width=90% color="#YOUR COLOR"><br>**Member Since**<br>DATE<br><br>**Name**<br>YOUR NAME<br><br>**Sex**<br>YOUR SEX<br><br>**Race**<br>RACE<br><br>**Age**<br>AGE<br><br>:**Zodiac Sign**<br>SIGN HERE<br><br>**From**<br>PLCAE<br><br>**Status**<br>SINGLE/TAKEN?<br><br>**Interests**<br>INTEREST <br><br></center></font></marquee></td></tr></table>

Normal Profile(Without the wave.)
<table style="position:absolute;top:110px;left:0px;border-right:#YOURCOLOR 5px outset;text-align:center;width:133px;height:700px;background:#000000"><tr><td valign="top" align="center"><marquee direction="up" height="500" scrollamount="3" style="text-align:center"><font style="font-family:verdana;color:#YOURCOLOR;font-size:11px">YOUR TITLE<hr width="75%"><br>YOUR NAME<br><br>Sex:<br>YOUR GENDER<br><br>Age:<br>YOUR AGE<br><br>Sign:<br>YOUR ASTROLOGICAL SIGN<br><br>From:<br>YOUR ETHNIC ORIGIN<br><br>Location:<br>YOUR CITY<br><br>Sexual Orientation:<br> STRAIT OR GAY<br><br>Status:<br>SINGLE OR MARRIED<br><br>Education:<br>LEVEL OF EDUCATION<br><br>Job Industry:<br>YOUR JOB<br><br>Interests:<br>YOUR INTERESTS</font></marquee></td></tr></table>

How to change the color of your scroll bars.
<style type="text/css"><!-- body{scrollbar-track-color:#YOUR COLOR;scrollbar-highlight-color:#YOUR COLOR;scrollbar-3dlight-color:#YOUR COLOR;scrollbar-darkshadow-color:#YOUR COLOR;scrollbar-shadow-color:#YOUR COLOR;scrollbar-arrow-color:#YOUR COLOR;scrollbar-face-color:#YOUR COLOR} //--></style>

Falling images from the top of your page.
<table width=55 style=position:absolute;top:110;left:200><marquee direction=down scrolldelay=17 scrollamount=2 height=1500><img src=URL></marquee></table><table width=50 style=position:absolute;top:0;left:373><marquee direction=down scrolldelay=15 scrollamount=3 height=1500><img src=URL></marquee></table><table width=55 style=position:absolute;top:0;left:375><marquee direction=down scrolldelay=15 scrollamount=3 height=1500><img src=URL></marquee></table><table width=55 style=position:absolute;top:220;left:500><marquee direction=down scrolldelay=20 scrollamount=2 height=1500><img src=URL></marquee></table><table width=55 style=position:absolute;top:75;left:675><marquee direction=down scrolldelay=17 scrollamount=2 height=1500><img src=URL></marquee></table><table width=55 style=position:absolute;top:110;left:200><marquee direction=down scrolldelay=17 scrollamount=5 height=1500><img src=URL></marquee></table><table width=55 style=position:absolute;top:0;left:375><marquee direction=down scrolldelay=15 scrollamount=5 height=1500><img src=URL></marquee></table><table width=55 style=position:absolute;top:0;left:375><marquee direction=down scrolldelay=15 scrollamount=5 height=1500><img src=URL></marquee></table><table width=55 style=position:absolute;top:220;left:500><marquee direction=down scrolldelay=20 scrollamount=5 height=1500><img src=URL></marquee></table><table width=55 style=position:absolute;top:75;left:675><marquee direction=down scrolldelay=17 scrollamount=5 height=1500><img src=URL></marquee></table>
I won`t explain this code to you. Gotta figure it out. Too hard to explain.

<input type=button value="HERE" style="font-family:comic sans ms;font-size:9pt;color:white;font-weight:bold;height:50px;width:100px;background-color:#YOUR COLOR;filter:alpha(style=2,opacity=100,finishopacity=0)"></input>
YOU CAN ADJUST THE HEIGHT AND WIDTH TO FIT YOUR WORDS!

HOW TO MAKE A TABLE

<table style="background:#000000;border:#3333f 5px outset;text-align:center;width:50%;height:50"><tr><td valign="center"><font style="font-family:Tahoma;font-size:16px;color:#YOUR COLOR"><P ALIGN=CENTER> <center>YOUR INFO AND STUFF HERE</font></td></tr></table></a>
 

Cool Codes

Cool Codes
**Cool Codes**<br>
*Glow*<br>
<table style="filter:glow(color:#000000)"><tr><td><font>Add text and images here...</font></td></tr></table><br>
<br>
*Shadow*<br>
<table style="filter:shadow(color:#000000)"><tr><td><font>Add text and images here...</font></td></tr></table><br>
<br>
*Wave*<br>
<table style="filter:wave(add=0, phase=1, freq=2, strength=10);color:#000000"><tr><td><font> Add text and images here...</font></td></tr></table><br>
<br>
*Wave Marquee*<br>
<marquee direction=up style="filter:wave(add=0, phase=1, freq=2, strength=10);color:#000000">Add text and images here...</marquee> <br>
<br>
*Blur*<br>
<table style="filter:blur"><tr><td><font>Add text and images here...</font></td></tr></table><br>
<br>
*Drop Shadow*<br>
<table style="filter:dropshadow(color:#000000)"><tr><td><font>Add text and images here...</font></td></tr></table><br>
<br>
*RIP H*<br>
<table style="filter:fliph"><tr><td><font>Add text and images here...</font></td></tr></table><br>
<br>
*X Ray*<br>
<table style="filter:xray"><tr><td><font>Add text and images here...</font></td></tr></table><br>


Cool Codes Part 2
***Cool Codes Part 2***<br>
Blur Filter<br>
<marquee direction=right scrollamount=1 style="filter:blur(add=1, phase=1, freq=5, strength=55)" width=140><font color=red size=5>The BLUR filter</font></marquee><br>
Wave Filter<br>
<marquee style="filter:wave(add=1, phase=1, freq=5, strength=25)" direction=up behavior=alternate scrollamount=1 height=75><center><font color=#ff33ff>Enter text here</font></center></marquee><br>
Shadow Filter<br>
<img style="filter:shadow(color:blue)" src="any picture.gif"><br>
Glow Filter<br>
<img style="filter:glow(color:green)" src="any picture.gif"><br>

 


copyright©

Create a free website at Webs.com