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.

Next Quote >

Layout Tutorial! Okay, so many people have been asking me how

424 faves · 83 comments · Aug 11, 2009 11:48am

MissyLizzie · 1 decade ago
http://w3schools.com/html/html_intro.asp

This should help. You're going to need a basic understanding of html and css before you can make layouts!
0 reply

flowers24 · 1 decade ago
im confused too. i copied & pasted the code into the place where you're supposed to write your quote but it was only the code. the scroll box didn't show up. can you PLEASE help me? Also, I keep seeing quotes that have really cool fonts and backgrounds. Can you please tell me how to do that? I'm new here so I don't really know how to use this website much lol :) I greatly appreciate any help! :)
0 reply

noura1099 · 1 decade ago
my brain hurts now
0 reply

art of hatred* · 1 decade ago
Wait. Whaa?
0 reply

thelayouts · 1 decade ago
I CAN HELP!!!!! If you want a layout making or you just want a cool layout and dont know where to get one, go to snapstormlayouts.weebly.com!!!
0 reply

Californiagirl61 · 1 decade ago
it didn't work :o
0 reply

of_mice_and_lucifer* · 1 decade ago
Im. so. confused.
0 reply

emily626 · 1 decade ago
My background didn't show up
0 reply

emily626 · 1 decade ago
Uh... Will you please help me?

0 reply

Cutie2946 · 1 decade ago
how do I put it on my profile???? Do I paste it in the about me box???
0 reply

mexismoo · 1 decade ago
i dont get it...
0 reply

Laura001 · 1 decade ago
Too confusing for my small brain to take in! lol :[ really need to make layouts for my website, wittyhelp.weebly.com but too confusing. ill leave it for another time! lol
0 reply