Layout Tutorial!
Okay, so many people have been asking me how to make a layout.
So here's a tutorial.
If you have any problems or are confused. Just tell me.
(The color of the word means that's that part of the code)
This is the code for the layout:
<div style="margin: 0pt auto; background-image: url(http://i25.tinypic.com/11bm4oo.jpg); width: 600px; height: 700px; text-align: center;">
<div style="overflow: auto; position: relative; top: 205px; left: 0px; width: 255px; height: 105px; text-align: left;"><span style="color: rgb(255, 255, 255);">Scroll Name Here.<br />
</span></div>
</div>
1. This is the code that you use for the basic outline and background of your layout.
You can change the width, height, and the background.
*You can find a background at photobucket.com or tinypic.com. But make sure you use the DIRECT LINK or the LINK FOR LAYOUTS*
*Or you can use any program that let's you edit pictures and then upload it to one of the above websites.*
<div style="margin: 0pt auto; background-image: url(http://i25.tinypic.com/11bm4oo.jpg); width: 600px; height: 700px; text-align: center;">
Stuff Goes in Here.
</div>
2.This is the scroll box.
You can change the location, width, height, text alignment, and color.
*There are more things to do, like borders, but I'm just doing the basics.*
<div style="overflow: auto; position: relative; top: 245px; left: 50px; width: 255px; height: 105px; text-align: left;"><span style="color: rgb(255, 255, 255);">Scroll Name And Text Here.<br />
</span></div>
**You can also copy and paste this to make more than one scroll box.**
3. Put the code together,
<div style="margin: 0pt auto; background-image: url(http://i25.tinypic.com/11bm4oo.jpg); width: 600px; height: 700px; text-align: center;">
<div style="overflow: auto; position: relative; top: 205px; left: 0px; width: 255px; height: 105px; text-align: left;"><span style="color: rgb(255, 255, 255);">Scroll Name Here.<br />
</span></div>
</div>
And there's your layout.