Advanced Editing Your Myspace page
What you will learn.
Aligning all text on your page
Hidden text appearing on mouse over
Adding scrolling text to the top of your page
Scrolling Text Areas
Hopefully
if you’ve read the other tutorials, or if you’re already
familiar with the basics of adding code to Myspace, you’ll want
to start doing to some more advanced stuff to your profile. The
following tutorial will take you through some of the more advanced
edits you can make to your Myspace.
Aligning all text on your page is a separate option to using the <div align> command. Copy and paste the code below and add it to your About Me section. Change the center to right if you want it to appear on the right.
<style>td{text-align:center} </style>
Having hidden text appear on mouse over is a cool feature that uses css code to display text anywhere you want on your page when the mouse is rolled over something. Changing the top and left attributes in the code will move it to where you want it to appear on the page.
<center><style>a
span{display:none;}
a:hover span {display:
block;
position:absolute;
top:XXXpx;
left:
XXXpx;
width:
150px;
height:
150px;
padding:
0px;
margin:
10px;
z-index:6;
background-color:transparent;
}
</style>
<a
href="http://your_url.com">Visible
Text Here<span>Invisible
text here</span></a>
Adding scrolling text to the top of your page can be pretty cool if you want to add something to the top of your page. Copy this into your About Me section.
<style>
.marquee
{
position:absolute;
width:800px;
height:50px;
left:50%;
top:150px;
margin-left:-400px;
font-size:50px;
}
</style>
<div class="marquee"><marquee direction="LEFT" width="100%" scrollamount="30">TEXT HERE </marquee></div>
Scrolling
text areas can keep your Myspace nice and neat and prevents it
from overflowing or becoming unreadable. Copy and paste the following
code where you want your scrollable box to appear:
<div style=" background-color: COLOR; height: XXXpx; width: XXXpx; overflow: auto; ">
Type
your text here.
</div>
Width: XXXpx; This is the width of the box which you can set.
Height: XXXpx; This is the height of your box which you can set.
Background-color: color; This is your background color. You can edit this with either color names or a hex code.