This is a layout Tutorial for the awesome people that wanted to know how to make them.
(InterestingIsabel )(loveyualways)
LHEGGO.
First, you get the picture you want. (obviously) then, you can edit it, and put boxes on it, or whatever you want for the text. (I put boxes). Then upload it to photobucket.com, and copy the html code. After doing that, go to 'edit profile', and paste the code. After doing that, you need scrollboxes still, right? right. I'll break down the scrollboxes for ya'.
<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>
That, is the code for a scrollbox. You're gonna want it to match up on your picture, so you gotta move it, and scale it to the size you want.
<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>
The orange number represents the height of your scrollbox. If you want to move it upwards, you lower the number. (Example: change the 67 to 9), and if you want it to move downwards, you make the number bigger.
-TIP- ; to get it to the height you want, you will often have to go into negative numbers.
<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>
The teal number can make the box move sideways. If I change the 348 to 400, the box will move right. If i change the 348 to 300, it will move left.
<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>
The purple number will change the WIDTH of the box. If you make the number bigger, the box will get wider (THE RIGHT SIDE WILL MOVE OUTWARD)
If you make the number smaller, the box will get less wide, (THE RIGHT SIDE WILL MOVE INWARD)
<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>
The dark blue number will change the HEIGHT of the scrollbox. If you make the number bigger, the scrollbox will get taller. If you make the number smaller, the scrollbox will get shorter.
-TIP- no matter how tall or short you make the scrollbox, don't worry, it will never move. the top will always stay in the same spot, the only thing to move, is the bottom.
The scrollbox code(s) just needs to be pasted underneath the code for the Picture
Thats it!(:
I hope I didn't confuse you, and if you have any questions, feel free to comment me.
VISIT MY WEBSITE(: http://ic3yh0tlayouts.weebly.com/ , you can use any of my layouts, or just request one if you wish.