Tình hình là định viết tiếp vào cái bài cũ cho full entry mà thấy dài quá nhìn ko đẹp , với lại nghĩ cũng nên làm cái entry mới cho nó “hợp tình, hợp lý”.

Ở entry này các bạn sẽ được hướng dẫn để làm 1 số hiệu ứng nho nhỏ góp phần làm cho trang profile của bạn thêm perfect. Nào, chúng ta cùng bắt đầu. Mình sẽ phân ra từng phần cho các bạn dễ tìm hiểu.

1/ Làm hiệu ứng trong suốt (hay mờ đục, tùy) cho các module:
Để làm điều này, có 2 cách: hoặc là dùng thêm 1 module sẵn có trong Module Gallery có tên là Translucency Plus

– Cách thứ 2 là dùng code CSS (chỉ dùng cho profile được thiết kế kiểu Advanced CSS). Đoạn code nó đây

.mod .x1{
border:0px solid #fff !important;
-moz-border-radius:3px !important;
background:#999 0px 0px repeat-x !important;
_background-image:none !important;
opacity:0.25;
filter:alpha(opacity=25);
display:block !important;
}

Copy và paste thêm vào trong ô nhập liệu Style this profile. Đoạn code trên sẽ cho ra các module với độ trong suốt là 25%. Nếu muốn trong hay đục hơn thì các bạn sửa cái số 25 thành số khác.

2/ Thay Nickname của bạn thành 1 hình ảnh ngộ nghĩnh:
Đối với dân designer “PRO” như chúng ta thì cái chữ Nickname bằng text ở đầu trang profile trông thật củ chuối, rất mất “mĩ quan đô thị”, nhìn ngứa mắt quá ! phải thay đổi !
Ôkê. Chuyện nhỏ như con thỏ. Tí code CSS là xong. Đây nè, cóp bỏ thêm vào “ô bự” đi

#nickname {
display: none;
}

#nickname-edit h1 {
background: url(http://www.fileden.com/files/2007/9/15/1433350/glitteryourway-19a537ed.gif) no-repeat top right;
height: 50px;
width: 270px;
}

Đoạn code trên có 2 phần. Cái #nickname… là để invisible (ẩn) cái dòng chữ xấu xí kia đi, còn cái #nickname-edit h1… là để set background (ảnh nền) cho khu vực đó. Khi cóp về các bạn nhớ thay đổi lại link hình khác (hoặc để luôn vậy cũng được ) và chiều rộng, chiều cao cho phù hợp với bức ảnh của bạn nhé.

Demo nè :

3/ Thay ảnh khung hình cho Avatar

4/ Ẩn khung Style this profile