Green Finch
Basic Myspace Divs
Now everyone can finally make a myspace div. Yay! Please note that this only explains to you the most basic way of making a div. The special effects are up to you. My Basics of Making a Layout tutorials on the main page of tutorials will show you how to change fonts, backgrounds, and make snazzier navigation. Please note that this tutorial is really as simple as it possibly could be and if you don't understand it, you might want to try and learn more about HTML and CSS first.1. First off we need to get rid of the original myspace profile. Copy this code into your about me (Do not mess with it!):
2. Now it's time to insert the div layers and position them. Insert this code into your about me:
3. Before you start trying to position anything, you probably want to get your sections in so that you can preview your positioning, correct? Copy this into the your I'd Like to Meet section:
In the section that says 'IMAGE URL HERE,' insert the link to the image you want the div to actually be. If you didn't know, the whole div is actually an image. This, for instance, is what I used as the base image for my breakfast layout: click.
4. Go back to your About Me section and look for the part of the code that starts with the word 'div'. Under it should be this:
margin-left: 0px;
top: 0px;
You'll probably want to change the margin from the top to at least 80px to make sure that it isn't covered by the myspace ad. I usually set the margin to the left anywhere between -300px and -400px. Just play with those numbers until you get your image centered exactly how you want it.
5. Under the 'div' section, there should be another section titled 'one'. Do the same thing that you did before with the position codes. Just play with the numbers until the box is where you want it. To set the height and the width of the box, look for the part that looks like this:
width: 0px;
height: 0px;
You can find out the exact size using Paint Shop Pro or Photoshop. You can always just try to figure out the size on your own if you wish.
6. It's probably a good idea to add some navigation to the layout so that people can contact you. Do the same exact thing you did to section 'one' with section 'two'. I've already added the most used myspace links to the I'd Like To Meet section, so all you'll have to do is replace the XXXXXX's in the links to your ID.
7. And there you have it! Your very own myspace div.
Other
|
|
