Help - Search - Members - Calendar
Full Version: not so much of a huge scroll...
Forums > Resource Center > Support Center > MySpace Support > Myspace Resolved Topics
KindLadyJigsaw
I didn't really know how to explain this, so forgive me for the title if it is misleading.

Myspace
There's my myspace and I was wondering how to make the page not scroll as much???
michellerrific
...As in no scrollbar on the page at all?
It would be great if you could post your layout code.
KindLadyJigsaw
Here's everything in the interests section.
CODE
</td></tr></table></td></tr></table></td></tr></table></div>
<style>
BASIC INSTRUCTIONS:
You can delete this section from the code if you don't need it, but it won't affect the looks of your profile in any way.

For every div class (.div1, .div2, etc) you will notice a lot of common properties. To move the layer, use:
** margin-top to move it up and down
** margin-left to  move it left and right

margin-left begins from the center of your page. If you set it to 0px, the top left corner of the div will be located in the center of the profile. If you want the layer in the center of your profile take the width of the div, divide it by 2, and multiply it by -1. (In other words, divide it by 2 and make it a negative number.) For example, your div is 400px wide. Give it a margin-left of -200px and the div layer will sit in the middle of the screen. Now, if you want to move it somewhere else, you will have to experiment with the position.

margin-top should be no less than 150px since anything above that may overlap the MySpace advertisment.

The rest is self explanatory, width for width,  height for height, colors and so on.

Style and Format:
The divs will automatically align everything to the center, in order to make the text and pictures aligned to right or left, look for "text-align:center;" and replace center with left, right, or justify.

If you want your comments to flow automatically rather than have them stuffed in a scroll box, look for the comments selector, named .comt {} inside .comt, you will fine overflow:auto; change auto to overflow:none;

To move the personal song player, look for the embed {}

To add a background image to each div (box), add this to your div selector:

background-image:url(URL to background);
background-position:center center;
background-repeat:repeat;
background-attachent:scroll;


Good Luck!

bbz Overlay Model Generator v0.5
bbzSpace dot com
</style>

<style type="text/css">
body {background-color:FFFFFF; background-image:url("http://img.photobucket.com/albums/v295/SpeedOverBeethoven/Blocks-1.jpg"); background-repeat:repeat; background-position:center center; background-attachment:fixed;}
td, .text, div, input {color:000000 !important;}
a {color:Red !important;} img {border:0px;}
table, tr, td {background:transparent; border:0px;}
img, .contactTable { display:none; }
.bbzContainer img, .comt img { display:inline; }
table div, td td td, table div div { visibility:hidden; }
font, a, .bbzsc a { visibility:hidden; }
marquee { visibility:visible !important; }

.bbzComment { This is where you control the position of the player. }
table table embed {display:block; width:202px; height:35px; ..; top:0px; left:0px; visibility:visible;}
table table table embed,  .bbzContainer div embed {position:static !important; width:auto; height:auto; }
.text, table table table table a,
table table table table div,table table table table div a {visibility:visible;}
.bbzComment { You selected to hide comments. }
.bbzsc { display:none; }
.text, td.text td.text table, .contactTable, .lightbluetext8 {display:none;}
table table, table table td {padding:0px; height:0px;}

.div1 {
background-color:FFFFFF; color:000000;
border:4px solid; border-color:333333;
width:250px; height:430px; overflow:auto;
..; z-index:2; left:50%; top:0%;
margin-left:-530px; margin-top:-100px; text-align:left;
visibility:visible;}

.div2 {
background-color:FFFFFF; color:000000;
border:4px solid; border-color:333333;
width:250px; height:430px; overflow:auto;
..; z-index:2; left:50%; top:0%;
margin-left:-20px; margin-top:-430px; text-align:center;
visibility:visible;}

.div3 {
background-color:FFFFFF; color:000000;
border:4px solid; border-color:333333;
width:230px; height:50px; overflow:auto;
position:absolute; z-index:2; left:50%; top:0%;
margin-left:133px; margin-top:170px;
visibility:visible;}

.div4 {
background-color:FFFFFF; color:000000;
border:4px solid; border-color:333333;
width:230px; height:160px; overflow:auto;
position:absolute; z-index:2; left:50%; top:0%;
margin-left:133px; margin-top:230px;
visibility:visible;}

.div5 {
background-color:FFFFFF; color:000000;
border:4px solid; border-color:333333;
width:230px; height:197px; overflow:auto;
position:absolute; z-index:2; left:50%; top:0%;
margin-left:133px; margin-top:400px;
visibility:visible;}


.bbzDiv {content:"Overlay Generator beta";}
</style>
<div style="display:none;"><table><tr><td><table><tr><td><table><tr><td>



And here's everything in the Music section.
CODE
</td></tr></table></td></tr></table></td></tr></table></div>

<div class="bbzContainer">
<div class="div1">
<center>Hi, my name is <B>Alare</b> (<I>uh-lar-ray</I>). You may also call me <b>Jezebel</b> or <b>Dahlia</b>!<BR>
I am <I>half biology and half corrective surgery gone wrong</I>.<hr/>

I'm <B>vain</b>, but not cocky. I'm <b>hyper</b>, but I can be totally mellow. I may be <b>stubborn</b>, but it doesn't mean I won't admit to my mistakes.<BR><BR>
I play the <b>violin</b> since I was about nine years old, it's my first love. I'm also a huge <b>DDR Freak</b>, I'm up for a challenge any day. I collect <b>Uglydolls</b>, they're the cutest! (Ha, oxymoron).<BR><BR>
I want to be a <b>SuicideGirl.</b> And I think <B>Dita Von Teese</b> is the most beautiful woman on this planet.<BR><BR>
My <b>biggest pet peeve</b> is when girls make out with other girls for attention and then call themselves bisexual.<BR>
<IMG SRC="http://i12.tinypic.com/470h9hx.jpg" height="100">
</div>

<div class="div2">
</div>

<div class="div3">
Nav
</div>

<div class="div4">
Interests
</div>

<div class="div5">
Pictures
</div>

<style type="text/css">
.frm2 {visibility:hidden;} .frm2 input {visibility:visible;} .bbzURL {content:"http://overlay.bbzspace.com";}
</style>
<div class="frm2"><table><tr><td><table><tr><td><table><tr><td><table><tr><td><table><tr><td>
This is a "lo-fi" version of our main content. To view the full version with more information, formatting and images, please click here.