MySpace Styles
You can apply a style sheet to your MySpace profile.
Many styling services exist, but I'd like to present some style sheets that help people have a less
cluttered, simpler look to their profiles. Hence the term "lean style."
Here is How to Do it
- If you already have placed Style information in the About Me: section of your profile, first copy it over to a file on your computer if you want to keep it, but be sure to delete it from your About Me: section before you paste in new Style information.
- Look at the "Styles to Choose From" section below and decide on one to try.
- Copy all the information in the box to the right of the style illustration like this:
- Click anywhere inside the box to the right of the illustration, under the header "Style information to copy."
- Hold down the Ctrl and A keys on your keyboard at the same time. The whole text area should then be highlighted.
- Hold down the Ctrl and C keys on your keyboard at the same time. This copies the Style information to your computer's clipboard.
- Now, go to your MySpace Home page and paste the Style information
at the top of your About Me: section:
- On your MySpace Home page, Click on Edit Profile.
- In the About Me: section, click your mouse on the very first available space, before any other character.
- Hold down the Ctrl and V keys on your keyboard at the same time. This pastes the Style information.
- Click on the Save All Changes button near the top of your Profile Edit area.
- Now look at your profile and see a style difference. (click on View My Profile in the upper right hand corner of the Profile Edit area).
- Once you get familiar with how the Style information works, you can adjust the profile a bit to suit your own taste with the resources below, "Tweaking Your Profile."
- Leave the "lean style" logo and link on the upper left corner of your profile if you wish, so that you can come back to this page for updates or to direct others who might want to set their profile style using this information.
Styles to Choose From
Boxed Sections
This style gives you boxes around your sections that stand out from the background color. (It is the style I use on my own MySpace profile.)
| Lean style: boxes version 2007-02-25 | |
|---|---|
| How it Looks in a Profile | Style information to copy |
| |
- I have #DCDCDC as the background color for the whole page;
if you want, choose a different one from the Hues Hub.
Then in your profile, change the hex code #DCDCDC to your own code. It appears just once in the style information on the line:
body {background-color: #DCDCDC;}- I have #EBF3F9 as the background color for the sections; if you want, choose a different one from the Hues Hub (take care to get a very light shade so the text remains readable). Change the hex code #DEBF3F9 to your own code. It appears just once in the style information on the line:
table table table {background-color: #EBF3F9; border: 2px solid silver;} - I have #EBF3F9 as the background color for the sections; if you want, choose a different one from the Hues Hub (take care to get a very light shade so the text remains readable). Change the hex code #DEBF3F9 to your own code. It appears just once in the style information on the line:
One Panel
This style gives you one central panel as background to all your sections; this blends into the header and footer information for MySpace.
| Lean style: one panel version 2007-02-25 | |
|---|---|
| How it Looks in a Profile | Style information to copy |
| |
- I have #DCDCDC as the background color for the whole page; if you want, choose a different one from the Hues Hub.
Change the hex code #DCDCDC to your own code. It appears just once in the style information on the line:
body {background-color: #DCDCDC;}- I have #E9E0D0 as the panel color; if you want, choose a different one from the Hues Hub (take care to get a very light shade so the text remains readable). Change the hex code #E9E0D0 to your own code. It appears just once in the style information on the line:
td {background-color: #E9E0D0;} - I have #E9E0D0 as the panel color; if you want, choose a different one from the Hues Hub (take care to get a very light shade so the text remains readable). Change the hex code #E9E0D0 to your own code. It appears just once in the style information on the line:
One Panel with Boxes
This style gives you one central panel with boxes to separate the sections. The central panel blends into the header and footer information for MySpace.
| Lean style: panel and boxes version 2007-02-25 | |
|---|---|
| How it Looks in a Profile | Style information to copy |
| |
- I have #DCDCDC as the background color for the whole page; if you want, choose a different one from the Hues Hub. Change the hex code #DCDCDC to your own code. It appears just once in the style information on the line:
body {background-color: #DCDCDC;}- I have #E9E0D0 as the panel color; if you want, choose a different one from the Hues Hub (take care to get a very light shade so the text remains readable). Change the hex code #E9E0D0 to your own code. It appears just once in the style information on the line:
td {background-color: #E9E0D0;} - I have #E9E0D0 as the panel color; if you want, choose a different one from the Hues Hub (take care to get a very light shade so the text remains readable). Change the hex code #E9E0D0 to your own code. It appears just once in the style information on the line:
Tweaking Your Profile
You can adjust the colors of your profile by replacing any of the color codes I used to colors of your choice; see these charts:
- Hex Hub: if you want named colors--that is if you want the specific color of something like popcorn, a piglet's snout, bottle green, blue jeans, bubble gum, Soylent Green (made of people!), or something like that. See the Color Shades chart for shades of these colors also.
- Hues Hub: if you want to pick from 4,800 shades of color of various saturation and light values, and you don't care what it corresponds to in the real world.
- Mix your own Hex code at Swatch Control.
You can also adjust spacing, padding, fonts, etc, and such to suit your interests.
Let me know if you use the Lean Style or if you have suggestions for another variation. My profile is on MySpace or email me: johndecember@gmail.com with the subject line html-spec-myspacestyles.