Hướng dẫn mã CSS cho mash (sưu tầm)

Nếu bạn muốn thêm css cho mình thì chọn mục show advance CSS
[sourcecode language='php']

Changing the main background and text

---

This can be done in the body section:
body {
font-family:verdana,sans-serif; //this will change the font of the text
background-image:url('http://mymashstuff.com/mash_backgrounds/brown/color_brown_39.jpg'); //the address of the picture you want to use. if no picture is needed you can remove the line
background-repeat:repeat; //if you don't use a pattern that should be repeated change it to background-repeat: no;
background-color:none; //change "none" to any HEX color if you do not use picture
background-position:top left; //the place where the background picture should start from
color:#cccccc; //The color of the text
}

Changing the modules' properties

---

The modules have a main CSS class "mod" and a few subclasses "x1", "x1a", "x2" and "x2a".
The main class:
.mod {
background-color:none; //change "none" to any HEX color if you do not use picture
background-image:url('http://mymashstuff.com/mash_backgrounds/brown/color_brown_39.jpg'); //the address of the picture you want to use. if no picture is needed you can remove the line
border-style:solid; //also possible to be one of { none | dotted | dashed | solid | double | groove | ridge | inset | outset }
border-width:2px; //the width of the border in pixels
border-color:#3C6A90; //and the color of the border
}

The x1 subclass:
.mod .x1 {
background-color: #fafdff;
opacity: 0.6; //Sets the grade of transparency of the modules
filter:alpha(opacity=60); //same as above for different browser
display: block; //The display property sets how/if an element is displayed. read more
}

Changing the color of the text in the modules:
.mod-content {
color:#5c879c;
}
Modules' titles:
.hd { color:#004f83; //Color of the titles' text
font-family:arial,sans-serif; //titles' font
font-size:20px; //size of the font
}

Changing nickname properties:

---

#ypf-coreid .user-card .user-info .user-name h1 span.nickname {
color:#004f83; //Color of the nickname's text
}

Changing your picture's frame:

---

#ypf-coreid .user-card .user-images {
background-image:url('http://mymashstuff.com/mash_css/polaroid.png')
}
Click here to get a template for the polaroid image.

Changing your age, gender, location fonts:

---

#ypf-coreid .user-card .user-info span.age, span.gender, span.locality { //The classes used for age, gender, location
color:#ffffff; //Color of the text
}
You can apply more CSS coes to all of the sections above to change the look of your Mash Profile. More about CSS you can learn HERE at w3schools.com.
[/sourcecode]