Tuổi : 33 Posts : 2319 Points : 6889 Thanked : 77 10/12/2010 Birthday : 27/02/1991 Đến từ : Hải Phòng I'm : Status : DarkNo1<=> ClubTeen9x avatar-dulieu : 57,13100|50,11784|49,10840|64,12636|51,11465|48,12265|58,12156|66,11440 Admin Tuổi : 33 Posts : 2319 Points : 6889 Thanked : 77 10/12/2010 Birthday : 27/02/1991 Đến từ : Hải Phòng I'm : Status : DarkNo1<=> ClubTeen9xavatar-dulieu : 57,13100|50,11784|49,10840|64,12636|51,11465|48,12265|58,12156|66,11440
Thông tin thành viên : Click ! Posts : 2319
Points : 6889
Thanked : 77
10/12/2010
Birthday : 27/02/1991
Đến từ : Hải Phòng
I'm : Status : DarkNo1<=> ClubTeen9x
avatar-dulieu : 57,13100|50,11784|49,10840|64,12636|51,11465|48,12265|58,12156|66,11440
Tuổi : 33 Posts : 2319 Points : 6889 Thanked : 77 10/12/2010 Birthday : 27/02/1991 Đến từ : Hải Phòng I'm : Status : DarkNo1<=> ClubTeen9xavatar-dulieu : 57,13100|50,11784|49,10840|64,12636|51,11465|48,12265|58,12156|66,11440
Shop Avatar
Tiêu đề: Thiết kế Module Profile ấn tượng Mon Jan 03, 2011 3:58 pm DarkNo1<=> ClubTeen9x
Tiêu đề: Thiết kế Module Profile ấn tượng --------------------------------------------------- Cho Ðiểm Chủ Ðề Này
1.Code cho Module Profile Đầu tiên là Code cho Mod này :
Code: Code: #profile_highlight .rc {background:transparent url([color=#0000bf][b]Link ảnh Trên[/b][/color]) no-repeat left bottom;height:[color=#800000][b]X[/b][/color] px} #profile_highlight .rc_ft {background:transparent url([color=#0000bf][b]Link Ảnh Dưới[/b][/color]) no-repeat left top;height: [color=#800000][b]Y[/b][/color] px} #profile_highlight .rc_bd {background:transparent url([color=#0000bf][b]Link ảnh Giữa[/b][/color]) 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 .
Phần 2.Share! Code: Code: [color=#000000][font=Arial]#profile_highlight .rc {background:transparent url(http://i514.photobucket.com/albums/t342/wdephia1/Post/profile/profile1_r1_c1.png) no-repeat left bottom;height:45px;} #profile_highlight .rc_ft {background:transparent url(http://i514.photobucket.com/albums/t342/wdephia1/Post/profile/profile1_r4_c1.png) no-repeat left top;height:45px;} #profile_highlight .rc_bd{background:transparent url(http://i514.photobucket.com/albums/t342/wdephia1/Post/profile/profile1_r2_c1.png) repeat-y left top;height:280px;} #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;}[/font][/color][b][u][color=#0b6af4][b][u]
[/u][/b]
[/u][/b][/color]Bài viết sưu tầm