How to Compress Your Modules Into One Without a Scroll Box

Social networking sites, such as MySpace, Friendster and Bebo, utilize small programs or CSS code to run modules. Modules can be anything from calendars to music players. Too many modules can make a social networking page appear cluttered. Use a CSS code to compress all of your modules on your social networking page into one box without having a scroll bar on it. This allows all of the modules to be displayed at once on the screen, and makes your page easier to navigate.

Instructions

1. Sign in to your social networking page. Enter "Customize Profile." Select "CSS box."

2. Copy the following code and paste it into the CSS box. Copy and paste the entire line. Keep all the spaces between the words in the same places and the words in the brackets the same.

   .katamari {compress overall height of all modules}
   div.content div {margin:0px;}
   div.moduleTop, div.moduleBottom {display:none;}

3. Copy the following code and paste it directly under the first code you copied and pasted into the CSS box:

   div.moduleBody * {line-height:10px;}
   div#footer br {line-height:0px;}
   div.content * {border:0px;}

4. Save the changes. Your modules should now be compressed on the page without a scroll box.

References

• MySpace: Compress All Profile 2.0 Modules