 |
Adding
a scroll box to interest area
*Change
the red bolded entries to meet your needs
Before you begin...
If you do not want to have a background
color and have a transparent box, just input transparent as
the color. Want a different border style? Just dd one of the
following; Outset, Inset, Dotted, Dashed, Double, Ridge or Groove.
At the start of the section you want the scroll bar
in, you need to put this codes:
<div style="overflow:auto;width:200;height:200;
color:silver; font-size:9pt;
font-weight:bold; font-family:arial;
background-color:black;
border: 2px solid silver;">Text
or Image</div>
Example:
Your
text here Your text here Your text here
Your text here
Your text here Your text
here Your text here
Your text here
Your text here Your text
here Your text here
Your text here
Your text here Your text here
Your text here Your text
here Your text here
Your text here
Your text here Your text
here Your text here
Your text here
Your text here Your text
here Your text here
Your text here
Your text here Your text here
Your text here Your text
here Your
text here Your
text here Your
text here
Adding a dackground to
the scroll box
If you want to put a background image
in the div rather than just a background color, you can modify
it for that as well. You use the exact same coding as above just
add some more code to it.
<div style="overflow:auto;width:200;height:200;
color:silver; font-size:9pt;
font-weight:bold; font-family:arial;
text-align:center; background-color:black;
background-image: url(URL_OF_IMAGE);
background-position:center;
background-repeat:no-repeat;
border:2px solid
silver;">Text or Image</div>
Example:
Your
text Your text Your text Your text Your text Your text Your
text Your text Your text Your text Your text Your text Your
text Your text Your text Your text Your text Your text Your
text Your text Your text Your text Your text Your text Your
text Your text Your text Your text Your text Your text Your
text Your text Your text Your text Your text Your text Your
text Your text Your text Your text Your text Your text Your
text Your text Your text Your text Your text Your text Your
text Your text Your text Your text Your text Your text Your
text Your text Your text Your text Your text Your text Your
text Your text Your text Your text Your text Your text Your
text.
The background coding used is the same as
the background for your page, so you can change it how you want
as far as the no-repeat, center and background color goes!
Add Scroll To Friends Area
Another common question is, "How
to add a scroll bar to comments and friends area?" To do this,
go into your "Who I'd Like To Meet" section and at the end of
all your text/coding there, add this:
<div style="height:400;width:450px;overflow:auto"><table><tr><td><table><tr><td>
All you need to do is adjust the
width and height as you want. |
| |
|
| |
|
| |
|