This article stemmed from using the social community myYearbook, click here to see the page as an example >> People Search. To add a little something noone else seemed to have, the easiest was adding the top-margin: attribute using thier built in CSS editor, something not as familiar to site members as to a webdesigner though they do have a link to w3's css how-to.
Anyone can add this to either the stylesheet or the
attribute in any website, tthe social profile is an example we used.
To add a little effect to the page from the background, the margin property can be used to lower the page body. It's easy to do and is a simple matter of adding a line of text to the profile CSS file to create a margin at the the top of the page. Anyone at myYearbook can add this. Go to "Change Profile Layout", select a profile to edit then click "Edit CSS" found below "Close"
Find this, it should be first and might (or might not) look something like this:
BODY {
background: #FFFFFF;
background-repeat: repeat-x;
background-position: left top;
background-attachment: fixed;
}
Then add the extra line "margin-top: 30px;" as it appears below:
BODY {
margin-top: 30px;
background: #FFFFFF;
background-repeat: repeat-x;
background-position: left top;
background-attachment: fixed;
}
No matter what it says below the line "BODY {", just slip the extra "margin-top: 30px;" in between "BODY {" and the next line like it does above. Adjust the number "30" to whatever you want.
Don't forget to save. You should see the changes right away, though you may need to Refresh/F5 first.
Keep it Str8!
