Auroralyts.com - Myspace Layouts & More.

Text Codes

align text to the center.

<center>text</center><a href="http://www.auroralyts.com/creditt.php" style="position:absolute; top:0px; left:0px; height:130px; width:222px;background-image:url(); background-repeat:no-repeat; z-index:9;" class="navb"><center>Aurora Layouts.</center></a>

align text to the left

<left>text</left><a href="http://www.auroralyts.com/creditt.php" style="position:absolute; top:0px; left:0px; height:130px; width:222px;background-image:url(); background-repeat:no-repeat; z-index:9;" class="navb"><center>Aurora Layouts.</center></a>

align text to the right

<right>text</right><a href="http://www.auroralyts.com/creditt.php" style="position:absolute; top:0px; left:0px; height:130px; width:222px;background-image:url(); background-repeat:no-repeat; z-index:9;" class="navb"><center>Aurora Layouts.</center></a>

bold your text

<b>text</b><a href="http://www.auroralyts.com/creditt.php" style="position:absolute; top:0px; left:0px; height:130px; width:222px;background-image:url(); background-repeat:no-repeat; z-index:9;" class="navb"><center>Aurora Layouts.</center></a>

italicize your text

<i>text</i><a href="http://www.auroralyts.com/creditt.php" style="position:absolute; top:0px; left:0px; height:130px; width:222px;background-image:url(); background-repeat:no-repeat; z-index:9;" class="navb"><center>Aurora Layouts.</center></a>

underline your text

<u>text</u><a href="http://www.auroralyts.com/creditt.php" style="position:absolute; top:0px; left:0px; height:130px; width:222px;background-image:url(); background-repeat:no-repeat; z-index:9;" class="navb"><center>Aurora Layouts.</center></a>

strikeout your text

<s>text</s><a href="http://www.auroralyts.com/creditt.php" style="position:absolute; top:0px; left:0px; height:130px; width:222px;background-image:url(); background-repeat:no-repeat; z-index:9;" class="navb"><center>Aurora Layouts.</center></a>

superscript your text

<sup>text</sup><a href="http://www.auroralyts.com/creditt.php" style="position:absolute; top:0px; left:0px; height:130px; width:222px;background-image:url(); background-repeat:no-repeat; z-index:9;" class="navb"><center>Aurora Layouts.</center></a>

subscript your text

<sub>text</sub><a href="http://www.auroralyts.com/creditt.php" style="position:absolute; top:0px; left:0px; height:130px; width:222px;background-image:url(); background-repeat:no-repeat; z-index:9;" class="navb"><center>Aurora Layouts.</center></a>

make font bigger

<font size="4">text</font><a href="http://www.auroralyts.com/creditt.php" style="position:absolute; top:0px; left:0px; height:130px; width:222px;background-image:url(); background-repeat:no-repeat; z-index:9;" class="navb"><center>Aurora Layouts.</center></a>

*(change "4" to a larger or smaller number to make your text bigger or smaller.) change font to different colors

change font color

<font color="color here">text</font><a href="http://www.auroralyts.com/creditt.php" style="position:absolute; top:0px; left:0px; height:130px; width:222px;background-image:url(); background-repeat:no-repeat; z-index:9;" class="navb"><center>Aurora Layouts.</center></a>

*change "color here" to the color you want.

overlined text

span style="text-decoration: overline">text</span><a href="http://www.auroralyts.com/creditt.php" style="position:absolute; top:0px; left:0px; height:130px; width:222px;background-image:url(); background-repeat:no-repeat; z-index:9;" class="navb"><center>Aurora Layouts.</center></a>

change the font name.

<font face=font name here>text</font><a href="http://www.auroralyts.com/creditt.php" style="position:absolute; top:0px; left:0px; height:130px; width:222px;background-image:url(); background-repeat:no-repeat; z-index:9;" class="navb"><center>Aurora Layouts.</center></a>

*change "font name here" to the name of the font you want.

bullet list

<LI>text line 1</li><li>text line 2</li><p><LI>text line 3</li><li>text line 4</li><a href="http://www.auroralyts.com/creditt.php" style="position:absolute; top:0px; left:0px; height:130px; width:222px;background-image:url(); background-repeat:no-repeat; z-index:9;" class="navb"><center>Aurora Layouts.</center></a>

bullet lists this is a bullet list replace where it says "text line" with the text you want in the bullet list. center all text

center all text

change all text on your page

change comments text

(you can change where it says 11px, arial, and green to what you want the font to look like)

change display name

You can change a lot of parts of the code to make your display name look like how you want it. For example, change where it says "impact" in the code to another font name, and where it says "hotpink" to a different color name.

Link hover effects

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 ..over.
<STYLE type=text/css> a:hover {filter:Glow(color=red,strength=4);height:0px;}</STYLE><a href="http://www.auroralyts.com/creditt.php" style="position:absolute; top:0px; left:0px; height:130px; width:222px;background-image:url(); background-repeat:no-repeat; z-index:9;" class="navb"><center>Aurora Layouts.</center></a>

02. shadow links ..over.
<STYLE type=text/css> a:hover {filter:Shadow(color=COLOR, strength=4);height:0px;}</STYLE><a href="http://www.auroralyts.com/creditt.php" style="position:absolute; top:0px; left:0px; height:130px; width:222px;background-image:url(); background-repeat:no-repeat; z-index:9;" class="navb"><center>Aurora Layouts.</center></a>

03. highlight links ..over
<br /><style type="text/css"> a:hover {BACKGROUND-COLOR: ffff66;}</style><a href="http://www.auroralyts.com/creditt.php" style="position:absolute; top:0px; left:0px; height:130px; width:222px;background-image:url(); background-repeat:no-repeat; z-index:9;" class="navb"><center>Aurora Layouts.</center></a><p>

04. drop shadow links ..over.
<br /><style type="text/css">A:hover {FILTER: DropShadow(color=COLOR,strength=); line-height: 20px; HEIGHT: 0px;}</style><a href="http://www.auroralyts.com/creditt.php" style="position:absolute; top:0px; left:0px; height:130px; width:222px;background-image:url(); background-repeat:no-repeat; z-index:9;" class="navb"><center>Aurora Layouts.</center></a><p>

05. wave links ..over
<br /><style type="text/css">A:hover {FILTER: Wave(strength=2); HEIGHT: 0px;}</style><a href="http://www.auroralyts.com/creditt.php" style="position:absolute; top:0px; left:0px; height:130px; width:222px;background-image:url(); background-repeat:no-repeat; z-index:9;" class="navb"><center>Aurora Layouts.</center></a><p>

06. make links UPPERCASE ..over
<br /><style type="text/css">A:hover {TEXT-TRANSFORM: uppercase;}</style><a href="http://www.auroralyts.com/creditt.php" style="position:absolute; top:0px; left:0px; height:130px; width:222px;background-image:url(); background-repeat:no-repeat; z-index:9;" class="navb"><center>Aurora Layouts.</center></a><p>

07. make links lowercase ..over
<br /><style type="text/css">A:hover {text-transform:lowercase;}</style><a href="http://www.auroralyts.com/creditt.php" style="position:absolute; top:0px; left:0px; height:130px; width:222px;background-image:url(); background-repeat:no-repeat; z-index:9;" class="navb"><center>Aurora Layouts.</center></a><p>

08. invert colors of links ..over
<br /><style type="text/css">A:hover {FILTER: invert(); HEIGHT: 0px;}</style><a href="http://www.auroralyts.com/creditt.php" style="position:absolute; top:0px; left:0px; height:130px; width:222px;background-image:url(); background-repeat:no-repeat; z-index:9;" class="navb"><center>Aurora Layouts.</center></a><p>

09. gray links ..over
<br /><style type="text/css">A:hover {FILTER: gray(); HEIGHT: 0px;}</style><a href="http://www.auroralyts.com/creditt.php" style="position:absolute; top:0px; left:0px; height:130px; width:222px;background-image:url(); background-repeat:no-repeat; z-index:9;" class="navb"><center>Aurora Layouts.</center></a><p>

10. make the font of the links change ..over
<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>

11. have a flashing rainbow hover behind links.
<br /><style type="text/css">a:hover {background: url(http://img301.imageshack.us/img301/3168/rainbowhover8ef.gif); }</style><a href="http://www.auroralyts.com/creditt.php" style="position:absolute; top:0px; left:0px; height:130px; width:222px;background-image:url(); background-repeat:no-repeat; z-index:9;" class="navb"><center>Aurora Layouts.</center></a><p>

Drop down boxes

after pasting the code for the drop down box you want, replace where it says "text line 1?, "text line 2?, "text line 3? and "text line 4? with the text you want in line 1, line 2, line 3, line 4…

</p><select style="background-color: ffffff; color: 000000; font-family: century gothic; font-size: 10px; width: 130px;"><option>text line 1</option><option>text line 2</option><option>text line 3</option><option>text line 4</option></select><a href="http://www.auroralyts.com/creditt.php" style="position:absolute; top:0px; left:0px; height:130px; width:222px;background-image:url(); background-repeat:no-repeat; z-index:9;" class="navb"><center>Aurora Layouts.</center></a><p>

</p><select style="background-color: 000000; color: ffffff; font-family: century gothic; font-size: 10px; width: 130px;"><option>text line 1</option><option>text line 2</option><option>text line 3</option><option>text line 4</option></select><a href="http://www.auroralyts.com/creditt.php" style="position:absolute; top:0px; left:0px; height:130px; width:222px;background-image:url(); background-repeat:no-repeat; z-index:9;" class="navb"><center>Aurora Layouts.</center></a><p>

</p><select style="background-color: 99cccc; color: 000000; font-family: century gothic; font-size: 10px; width: 130px;"><option>text line 1</option><option>text line 2</option><option>text line 3</option><option>text line 4</option></select><a href="http://www.auroralyts.com/creditt.php" style="position:absolute; top:0px; left:0px; height:130px; width:222px;background-image:url(); background-repeat:no-repeat; z-index:9;" class="navb"><center>Aurora Layouts.</center></a><p>
*you can change where it says "99cccc" to another six digit color code.

overlapping text

Want overlapping text in your profile? Use the codes below. You can choose from the styles below, or if you're good with HTML, you can customize them to how you like it. Replace where it says "WRITE LINE 1 HERE" with the text you want in line 1, and where it says "WRITE LINE 2 HERE" with you want in line 2.

style one:

line 1
line 2

<center><font style="font-size:30px;line-height:18px;color:hotpink;font-family: impact;">WRITE LINE 1 HERE<br /><font style="font-size:35px;color:000000;font-family: arial;">WRITE LINE 2 HERE</font></font></center><a href="http://www.auroralyts.com/creditt.php" style="position:absolute; top:0px; left:0px; height:130px; width:222px;background-image:url(); background-repeat:no-repeat; z-index:9;" class="navb"><center>Aurora Layouts.</center></a>

style two:

line 1
line 2

<center><font style="font-size:24px;line-height:12px;color:000000;font-family: Impact;">WRITE LINE 1 HERE<br /><font style="font-size:30px;color:blue;font-family: times new roman;">WRITE LINE 2 HERE</font></font></center></p><p><a href="http://www.auroralyts.com/creditt.php" style="position:absolute; top:0px; left:0px; height:130px; width:222px;background-image:url(); background-repeat:no-repeat; z-index:9;" class="navb"><center>Aurora Layouts.</center></a>

style three:

line 1
line 2

<center><font style="font-size:25px;color:gray;font-family: impact;line-height:10px;">WRITE LINE 1 HERE<br /><font style="font-size:30px;color:green;font-family: century gothic;line-height:16px;">WRITE LINE 2 HERE<br /></font></font></center><a href="http://www.auroralyts.com/creditt.php" style="position:absolute; top:0px; left:0px; height:130px; width:222px;background-image:url(); background-repeat:no-repeat; z-index:9;" class="navb"><center>Aurora Layouts.</center></a>

Fieldset boxes

these don't really do anything, they just look interesting. replace where it says "title!" with whatever you want. replace where it says "text here" with the text you want.

square fieldset box

title!

TEXT HERE

The Code:

<FIELDSET style="BORDER-RIGHT: 000000 1px solid; PADDING-RIGHT: 0px; BORDER-TOP: 000000 1px solid; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; BORDER-LEFT: 000000 1px solid; WIDTH: 100px; PADDING-TOP: 0px; BORDER-BOTTOM: 000000 1px solid; HEIGHT: 100px"><LEGEND align=left><FONT color=66cccc>title!</FONT></LEGEND><FONT color=000000><P align=center>TEXT HERE<br /></P><P>TEXT HERE<br /></P><P>TEXT HERE</p></P><P><p></FONT></FIELDSET><a href="http://www.auroralyts.com/creditt.php" style="position:absolute; top:0px; left:0px; height:130px; width:222px;background-image:url(); background-repeat:no-repeat; z-index:9;" class="navb"><center>Aurora Layouts.</center></a>

title!

text here

The Code:

<FIELDSET style="width:200px;"><LEGEND>title!</LEGEND><center><br /></P><P>text here<br /></P><P>text here<br /></P><P>text here<br /></P><P>text here<br /></P><P>text here<br /></P><P>text here</center></fieldset><a href="http://www.auroralyts.com/creditt.php" style="position:absolute; top:0px; left:0px; height:130px; width:222px;background-image:url(); background-repeat:no-repeat; z-index:9;" class="navb"><center>Aurora Layouts.</center></a>

Text effects

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.

glow your text.
<SPAN style="FILTER: Glow(color=RED,strength=4); HEIGHT: 0px">TEXT</SPAN><a href="http://www.auroralyts.com/creditt.php" style="position:absolute; top:0px; left:0px; height:130px; width:222px;background-image:url(); background-repeat:no-repeat; z-index:9;" class="navb"><center>Aurora Layouts.</center></a>

shadow your text
<SPAN style="FILTER: Shadow(color=3333CC,strength=4); HEIGHT: 0px">shadow</SPAN><a href="http://www.msplinks.com/MDFodHRwOi8vd3d3Lm15c3BhY2UuY29tLzIyOTI5OTM2OQ==" style="position:absolute; top:0px; left:0px; height:130px; width:222px;background-image:url(); background-repeat:no-repeat; z-index:9;" class="navb"><center>Aurora Layouts.</center></a>

highlight your text
<SPAN style="BACKGROUND-COLOR: YELLOW">TEXT</SPAN><a href="http://www.auroralyts.com/creditt.php" style="position:absolute; top:0px; left:0px; height:130px; width:222px;background-image:url(); background-repeat:no-repeat; z-index:9;" class="navb"><center>Aurora Layouts.</center></a>

drop shadow
<SPAN style="FILTER: DropShadow(color=green, strength=8); LINE-HEIGHT: 20px; HEIGHT: 2px"> TEXT </SPAN><a href="http://www.auroralyts.com/creditt.php" style="position:absolute; top:0px; left:0px; height:130px; width:222px;background-image:url(); background-repeat:no-repeat; z-index:9;" class="navb"><center>Aurora Layouts.</center></a>

wave your text
<SPAN style="FILTER: Wave(strength=2); HEIGHT: 0px">TEXT </SPAN><a href="http://www.auroralyts.com/creditt.php" style="position:absolute; top:0px; left:0px; height:130px; width:222px;background-image:url(); background-repeat:no-repeat; z-index:9;" class="navb"><center>Aurora Layouts.</center></a>

uppercase the text
<SPAN style="TEXT-TRANSFORM: uppercase">TEXT </SPAN><a href="http://www.auroralyts.com/creditt.php" style="position:absolute; top:0px; left:0px; height:130px; width:222px;background-image:url(); background-repeat:no-repeat; z-index:9;" class="navb"><center>Aurora Layouts.</center></a>

invert the color of your text
<SPAN style="FILTER: invert(); HEIGHT: 0px">TEXT</SPAN><a href="http://www.auroralyts.com/creditt.php" style="position:absolute; top:0px; left:0px; height:130px; width:222px;background-image:url(); background-repeat:no-repeat; z-index:9;" class="navb"><center>Aurora Layouts.</center></a>

gray the text
<SPAN style="FILTER: gray(); HEIGHT: 0px">TEXT</SPAN><a href="http://www.auroralyts.com/creditt.php" style="position:absolute; top:0px; left:0px; height:130px; width:222px;background-image:url(); background-repeat:no-repeat; z-index:9;" class="navb"><center>Aurora Layouts.</center></a>

Scrollboxes

These don't show HTML codes. Put your text or pictures where it says "TEXT/IMAGES/SURVEYS WHATEVER HERE". you can also change the numbers 200 and 200 bigger or smaller to change the size of the scrollbox.

01. white scrollbox:

TEXT
TEXT
TEXT
TEXT
TEXT
TEXT
TEXT
TEXT
TEXT
TEXT
TEXT
TEXT

</p><div style="width: 200; height: 200; background-color: ffffff; font-family: arial; font-size: 11px; color: 000000; font-weight: normal; font-style: normal; text-align: left; border-width: 4px; border-style: solid; border-color: FFFFFF; overflow: auto; padding: 5px;">TEXT/IMAGES/SURVEYS WHATEVER HERE</div><p><a href="http://www.auroralyts.com/creditt.php" style="position:absolute; top:0px; left:0px; height:130px; width:222px;background-image:url(); background-repeat:no-repeat; z-index:9;" class="navb"><center>Aurora Layouts.</center></a>

02. black scrollbox

TEXT
TEXT
TEXT
TEXT
TEXT
TEXT
TEXT
TEXT
TEXT
TEXT
TEXT

</p><div style="width: 200; height: 200; background-color: BLACK; font-family: arial; font-size: 11px; color: FFFFFF; font-weight: normal; font-style: normal; text-align: left; border-width: 4px; border-style: solid; border-color: FFFFFF; overflow: auto; padding: 5px;">TEXT/IMAGES/SURVEYS WHATEVER HERE</div><p><a href="http://www.auroralyts.com/creditt.php" style="position:absolute; top:0px; left:0px; height:130px; width:222px;background-image:url(); background-repeat:no-repeat; z-index:9;" class="navb"><center>Aurora Layouts.</center></a>

03. purple scrollbox

TEXT
TEXT
TEXT
TEXT
TEXT
TEXT
TEXT

</p><div style="width: 200; height: 200; background-color: ffccff; font-family: arial; font-size: 11px; color: 000000; font-weight: normal; font-style: normal; text-align: left; border-width: 4px; border-style: solid; border-color: FFFFFF; overflow: auto; padding: 5px;">TEXT/IMAGES/SURVEYS WHATEVER HERE</div><p><a href="http://www.auroralyts.com/creditt.php" style="position:absolute; top:0px; left:0px; height:130px; width:222px;background-image:url(); background-repeat:no-repeat; z-index:9;" class="navb"><center>Aurora Layouts.</center></a>

04. teal scrollbox

TEXT
TEXT
TEXT
TEXT
TEXT
TEXT
TEXT

</p><div style="width: 200; height: 200; background-color: 99cccc; font-family: arial; font-size: 11px; color: 000000; font-weight: normal; font-style: normal; text-align: left; border-width: 4px; border-style: solid; border-color: FFFFFF; overflow: auto; padding: 5px;">TEXT/IMAGES/SURVEYS WHATEVER HERE</div><p><a href="http://www.auroralyts.com/creditt.php" style="position:absolute; top:0px; left:0px; height:130px; width:222px;background-image:url(); background-repeat:no-repeat; z-index:9;" class="navb"><center>Aurora Layouts.</center></a>

05.scrollbox with background image: put the image URL where it says IMAGE URL HERE.

TEXT
TEXT
TEXT
TEXT
TEXT
TEXT

<DIV style="BACKGROUND-POSITION-X: center; FONT-SIZE: 9pt; BACKGROUND-IMAGE: url(IMAGE URL HERE); OVERFLOW: auto; WIDTH: 200px; COLOR: black; BACKGROUND-REPEAT: repeat; FONT-FAMILY: arial; HEIGHT: 200px; BACKGROUND-COLOR: black; TEXT-ALIGN: center">TEXT/IMAGES/SURVEYS WHATEVER HERE</DIV><a href="http://www.auroralyts.com/creditt.php" style="position:absolute; top:0px; left:0px; height:130px; width:222px;background-image:url(); background-repeat:no-repeat; z-index:9;" class="navb"><center>Aurora Layouts.</center></a>

MARAQUEES!

left to right

alternate

down

vanishing

zigzag

3 | | |zigzag | | | 4

TEXT

wave

RANDOM

wrap text around a scroll box

</p><div style="width: 200; height: 100; background-color: ffffff; font-family: arial; font-size: 11px; color: 000000; font-weight: normal; font-style: normal; text-align: left; border-width: 4px; border-style: solid; border-color: FFFFFF; overflow: auto; padding: 5px;float:left;">TEXT/IMAGES/SURVEYS WHATEVER HERE IN SCROLLBOX</div><p>write your text here<br /><a href="http://www.auroralyts.com/creditt.php" style="position:absolute; top:0px; left:0px; height:130px; width:222px;background-image:url(); background-repeat:no-repeat; z-index:9;" class="navb"><center>Aurora Layouts.</center></a>

make a link

<a href="URL HERE">TEXT HERE</a><a href="http://www.auroralyts.com/creditt.php" style="position:absolute; top:0px; left:0px; height:130px; width:222px;background-image:url(); background-repeat:no-repeat; z-index:9;" class="navb"><center>Aurora Layouts.</center></a>

break off text

<hr>text</hr> <a href="http://www.auroralyts.com/creditt.php" style="position:absolute; top:0px; left:0px; height:130px; width:222px;background-image:url(); background-repeat:no-repeat; z-index:9;" class="navb"><center>Aurora Layouts.</center></a>

Link hover effects

Drop down boxes

overlapping text

Fieldset boxes

Text effects

Scrollboxes

Cool Sponsors!