Thủ thuật Yahoo Mash (p2)

Code giấu khung style (khung chứa CSS)

Code:

#ypf-style
{
display:none;
}

Để sửa chữa CSS thì click vào chữ this is fugly (ở module chứa nick name), nó sẽ chuyển qua 1 trang khác (giống trang phụ) với nền màu trắng, sửa chữa CSS ở trang đó xong thì click vào show me shiny (ở module chứa nick name) để trở về trang chính.

Chèn hình nền vào các đề mục
DEMO

Tạo 1 file hình có kích thước khoảng 35 x 30px

Code:

.hd
{
text-align:right;
background-image: url(link hinh);
font-weight:bold;
padding:7px;
color: #ffffff; /* Màu của các đề mục */
background-color:#FFFFFF; /* màu nền các đề mục (ko quan trọng) */
}

Đổi màu các button trong Mash
DEMO

Code:

#ypf-guestbook input, #ypf-add-mod input, input.button
{
background:#000000; /* màu của button*/
border:none;
color:#FFF;
padding:2px 4px;
margin-right:2px;
width:auto !important;
font-weight:bolder;
}

Các bạn cũng có thể chèn hình vào các button (nếu thích màu dùng gradient)

Code:

#ypf-guestbook input, #ypf-add-mod input, input.button
{
background:#ffffff url(link hinh) left top repeat-x;
border:none;
color:#FFF;
padding:2px 4px;
margin-right:2px;
width:auto !important;
font-weight:bolder;
}

Đổi màu, cỡ chữ của tuổi và giới tính (dưới nick name)
DEMO

Code:

#age.age, #sex.gender
{
color: #f58f03; /*màu chữ*/
font-size: 14px; /* cỡ chữ*/
font-weight:bold;
}

Chèn hình nền vào module nick name (làm no nổi bật chút)
DEMO

Code:

.user-info
{
background:url(link hình)repeat;
}

Bạn chèn code này vào CSS để có được section trong suốt:

Code:

.mod {
border:1px solid #000000; /* Màu của khung */
}

.mod .x1 {
background:#fafdff; /* Màu nền section */
opacity:0.1;  /* Độ trong suốt, gái trị càng nhỏ thì càng trong suốt */
filter:alpha(opacity=10); /* Giá trị trong suốt, cái này tỉ lệ với độ trong suốt bên trên nếu trên là 0.1 thì dưới là 10, 0.2 : 20, 0.3:30... */ 
display:block;
}

Nếu bạn chỉ cần đóng khung cho các section thôi thì chỉ cần chèn code sau:

Code:

.mod {
border:1px solid #000000; /* Màu của khung */
}

Blog ko sử dụng CSS,chỉ đơn giản trong Module Color ko chọn màu nào và mặc định sẽ là trong suốt. Nhưng dùng CSS sẽ dễ tùy biến hơn sau này.

Đổi màu module khi mouse over

Code:

.mod-content:hover {
background: #fcdfff; /* Mã màu /*
}

Hoặc thay màu bằng hình ảnh

Code:

.mod-content:hover {
background:url(http://fc02.deviantart.com/fs11/i/2006/195/f/7/Background_Tile_01_by_Starlet96x.gif) /* Link ảnh /*
}

Cũng có thể kết hợp cả 2.

Code:

#age.age
{
display: none;
}

Nuôi và thay pet mà ko cần grab cái pimpmypet về làm gì cho tốn đất trong mash, chỉ cần bạn chèn code này vào còn khi thay hình pet khác thì cũng chỉ việc đổi link hình lẫn bổ sung dài, rộng của hình đó là xong .

Code:

}
div#ypf-pet .bd img {
background:url(link hình của pet) transparent no-repeat bottom left;
width:0px;
height:0px;
padding:166px 142px 0px 0px; { /* Phần này nhớ điền đủ, cái đầu tiên là chiều cao còn cái thứ 2 là chiều rộng của pet, ko điền nó thì pet sẽ bị thiếu trước hụt sau */
}

Đổi màu chữ cho câu nói mới nhất trên blurt

Code:

}
#ypf-blurt .nickname,#ypf-blurt .blurt-msg {
font-size:105%;
font-style:italic;
font-weight:strong;
color:#00BADF; /* thay thế code màu này theo ý thích*/
}

Cần đổi màu chữ và font thì xài code:

Code:

h3 {
font-family:Words of love; /* tên font */
font-size:36px; /* Cỡ chữ */
color:#ffffcc; /* màu sắc */
}

Nguồn 360themes.com

Các bài liên quan:

Cách tự invite Yahoo Mash

Thủ thuật Yahoo Mash

Thủ thuật Yahoo Mash (p3)