Myspace Text Tweaks

Learn the basics of editing text

 

Editing text in Myspace requires a very basic knowledge of HTML. If you don’t even know what this is, do not worry, the purpose of this tutorial is to take you through the very basic html tags (commands) that will allow you to edit your text on your profile, or for when you make comments.

 

Please note that any html code you put into your profile will be hidden, however you will see it shown on this page to help you understand what to put.

 

The Strikethrough/Bold/Underlined/Italic commands

 

In all four cases here, you must place a tag at the beginning of the text you want formatted then its closing tag at the end,

e.g. <b> will make your text bold up to the point you type </b> which will stop the bold command.

 

Strikethrough <s></s> - will make your text have a strike through it

Bold <b></b> - will make your text bold

Italic <i></i> - will make your text italic

Underlined <u></u> - will make your text underlined

 

Adding new lines

 

While Myspace allows to use the enter key when you enter code into comments and your profile, if you’re wanting to break your lines up a bit in picture comments, then you are going to have to use the break tag.

 

Just simply type <br> at the beginning of where you want your text to appear on the line below. If you are after a new paragraph instead of just moving the text a line down, you can move it two lines down by typing <p>.

 

Editing the font

 

Editing font in Myspace is easy with the <font> tag. You can change the color, typeface and size with this.

 

So to change the…

 

…font size you type <font size=“your size here”>

…color you type <font color=”name of color”>

…typeface you type <font face=”name of font here”>

 

You can even combine all three of these into one tag so to change everything at once you can type

 

<font size=”3” color=”red” face=”courier new”>Then your text will go here followed by</font>

 

Note, you can also add hex codes for colors instead of their names. You can find a hex code chart at http://www.geefx.com/Basic_Codes_and_Charts/Color_Chart/.

 

Aligning your text

 

To align your text simply type <div align=””> with either left, centre or right in between the quotation marks.

e.g.

<div align=”center”>Centers your text </div>

<div align=”left”>Aligns it to the left </div>

<div align=”center”>Aligns it to the right </div>

Make Text Move (Marquees)

 

To create a basic marquee all you need is

 

<marquee>your text here</marquee>

 

From this you can develop and add extra commands to customize your marquee. Below is a list of extra tags you can add to the <marquee> to customize it

The Direction tag	<marquee direction=”left”>Going Left</marquee>   <marquee direction=”right”>Going Right</marquee>   <marquee direction=”up”>Going Up</marquee>   <marquee direction=”down”>Going Down</marquee>
The Behavior Tag	<marquee behavior=”alternate”>Left and right </marquee>
The Style Tag	<marquee style=”border:black 1px solid”>Creates a solid 1px border</marquee>   <marquee style=”background:red”>Creates a red background</marquee>
Other commands	<marquee behavior="alternate" direction="up" width="80%"><marquee direction="right">Zig  Zagging</marquee></marquee>

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

Links

 

To create a text link type

           

            <a href=”http://your_url_name.com”>The text that will have the link here</a>

 

You can also add links to pictures to

 

            <a href=http://your_url_name.com><img src=http://your_image_url_name.com></a>

 

Special Characters

 

            There are a whole varity of symbols that aren’t on your keyboard. Below is a list of them with their html code. Just simply copy and paste the html code where you want the character to appear

 

 

Center All Text On Your Page

 

It is possible to center all your text on your Myspace with one line of code. Copy and paste it below and add it to your About Me section.

 

<style>td{text-align:center} </style>

 

Invisible Text Appearing On Mouse Over

 

The following code will let you create a link that when you hover your mouse over it, some invislbe text will appear. Change the top and let attributes in the code to display the hidden text where you want.

           

<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>

 

Have Text Scroll At The Top Of Your Page

 

You can use the <div> tag to position a marquee anywhere on your page. Below is the code to display it at the top of your page, but I will include an in depth explanation so you can alter the script if you wish to display it anywhere.

 

Make sure to copy it 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>

 

width:800px; - This sets the width of the area the marquee will be displayed in to 800px

 

height:30px; - The height of the area the marquee will be displayed in

 

top:150px; - This is distance that the marquee is from the top margin of the page

 

left:50%; - Positions the start of the marquee 50% across the page

 

margin-left:-400px; - As the start of the marquee is 50% across the page you divide the width by two and

type it here with a negative sign to centre

 

font-size:50px; - This is the font size that will appear in the marquee. If you wish to edit the font yourself in the marquee with the <font> tag, then delete this.