Backgrounds and borders

Your Mash profile consists of 4 main areas: the main page (middle white column that stretches down the page vertically), the Mash header at the top of the profile, the footer at the bottom, and the modules that reside on the main page.

body{background: url(URL_TO_IMAGE) color; border: 1px solid black}
The above code will change the main page’s background. Simply enter the URL to the image that would like to use, or you could omit the image and use a solid color instead.

For example. If I wanted a blue background with a 1 pixel solid black border, I would use the code: body{background: blue; border: 1px solid black} Notice how I omitted the url(URL_TO_IMAGE) part.

You’ll have to do a bit of playing around to achieve your own results. The name of the color, blue in this case, can also be replace by a hex color code. Additional information on CSS Borders can be found on Tizag.com.

.mod {background: url(URL_TO_IMAGE) color; border: 1px solid black}
The above code modifies the module sections and is formatted in the same manner as the body.

I was unable to modify the header and footer on the profile. While I’m not saying it can’t be done, I wouldn’t rule out the possibility.

Text, link, and rollover colors

While the text color and links can be modified through the basic editor, the changes will be lost as soon as you click the “show advanced CSS” link; therefor, you’ll have to manually change the color if you want to customize anything on your profile.

a:link, a:visited, a:active{color: #85784C}
The above code will change the color of your links (on the editable parts of your page) in their normal state. You can use a hex color code (as shown in the code above) or you could use a color’s name (e.g. red, blue, black, yellow, etc,…).

a:hover{color: black; text-decoration: none}
This will change the color of the links when the mouse is hovering over them. The text-decoration: none is to remove the link’s underline on mouse-over.

#ypf-coreid .user-card .user-info .user-name h1 span.nickname {color: black; font-family: verdana; font-size: 20pt;}
This code deals only with your nickname, allowing you to change the color, font, and size (in that order).

h3{color: #3e3e3e}
The above will change the title text of each module. (e.g. guestbook, my stuff, about me, etc,…). If you’ve come this far, I’m sure you can see that the size, decoration, font, and other text properties can be changed as well by adding to the code.

body {color: blue}
This code will change the main text color of your profile.

Additional text styling properties can be found at w3schools.com.

Other mods

#ypf-coreid .user-card .user-images {background: url(URL_TO_NEW_POLAROID_IMAGE)}
Allows you to style the Polaroid image around your profile picture. You can download (right click link >> Save Target As…) the original image and modify it (as shown below), or simply make your own.