[x__zombiex]

Yuppp, tittle explains all. There have been quite a few topics on media box's concerning HTML coding in the bugs/forum section of the support forum, so I decided to make it a bit easier for thoose who lack the knowledge of hypertext markup language. ;D

Basic Codes:

Line Space [Just like if you pressed the enter button on your keyboard:

<br>

Image:

<img src="IMAGEURLHERE">

You can find image URLs on photobucket under an images 'Direct Link'

Center:

<center>TEXT/IMAGES GO HERE</center>

Align text to the left:

<div align="left"> TEXT/IMAGES GO HERE</div>

Align text to the right:

<div align="right"> TEXT/IMAGES GO HERE </div>

Divider:

<hr>

Custom Divider:

<hr color="COLOR HERE" height="2" width="50%">

where it says color here, add a color. For the height choose 1-10. For the width choose 1% - 100%
To find a color, I recommend going to color chart @ Gotomy.com
And make sure you use the color code's, not the names of the color.

Change the font:

<font face=FONT NAME HERE>text</font>

Change font Size:

<font size="SIZE HERE">text</font>

Change font color:

<font color="COLOR HERE">text</font>

To find a color, I recommend going to color chart @ Gotomy.com
And make sure you use the color code's, not the names of the color.

Bold your text:

<b>TEXT GOES HERE</b>

Underline your text:

<u>TEXT GOES HERE</u>

Make your text Italic:

<i>TEXT GOES HERE</i>

Line through text:

<s>TEXT GOES HERE</s>

Background:

<style>body{
background-image:url("URL OF THE IMAGE HRE");
background-repeat: repeat;
background-attchment:fixed;
background-position:center;}</style>

I recomend looking for backgrounds on photobucket, as instead of searching on google.
I have some backgrounds you can use in my Photobucket here:
x__zombiex/Backgrounds - Photobucket - Video and Image Hosting

Music Codes:

There are two sites I recomend using for music, youtube.com or playlist.com

For Youtube:
1)Find video containing song you want [you can only have one song using youtube]
2)Get code
3)Paste code in media box

If you want to have your youtube music player to autoplay and be 'invisable', follow these instructions:

After you get the code, paste it somewhere where you can see the full code,

ex:

<object width="425" height="344"><param name="movie" value="http://www.youtube.com/v/aYVth4_r1xw&hl=en&fs=1"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/aYVth4_r1xw&hl=en&fs=1" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="425" height="344"></embed></object>

Now make the following changes to your code:

<object width="1" height="1"><param name="movie" value="http://www.youtube.com/v/aYVth4_r1xw&hl=en&fs=1"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/aYVth4_r1xw&hl=en&fs=1" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="1" height="1"></embed></object>

So now its 'invisable, but doesnt autoplay, add the following to the end of the URL's within the code:

<object width="1" height="1"><param name="movie" value="http://www.youtube.com/v/aYVth4_r1xw&hl=en&fs=1&autoplay=1"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/aYVth4_r1xw&hl=en&fs=1&autoplay=1" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="1" height="1"></embed></object>

Now, put your youtube code in your media box and save!

For playlist.com:

1)Get your playlist put together with the songs you want on it
2)Get the code for it, when it has the choices, click choice E [Get code for any other site blahblahblah]
3)Choose which playlist you want
4)When the choices for randomize, autostart, and color come up, choose autostart, and if you want, randomize [I recomend choosing randomize] , keep the color black because it does'nt matter what color it is If you can see it. (;
5)Copy the code and paste it somewhere where you can see the full code.

So now we have this:

<div style="text-align: center; margin-left: auto; visibility:visible; margin-right: auto; width:450px;"><embed style="width:435px; visibility:visible; height:270px;" allowScriptAccess="never" src="http://www.profileplaylist.net/mc/mp3player-othersite.swf?config=http://www.profileplaylist.net/mc/config/config_black_shuffle.xml&mywidth=435&myheight=270& playlist_url=http://www.profileplaylist.net/loadplaylist.php?playlist=45352217" menu="false" quality="high" width="435" height="270" name="mp3player" wmode="transparent" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" border="0"/><BR><a href=http://www.profileplaylist.net><img src=http://www.profileplaylist.net/mc/images/create_black.jpg border=0></a><a href=http://www.profileplaylist.net/standalone/45352217 target=_blank><img src=http://www.profileplaylist.net/mc/images/launch_black.jpg border=0></a><a href=http://www.profileplaylist.net/download/45352217><img src=http://www.profileplaylist.net/mc/images/get_black.jpg border=0></a> </div>

Get rid of the part of the code I bolded:

<div style="text-align: center; margin-left: auto; visibility:visible; margin-right: auto; width:450px;"><embed style="width:435px; visibility:visible; height:270px;" allowScriptAccess="never" src="http://www.profileplaylist.net/mc/mp3player-othersite.swf?config=http://www.profileplaylist.net/mc/config/config_black_shuffle.xml&mywidth=435&myheight=270& playlist_url=http://www.profileplaylist.net/loadplaylist.php?playlist=45352217" menu="false" quality="high" width="435" height="270" name="mp3player" wmode="transparent" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" border="0"/><BR><a href=http://www.profileplaylist.net><img src=http://www.profileplaylist.net/mc/images/create_black.jpg border=0></a><a href=http://www.profileplaylist.net/standalone/45352217 target=_blank><img src=http://www.profileplaylist.net/mc/images/launch_black.jpg border=0></a><a href=http://www.profileplaylist.net/download/45352217><img src=http://www.profileplaylist.net/mc/images/get_black.jpg border=0></a> </div>

So erase everything from '<BR>' down.

Now that that's gone, erase every thing from 'embeded style....' up.

<div style="text-align: center; margin-left: auto; visibility:visible; margin-right: auto; width:450px;"><embed style="width:435px; visibility:visible; height:270px;" allowScriptAccess="never" src="http://www.profileplaylist.net/mc/mp3player-othersite.swf?config=http://www.profileplaylist.net/mc/config/config_black_shuffle.xml&mywidth=435&myheight=270& playlist_url=http://www.profileplaylist.net/loadplaylist.php?playlist=45352217" menu="false" quality="high" width="435" height="270" name="mp3player" wmode="transparent" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" border="0"/>
Now we have this:
<embed style="width:435px; visibility:visible; height:270px;" allowScriptAccess="never" src="http://www.profileplaylist.net/mc/mp3player-othersite.swf?config=http://www.profileplaylist.net/mc/config/config_black_shuffle.xml&mywidth=435&myheight=270& playlist_url=http://www.profileplaylist.net/loadplaylist.php?playlist=45352217" menu="false" quality="high" width="435" height="270" name="mp3player" wmode="transparent" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" border="0"/>

Now to make it invisable, change the bolded numbers to '1'

<embed style="width:435px; visibility:visible; height:270px;" allowScriptAccess="never" src="http://www.profileplaylist.net/mc/mp3player-othersite.swf?config=http://www.profileplaylist.net/mc/config/config_black_shuffle.xml&mywidth=435&myheight=270& playlist_url=http://www.profileplaylist.net/loadplaylist.php?playlist=45352217" menu="false" quality="high" width="435" height="270" name="mp3player" wmode="transparent" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" border="0"/>

So our final product is:


<embed style="width:1px; visibility:visible; height:1px;" allowScriptAccess="never" src="http://www.profileplaylist.net/mc/mp3player-othersite.swf?config=http://www.profileplaylist.net/mc/config/config_black_shuffle.xml&mywidth=435&myheight=270& playlist_url=http://www.profileplaylist.net/loadplaylist.php?playlist=45352217" menu="false" quality="high" width="1" height="1" name="mp3player" wmode="transparent" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" border="0"/>

Now paste your code in your media box and save!


----------------------

If you have any extended questions, or recomend me putting another code up, make sure you reply saying that!

Also, comments are greatly appreciated. (:

[kamikaze1900666]

Just to add a few html commands-

To add a link to another site:

<a href="ADDRESS OF THE WEBSITE GOES HERE.COM"> TEXT/IMAGES  GO HERE </a>

To center images/text:

<div align="center"> TEXT/IMAGES GO HERE </div>

Tables are a fun war to organize things in your media box (I use one to show off the Meez I've made in the past).
Here's the format for a table:

<table><tr><td>Table row one, cell one</td><td>row one cell two</td></tr>
       <tr><td>Row two, cell one</td>      <td>row two, cell two</td></tr></table>

<table> starts the entire table
<tr> Makes a new row
<td> Makes a new table cell
</td> Ends the table cell
</tr> Ends the current row
</table> ends the entire table

You can put links, text and images in table cells (the way I used it was making a table row of two of my meez,
then the next row for two lines of text to describe them, repeating it for several rows)

[x__zombiex]

Ah, thanks for that, kam!
i always wondered how you did that. (;

[xhottblondix]

Gee thanks!
yewr finger must have been very sore.
//rubs your fingers.
bettaa?

[rawr-babeh]

Thanks.
i have been looking for these.

[steriod_gurl]

Whow hey thx =3

[x__zombiex]

xhottblondix wrote: gee thanks! yewr finger must have been very sore. //rubs your fingers. bettaa?

nahhh, after making DIV layouts, this is nothing. (;

@rawr&Steroid: No Problem. (:

[screamosux]

@_@ wow, this will help me with a bunch of other sites too xD

Thanks much!

[x__zombiex]

No problem. ;D

[mizzdiamonds987]

Great tutorial Zombie!