ooO ForumRomance Ooo -> Thủ thuật cho Ymash

candymilk.tt.cx

Trợ giúp

Tìm kiếm

Danh sách thành viên

Lịch ghi chú

Chào mừng khách ( Đăng nhập | Đăng kí )

Gửi email kích hoạt

ooO ForumRomance Ooo -> ooO Thủ thuật cho Blogger Ooo -> Thủ thuật blog

Thủ thuật cho Ymash

Track this topic | Email this topic | Print this topic

candymilk

Posted: December 04, 2007 05:43 am

Administrator

Group: Ban quản trị
Posts: 554
Member No.: 1
Joined: May 20, 2004

Code CSS thay đổi giao diện cho Mash

1. Thay màu và font chữ cho nickname: Cái này có 1 giới hạn là nếu máy người xem có font chữ đó thì mới hiện chính xác được (khuyến cáo ko dùng font VNI)

CODE

#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ữ */
}

2. Thay nickname bằng file hình: (nên dùng dạng .gif hay .png để có nền trong suốt )

CODE

#nickname {
display: none; /* Dòng này để ẩn phần nickname bằng chữ */
}

#nickname-edit h1 {
background: url(http://i153.photobucket.com/albums/s237/kelangthang182000/nickname.png); /* link tới hình dùng làm nickname */
background-repeat:no-repeat;
color: #ffffff;
height: 100px; /* chiều cao hình */
width: 400px; /* chiều rộng hình */
}

3. Thay khung ảnh cho Avartar:

CODE

#ypf-coreid .user-card .user-images {
background-image:url('http://i153.photobucket.com/albums/s237/kelangthang182000/khunghinh.png'); /* Link ảnh */
}

4. Đổi font chữ, màu sắc, kích thước của đề mục:

CODE

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

Background cho Mash (chèn hình nền)

Dạng tile: hình nền lặp lại nhìu lần (khuyến cáo nên dùng hình ít màu sắc, có màu tối và phải làm nổi bật màu chữ, ko dùng section trong suốt sẽ gây mỏi mắt cho người xem !)

CODE

body {
background-color:#232f39;
background-image:url('http://209.85.12.234/1046/116/upload/p8472559.gif'); /* link đến hình làm nền */
background-attachment:scroll;
font-family:Verdana, Tahoma, Arial, sans-serif; /* font chữ */
color:#97bcd0; /* màu chữ */
}

Dạng 1 hình cố định: cuộn được

CODE

body {
background-color:#232f39; /* Màu nền */
background-image:url('http://209.85.12.234/1046/116/upload/p8472559.gif'); /* link hình */
background-attachment:scroll;
background-position:top; /* Vĩ trí của hình: có thể thay top bằng: left, right, bottom, center...hoặc ai rành CSS thì dùng % hay px để canh chính xác hơn */
background-repeat:no-repeat;
font-family:Verdana, Tahoma, Arial, sans-serif;
color:#97bcd0; /* Màu chữ */
}

Dạng Top & Bottom (giống 360 yahoo blog, gồm có 2 hình trên và dưới):

CODE

body
{
width:921px; /* Chiều rộng của hình nền */
background-color:#232f39; /* Màu nền */
background-image:url('http://209.85.12.234/1046/116/upload/p8493203.jpg'); /* 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('http://209.85.12.234/1046/116/upload/p8493201.jpg'); /* Link hình dùng làm BOTTOM */
background-position:bottom right;
background-repeat:no-repeat;
padding-bottom:133px;
}

--------------------

1 User(s) are reading this topic (1 Guests and 0 Anonymous Users)

0 Members:

« Next Oldest | Thủ thuật blog | Next Newest »