1. Background cho Mash (chèn hình nền)
body {
background-color:#232f39;
background-image:url(link ảnh);
background-attachment:scroll;
/* font chữ */ font-family:Verdana, Tahoma, Arial, sans-serif;
color:#97bcd0; /* màu chữ */ }
2. Dạng 1 hình cố định - cuộn được
body {
background-color:#232f39; /* Màu nền */
background-image:url(link hình);
background-attachment:scroll;
background-position:top; /*vị trí hình: có thể thay bằng left, right... */
background-repeat:no-repeat;
font-family:Verdana, Tahoma, Arial, sans-serif;
color:#97bcd0; /* Màu chữ */}
3. Loại hình nền ko cuộn - chỉ cuộn chữ
body{
background-image:url(link hình);
background-attachment: fixed;
background-position: center;
/*vị trí hình: có thể thay bằng left, right... */
background-repeat:no-repeat;
background-color:ffffff; }
4. Dạng Top & Bottom( gồm 2 hình trên dưới)
body
{
width:921px; /* Chiều rộng của hình nền */
background-color:#232f39; /* Màu nền */
background-image:url(link hình);
/* Link hình dùng làm TOP */ background-position:top left;
background-repeat:no-repeat;
padding-top:143px;
color:#c29157; /* Màu chữ */}
.col-AA
{ background:url(link hình);
/* Link hình dùng làm BOTTOM */
background-position:bottom right;
background-repeat:no-repeat;
padding-bottom:133px;}
5. Tạo pet riêng
div#ypf-pet .bd img {
background:url(link pet)
transparent no-repeat bottom left;
width:0px;
height:0px;
padding:375px 256px 0px 0px; } /* tuỳ chọn chiều cao, rộng */
6. Thay khung ảnh cho avatar
/*Tạo khung ảnh cỡ khoảng 227x260 up lên trang web để lấy link, rồi chèn vào code */
#ypf-coreid .user-card .user-images {
background-image:url(link hình); }
7. Thay nickname bằng file hình
#nickname {
display: none; }
#nickname-edit h1 {
background: url(link hình)
background-repeat:no-repeat;
color: #ffffff;
height: 100px; /* chiều cao hình */
width: 400px; /* chiều rộng hình */ }
8. Chèn hình nền vào module nick name
.user-info {
background:url(link hình)repeat; }
9. Đổi màu, cỡ chữ của tuổi, giới tính và quốc tịch(dưới nick name)
#age.age, #sex.gender, #location
{
color: #f58f03; /*màu chữ*/
font-size: 14px; /* cỡ chữ*/
font-weight:bold; }
10. Thay màu và font chữ cho nickname:
#ypf-coreid .user-card .user-info .user-name
h1 span.nickname {
color:#ffffff;
font-family:courier new; /* Phông chữ */
font-size:16px; /* Cỡ chữ */ }
11. Thay màu nền cho tiêu đề của khung:
.hd {
background-color:#3C6A90; /*màu tiêu đề */ }
12. Đổi font chữ, màu sắc, kích thước của đề mục:
h3 {
font-family:Words of love; /* tên font */
font-size:36px; /* Cỡ chữ */
color:#ffffcc; /* màu sắc */ }
13. Code này để cho cac section trong suốt:
.mod {
border:1px solid #000000; /* Màu khung */ }
.mod .x1 {
background:#fafdff; /* Màu nền section */
opacity:0.1;
filter:alpha(opacity=10);
display:block; }
14. Chèn hình vào đề mục:
h3 {
font-family: Tahoma, serif;
font-size: 26px;
font-weight: normal;
padding-left: 40px;
background-image:url(link hình);
background-position:left;
background-repeat:no-repeat; }
15.Hình động khi chỉ vào liên kết:
a:hover {
position:relative;
right:1px;
top:1px;
text-decoration:none;
color:#D570EE;
text-decoration:none;
font-weight:bold;
border-bottom:1px dotted #D570EE;
background-image:url(link hình); }
16. Hình nền Module guestbook:
#ypf-guestbook {
/* Hinh nen guestbook */ background-color:#f10d77;
background-image:url('link hình');
background-position:left 40px;
background-repeat:repeat; }
17. Hình nền khung viết guestbook:
#ypf-guestbook .form-wrapper textarea {
background-image:url(link hình); }
18. Thanh cuộn cho guestbook:
#ypf-guestbook .bd {
height: 500px; position:relative;
overflow:auto; }
19 Hình nền cho Module pet:
#ypf-pet {
background-image:url(link hình);
background-position:left 40px;
background-repeat:repeat; }
20. hình nền cho Module Blurt:
#ypf-blurt {
background-image:url(link hình);
background-position:left 40px;
background-repeat:repeat; }
21. Thanh cuộn trong About me :
#ypf-profile .bd {
width:598px; /* Chiều rộng */
height:470px; /* Chiều cao */
padding:0;
position:relative;
overflow:auto; }
22. Hình nền cho Module My Stuff:
#ypf-mystuff {
background-image:url(link hình);
background-position:left 40px;
background-repeat:repeat; }
23. Thanh cuộn cho my stuff :
#ypf-mystuff .bd {
height: 500px;
position:relative;
overflow:auto; }
24. Hinh nền cho module profile(about me)
#ypf-profile {
background-image:url(link hình);
background-repeat: no-reapeat;
background-position: bottom right;
font-family: Arial, Helvetica, Sans Serif;
font-size: 16px;
color: #6699cc;
border-top: 3px double transparent;
border-left: 3px double transparent;
border-bottom: 3px double transparent;
border-right: 3px double transparent;
.mod { border:1px solid #000000;}
25. Thanh cuộn trong blog entry RSS 2.0
#ypf-mosh-rss2-1193377705 .bd
{ /* con số màu đỏ ở mổi mash là khác nhau bạn nào muốn làm cái này thì pm, mình sẽ cung cấp số cho*/
height: 600px; position:relative;
overflow:auto; }
26. Một số code dùng để ẩn những module ko cần cần đến
#blurt-inline .nickname {display:none;} /*code bỏ nickname ở blurt*/
#age.age/* An Tuổi*/
{display: none;}
#ypf-profile/* An About Me*/
{display:none;}
#ypf-style /* An Edit Theme*/
{display:none;}
Các bạn có thể vào tràng này để lấy url ná!^^
http://www.freeglitters.com/