Revenge_is_Sweet_Love_xo

 

Layout Tutorial by All_Requests


Layouts are very hard to understand. 
I taught myself though by taking someones layout code and messing around with it. 
I will try to teach you but it could get confusing. 



Okay first, there are two basic codes you will need:


Background Code:
 
<div style="margin: 0pt auto; background-image: url(place your background url here); width: 600px; height: 800px; text-align: center;">


Okay so save your background picture to a website like photobucket or tinypic.  Place the url where it says in the code. Chane the height and the width to the size of your background.  Be sure your background is 600 or less wide cause that is the maximum width.

Scroll Box Code:

<div style="overflow: auto; position: relative; top: 67px; left: 348px; width: 234px; height: 190px; text-align: left;"><span style="color: rgb(0, 0, 0);">Scroll Box 1<br /></span></div>


Place that code in the source as well. That is the scroll box.  Click in the scroll box and click enter until the bar  on the side shows up.  Go back into the code and change these numbers (leave the px):


position: relative; top: 67px;
that number changes the position of the box up or down on the backgroundleft: 348px;
changes the position from the left over

width: 234px;

changes the width of the box

height: 190px;
changes the height