Dare2Request

abcdefghijklmnopqrsuvwxyz.

Scroll Box



This box SCROLLS! 

How to use :
Copy into source, the put whatever you want in here.
You can change the width and height of this.


Code:
<div style="overflow: auto; position: relative; top: 5px; left: 5px; width: 590px; height: 200px; text-align: center;"></div>













 

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.

____i just want that one summer
                                       that will change my life.
that will be a perfect paradise                    
              the summer where i can fall in love
and meet that perfect guy                      
the summer i will always remember

abcdefghijklmnopqrstuvwxyz.
dare2request

abcdefghijklmnopqrstuvwxyz.
dare2request

This is an inset border!
Here's how you use it:
1. Copy the code into the source.
2. type your quote.
*Note: You can change the color of the dots and the background.
**Also the size.
(The underlined parts are the one's you can change :])
This is the code!:

This is a groove border!
Here's how you use it:
1. Copy the code into the source.
2. type your quote.
*Note: You can change the color of the dots and the background.
**Also the size.
(The underlined parts are the one's you can change :])
This is the code!:
<div style="border: 8px groove Black; margin: auto; overflow: auto; width: 400px; height: 230px; background-color: white; text-align: center;"><span style="font-size: small;"><span style="font-family: Arial;"><span style="color: rgb(0, 0, 0);"><br />
</span></span></span></div>

This is a dashed border!
Here's how you use it:
1. Copy the code into the source.
2. type your quote.
*Note: You can change the color of the dots and the background.
**Also the size.
(The underlined parts are the one's you can change :])
This is the code!:
<div style="border: 8px dashed Black; margin: auto; overflow: auto; width: 400px; height: 230px; background-color: white; text-align: center;"><span style="font-size: small;"><span style="font-family: Arial;"><span style="color: rgb(0, 0, 0);"><br />
</span></span></span></div>

This is a solid border!
Here's how you use it:
1. Copy the code into the source.
2. type your quote.
*Note: You can change the color of the dots and the background.
**Also the size.
(The underlined parts are the one's you can change :])
This is the code!:
<div style="border: 8px solid Black; margin: auto; overflow: auto; width: 400px; height: 230px; background-color: white; text-align: center;"><span style="font-size: small;"><span style="font-family: Arial;"><span style="color: rgb(0, 0, 0);"><br />
</span></span></span></div>