Tìm kiếm
 
 

Display results as :
 


Rechercher Advanced Search

Latest topics
A8 Family
Đoàn kết
Thiết kế Module Profile ấn tượng 43
Vui vẻ
Thiết kế Module Profile ấn tượng IMG0662A_01
Duyên dáng
Thiết kế Module Profile ấn tượng 50-1
Đẹp trai
Thiết kế Module Profile ấn tượng 002-1
Ăn chơi
Thiết kế Module Profile ấn tượng 7-2
Hồn nhiên
Thiết kế Module Profile ấn tượng Copy2ofCopyofDSC04348
Và ....
Thiết kế Module Profile ấn tượng 29032009089
Thiết kế Module Profile ấn tượng 29032009090
Thiết kế Module Profile ấn tượng 29032009095
Thiết kế Module Profile ấn tượng A
Thiết kế Module Profile ấn tượng Copy2ofCopyofDSC04348
Thiết kế Module Profile ấn tượng Copy2ofDSC04352
Thiết kế Module Profile ấn tượng Copy3ofDSC04351
Thiết kế Module Profile ấn tượng 28e8b48a-453b-4e09-9fee-07c94ca1549
Thiết kế Module Profile ấn tượng 7-2
Thiết kế Module Profile ấn tượng PICT0008
Thiết kế Module Profile ấn tượng H001
Thiết kế Module Profile ấn tượng B78d7c10-8f60-44db-a1e9-9235fddcd4c
Thiết kế Module Profile ấn tượng 50-1
Thiết kế Module Profile ấn tượng 002-1
Thiết kế Module Profile ấn tượng PICT0009-1
Thiết kế Module Profile ấn tượng Fxv0otV
Thiết kế Module Profile ấn tượng 64n34
Thiết kế Module Profile ấn tượng Ccef2884-f258-4732-9a53-52b4e336383

Thiết kế Module Profile ấn tượng Cuoinay
Thiết kế Module Profile ấn tượng B5bce6fb-18a3-4984-b96f-3f1c22e1339
Thiết kế Module Profile ấn tượng 000
Thiết kế Module Profile ấn tượng IMG0657A
Thiết kế Module Profile ấn tượng 43
Thiết kế Module Profile ấn tượng SDC10078

Thiết kế Module Profile ấn tượng

Go down

Thiết kế Module Profile ấn tượng Empty Thiết kế Module Profile ấn tượng

Bài gửi by meocon on Fri Jun 05, 2009 4:55 am

Bạn có muốn một cái Profile ấn tượng như thế này không?
Thiết kế Module Profile ấn tượng 4-W-DephiaThiết kế Module Profile ấn tượng 9-NoaThiết kế Module Profile ấn tượng Profilehq7


1.Code cho Module Profile
Đầu tiên là Code cho Mod này :

Code:

#profile_highlight .rc {background:transparent url(Link ảnh Trên) no-repeat left bottom;height:X px}
#profile_highlight .rc_ft {background:transparent url(Link Ảnh Dưới) no-repeat left top;height: Y px}
#profile_highlight .rc_bd {background:transparent url(Link ảnh Giữa) repeat-x top;}
#profile_highlight .rc_bd div.rc_bc, #profile_highlight .rc_ft div, #profile_highlight .rc div,#profile_highlight .rc_bd .rc_bc .bd {background:transparent;}

Như các bạn đã thấy những phần mình in đậm và đổi màu :

* Các đọan Link ảnh trên, dưới và ở giữa các bạn phải thay ảnh đúng vị trí vào cho phù hợp nhé.
* Còn Height: ở đây, muốn hiện chiều cao của ảnh 100% bạn phải thay X px, Y px bằng đúng kích thước chiều cao của ảnh .

Muốn xem chiều cao của ảnh, chỉ việc Right Click vào ảnh chọn Properties, chuyển sang thẻ Sumary, nhìn vào dòng Height là có thể thấy được ảnh cao bao nhiêu.


2.Tạo ảnh

Ở đây, mình chia sẻ một số cách làm ảnh như sau :

Bước 1 :
Đầu tiên bạn thiết kế một ảnh với kích thước 150 x 300 px.

Bước 2 :
Sau đó cắt ảnh đó ra làm 3 phần (Dùng Photoshop hoặc PhotoScape cũng được)

* Phần đầu : Cắt với kích thuớc 150 x (50-60 px) .
* Phần giữa : Phần này các bạn nên làm sao mà có thể lặp lại được, vì vậy chỉ nên cắt từ 150 x 5 px thôi.
* Phần cuối : Cắt phần này tùy ý, đây là phần phía dưới cùng


Bước 3 :
Sau khi đã cắt xong ảnh, việc cuối cùng là up ảnh lên host, và thay link ảnh vào đọan Code đã cho.
Cuối cùng là wăng code vào CSS thôi .



Vậy là xong các bước để làm rồi nhé. Chúc các bạn thành công trong việc trang trí cho Mod Profile của mình .
meocon
meocon
Admin


Về Đầu Trang Go down

Về Đầu Trang


 
Permissions in this forum:
Bạn không có quyền trả lời bài viết