soundpr00f.com free myspace layouts, codes, graphics and more

music videos

text codes

click here to add a comment if you're using something!

text codes

want to change the style of some of your text?
pick any of the styles below, replacing in the code where it says "TEXT"
with what you want to write.

scrunch text (clikc here to get it!)
space out text (click here to get it)
align your paragraphs (click here to get it)
change all your text on your page at once
highlight text (click here to get it)

glow your text.
<SPAN style="FILTER: Glow(color=RED,strength=4); HEIGHT: 0px">TEXT</SPAN><div style="position:absolute;right:0px;top:1px;width:66px;height:31px;"><a href="myspace.com/whatthefuck__xicons ">soundproof</a>

shadow your text
<SPAN style="FILTER: Shadow(color=3333CC,strength=4); HEIGHT: 0px">shadow</SPAN><div style="position:absolute;right:0px;top:1px;width:66px;height:31px;"><a href="myspace.com/whatthefuck__xicons ">soundproof</a>

highlight your text
<SPAN style="BACKGROUND-COLOR: YELLOW">TEXT</SPAN><div style="position:absolute;right:0px;top:1px;width:66px;height:31px;"><a href="myspace.com/whatthefuck__xicons ">soundproof</a>

drop shadow
<SPAN style="FILTER: DropShadow(color=green, strength=8); LINE-HEIGHT: 20px; HEIGHT: 2px"> TEXT </SPAN><div style="position:absolute;right:0px;top:1px;width:66px;height:31px;"><a href="myspace.com/whatthefuck__xicons ">soundproof</a>

wave your text
<SPAN style="FILTER: Wave(strength=2); HEIGHT: 0px">TEXT </SPAN><div style="position:absolute;right:0px;top:1px;width:66px;height:31px;"><a href="myspace.com/whatthefuck__xicons ">soundproof</a>

basic text codes

bold your text
<b>text</b><div style="position:absolute;right:0px;top:1px;width:66px;height:31px;"><a href="myspace.com/whatthefuck__xicons ">soundproof</a>

italicize your text
<i>text</i><div style="position:absolute;right:0px;top:1px;width:66px;height:31px;"><a href="myspace.com/whatthefuck__xicons ">soundproof</a>

underline your text
<u>text</u><div style="position:absolute;right:0px;top:1px;width:66px;height:31px;"><a href="myspace.com/whatthefuck__xicons ">soundproof</a>

~~strikeout~~ your text
<s>text</s><div style="position:absolute;right:0px;top:1px;width:66px;height:31px;"><a href="myspace.com/whatthefuck__xicons ">soundproof</a>

^superscript your text
<sup>text</sup><div style="position:absolute;right:0px;top:1px;width:66px;height:31px;"><a href="myspace.com/whatthefuck__xicons ">soundproof</a>

_subscript your text
<sub>text</sub><div style="position:absolute;right:0px;top:1px;width:66px;height:31px;"><a href="myspace.com/whatthefuck__xicons ">soundproof</a>

Make font bigger
<font size="4">text</font><div style="position:absolute;right:0px;top:1px;width:66px;height:31px;"><a href="myspace.com/whatthefuck__xicons ">soundproof</a>
*(Change "4? to a larger or smaller number to make your text bigger or smaller.)

Change font to different colors
<font color="FF0000">text</font><div style="position:absolute;right:0px;top:1px;width:66px;height:31px;"><a href="myspace.com/whatthefuck__xicons ">soundproof</a>

overlined text
span style="text-decoration: overline">text</span><div style="position:absolute;right:0px;top:1px;width:66px;height:31px;"><a href="myspace.com/whatthefuck__xicons ">soundproof</a>

change the font name.
<font face=font name here>text</font><div style="position:absolute;right:0px;top:1px;width:66px;height:31px;"><a href="myspace.com/whatthefuck__xicons ">soundproof</a>
*change "font name here" to the name of the font you want

Whenever your mouse hovers over a link, a certain effect will happen. Try them out to see what each one looks like!

Insert the following codes into your "About Me".

*Note: you can change the word COLOR to a different color code to change the effect. In the last code, you can change the word "FONT NAME" to a font name of your choice.

01.glow links on mouseover.
<STYLE type=text/css> a:hover {filter:Glow(color=red,strength=4);height:0px;}</STYLE><div style="position:absolute;right:0px;top:1px;width:66px;height:31px;"><a href="myspace.com/whatthefuck__xicons ">soundproof</a>

02. shadow links on mouseover.
<STYLE type=text/css> a:hover {filter:Shadow(color=COLOR, strength=4);height:0px;}</STYLE><div style="position:absolute;right:0px;top:1px;width:66px;height:31px;"><a href="myspace.com/whatthefuck__xicons ">soundproof</a>

03. highlight links on mouseover
<br /><style type="text/css"> a:hover {BACKGROUND-COLOR: ffff66;}</style><p><div style="position:absolute;right:0px;top:1px;width:66px;height:31px;"><a href="myspace.com/whatthefuck__xicons ">soundproof</a>

04. drop shadow links on mouseover.
<br /><style type="text/css">A:hover {FILTER: DropShadow(color=COLOR,strength=); line-height: 20px; HEIGHT: 0px;}</style><p><div style="position:absolute;right:0px;top:1px;width:66px;height:31px;"><a href="myspace.com/whatthefuck__xicons ">soundproof</a>

05. wave links on mouseover
<br /><style type="text/css">A:hover {FILTER: Wave(strength=2); HEIGHT: 0px;}</style><p><div style="position:absolute;right:0px;top:1px;width:66px;height:31px;"><a href="myspace.com/whatthefuck__xicons ">soundproof</a>

06. make links UPPERCASE on mouseover
<br /><style type="text/css">A:hover {TEXT-TRANSFORM: uppercase;}</style><p><div style="position:absolute;right:0px;top:1px;width:66px;height:31px;"><a href="myspace.com/whatthefuck__xicons ">soundproof</a>

07. make links lowercase on mouseover
<br /><style type="text/css">A:hover {text-transform:lowercase;}</style><p><div style="position:absolute;right:0px;top:1px;width:66px;height:31px;"><a href="myspace.com/whatthefuck__xicons ">soundproof</a>

08. invert colors of links on mouseover
<br /><style type="text/css">A:hover {FILTER: invert(); HEIGHT: 0px;}</style><p><div style="position:absolute;right:0px;top:1px;width:66px;height:31px;"><a href="myspace.com/whatthefuck__xicons ">soundproof</a>

09. gray links on mouseover
<br /><style type="text/css">A:hover {FILTER: gray(); HEIGHT: 0px;}</style><p><div style="position:absolute;right:0px;top:1px;width:66px;height:31px;"><a href="myspace.com/whatthefuck__xicons ">soundproof</a>

10. make the font of the links change on mouseover
<br /><style type="text/css">A:hover {font-size: 14px; color: COLOR; line-height: 14px; font-family: FONT NAME; letter-spacing: 1px; background-color: COLOR; text-decoration: none;}</style><p><div style="position:absolute;right:0px;top:1px;width:66px;height:31px;"><a href="myspace.com/whatthefuck__xicons ">soundproof</a>

content