How to Move All Content on Profile Down to Show More Background in 2.0

MYSPACE HELP & TWEAKS

MYSPACE QUESTION

How do I move the content of my page down in Myspace 2.0? How do I move the myspace ad, the menu bar and content down in Profile 2.0?

MYSPACE ANSWER

Adjusting the content down in Myspace 2.0:

If you want to push down all the content of your Myspace 2.0 Profile(including the top navigation bar and top ad) so that when people visit your myspace they see a design first and then scroll down to see the start of your ad, menu and then profile. Here is an example theme of ours that does this(this link will show the 1.0 version but the 2.0 looks the same with the ad, content and menu pushed down from the top):

http://profilerehab.com/preview/myspace/valentines_layout_2

Notice how the myspace ad and everything else is pushed down from the top.

Here is a typical code in Myspace 2.0 to with the margin-top added to it:

/*Layout by PROFILErehab.com*/ BODY { font-family: verdana, helvetica, arial, sans-serif; font-size: 11px; background: #829b9f url(http://i257.photobucket.com/albums/hh238/profilerehab/myspace/flowers/pink_dogwood_blossom_layout.jpg) no-repeat fixed left bottom; margin-bottom: 450px; margin-top: 200px; } DIV.wrap { background-color: transparent; } DIV.profileDemographics { clear: both; min-height: 65px; padding-right: 10px; padding-top: 9px; padding-left: 0; } #topnav { background-color: transparent; color: #000000 } #topnav UL { border-right: #000000; color: #000000; } #topnav UL LI { border-left: #000000; color: #000000; } #topnav UL LI A:hover { background-color: #9aaab7; color: #000000; } #topnav UL LI.dropDown:hover A, #topnav UL LI.hover A, #topnav UL LI.hover A:hover { background-color: #9aaab7; color: #000000; } #topnav LI.dropDown UL.subMenu A { background: #9aaab7 center center; } #topnav LI.dropDown:hover UL.subMenu A:hover, #topnav LI.hover UL.subMenu A:hover { background: #9aaab7; color: #000000; } DIV#header, DIV#googlebar { background: transparent; width: 800px; } DIV#footer { background-color: transparent; padding: 0 0 20px; color: #000000; } DIV#footer A { color: #000000; } DIV#footer DIV { padding: 10px 0; color: #000000; } H1, H2, H3, H4 { font-weight: bold; } DIV.blogsModule UL.moduleList LI SPAN.date { display: block; float: left; width: auto; padding-right: 20px; } H3.moduleHead { color: #000000; text-align: center; padding-right: 0; padding-left: 0; height: 30px; font: 170% Georgia, "Times New Roman", Times, serif; text-transform: uppercase; padding-top: 10px; } DIV.module A:hover { color: #000000; text-decoration: none; padding: 1px 2px; } DIV.basicInfoDetails { min-height: 170px; padding-left: 198px; padding-right: 5px; background: transparent url(http://i257.photobucket.com/albums/hh238/profilerehab/myspace/flowers/gray_pink_dogwood_theme_TB1.jpg) no-repeat center top; height: 230px; padding-top: 50px; width: auto; } DIV.photo { position: absolute; overflow: hidden; text-align: center; width: 200px; height: 200px; padding-top: 40px; margin-top: 30px; } DIV.photo IMG { max-height: 170px; max-width: 150px; } DIV.contentMid2 { width: 800px; margin-right: auto; margin-left: auto; } DIV.photo IMG.nophoto { width: 170px; height: 170px; } DIV.moduleMid2 { background: url(http://i257.photobucket.com/albums/hh238/profilerehab/myspace/flowers/pink_dogwood_layout_TT.jpg) no-repeat right top; border-color: #000000; border-style: solid; border-width: 2px; } DIV.basicInfoModule DIV.moduleTop DIV { background: transparent no-repeat center bottom; height: 0; margin-top: 0; margin-left: auto; margin-right: auto; position: relative; z-index: 3; width: 100%; } DIV.module UL.contactLinks LI A:link, DIV.module UL.contactLinks LI A:visited, DIV.module UL.contactLinks LI A:hover { padding: 6px 2px 1px 25px; } DIV.module A.url:link, DIV.module A.url:visited, DIV.module A.url:hover { padding-left: 35px; } /*@group Text Color*/ DIV.profileHeaderDetails H2 { font-size: 18px; font-weight: bold; line-height: 1.2em; color: #000000; } H4 { font-size: 110%; color: #000000; } DIV.module { padding: 10px; color: #000000; line-height: 18px; font-size: 12px; font-family: "Lucida Grande", Verdana, sans-serif; } DIV.basicInfoDetails H2 { color: #000000; font-size: 190%; font-family: Georgia, "Times New Roman", Times, serif; padding: 20px 0 0px; text-transform: uppercase; background-position: 30px top; background-repeat: no-repeat; margin-top: -16px; } DIV.module A:link, DIV.module A:visited { color: #000000; padding: 1px 2px; } DIV.module .count { color: #000000; font-family: Georgia, "Times New Roman", Times, serif; font-size: 18px; } DIV.detailsModule LI STRONG { display: block; float: left; width: 40%; line-height: 1.2em; height: 1.2em; overflow: hidden; color: #000000; font-weight: bold; text-transform: uppercase; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; } DIV.blogsModule UL.moduleList SPAN.date { color: #000000; } /*@end*/ DIV.moduleMid2 LI.moduleItem { background-color: transparent; } DIV.moduleBody LI { } DIV.musicPlayerModule H3.moduleHead { display: none; } DIV.musicPlayerModule DIV { padding: 0; background: none; } DIV.detailsModule LI { line-height: 0; } DIV.detailsModule LI SPAN { display: inline-block; line-height: 1.2em; padding-right: 0; padding-bottom: 20px; padding-left: 0; } DIV.blogsModule UL.moduleList, DIV.calendarModule UL.moduleList { padding: 20px 0 0; } DIV.blogsModule UL.moduleList LI, DIV.calendarModule LI.moduleItem { } DIV.commentsModule A.profileLink, DIV.commentsModule P.datePosted { font-weight: bold; } DIV.commentsModule UL.moduleList DIV.userComment { background: url() no-repeat left top; padding: 18px 10px 10px 30px; } DIV.commentsModule P.datePosted { color: #000000; text-transform: uppercase; letter-spacing: 1px; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; background-color: ; padding: 1px 2px; display: inline; } DIV.commentsModule DIV.user A:link, DIV.friendSpaceModule .moduleList A:link, DIV.commentsModule DIV.user A:visited, DIV.friendSpaceModule .moduleList A:visited { padding: 0 px; border: none; background: transparent; } DIV.commentsModule DIV.user A:hover SPAN, DIV.friendSpaceModule .moduleList A:hover SPAN { text-decoration: underline; padding-right: 0; padding-left: 0; } DIV.commentsModule UL.moduleList LI UL.commentsInfo LI { font-size: 80%; line-height: 1.2em; background-color: transparent; border-right: 1px solid #7CC296; } DIV.commentsModule UL.moduleList LI UL.commentsInfo LI.last { border-right: none; } OL.squarePhotos LI.odd { background-color: transparent; } DIV.friendSpaceModule OL.moduleList LI { width: 105px; }

Look at the section that starts with "body" in the first paragraph in the above code. In this section you will see margin-top: 200px; That is what controls the extra space at the top, just make it as tall as you want by changing the number of pixels.

If you are confused, and can't find the body section in the above code, it looks exactly like this:

BODY { font-family: verdana, helvetica, arial, sans-serif; font-size: 11px; background: #829b9f url(http://i257.photobucket.com/albums/hh238/profilerehab/myspace/flowers/pink_dogwood_blossom_layout.jpg) no-repeat fixed left bottom; margin-bottom: 450px; margin-top: 200px; }

Here is the code to add to the body section of your layout code, if margin-top is already in the body section of your layout code, just adjust the height:

margin-top: 200px;

While you are here, check out some of our myspace layouts. Don't forget to Like Us on facebook and follow us on Twitter!

MYSPACE QUESTION

MYSPACE ANSWER

MYSPACE RELATED TOPICS

PAGE DESCRIPTION