Tìm kiếm
Latest topics
A8 Family
Đoàn kếtVui vẻ
Duyên dáng
Đẹp trai
Ăn chơi
Hồn nhiên
Và ....
Thiết kế Module Profile ấn tượng
Trang 1 trong tổng số 1 trang
Thiết kế Module Profile ấn tượng
Bạn có muốn một cái Profile ấn tượng như thế này không?
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 .
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- Admin
Similar topics
» Thêm biểu tượng ngăn dòng cho Module Bài Viết !
» đỗ thị thu
» Thiết kế đường viền cho Yahoo 360 Plus
» Ý nghĩa 1 số Code CSS cho việc thiết kế theme
» Thiết kế blog Yahoo!360 Plus theo ý mình
» đỗ thị thu
» Thiết kế đường viền cho Yahoo 360 Plus
» Ý nghĩa 1 số Code CSS cho việc thiết kế theme
» Thiết kế blog Yahoo!360 Plus theo ý mình
Trang 1 trong tổng số 1 trang
Permissions in this forum:
Bạn không có quyền trả lời bài viết
|
|
Fri Jun 07, 2013 12:41 pm by thanhtinh88
» Trường Nhật Ngữ Top Globis Khai Giảng Khóa Mới Vào Tháng 07.2012
Wed Jul 11, 2012 6:22 pm by topglobis3
» SỬA MÁY TÍNH , MÁY IN, ĐỔ MỰC MÁY IN TẠI NHÀ HỒ CHÍ MINH
Thu Mar 08, 2012 1:16 pm by tuquynh
» Khai giảng lớp luyện thi N2 và N3 tại Trung tâm Nhật Ngữ Top Globis
Thu Mar 08, 2012 1:09 pm by tuquynh
» vietpon mua sản phẩm chất lượng, giá tốt.
Mon Oct 10, 2011 9:48 am by tuquynh
» Học tiếng Nhật - Top Globis
Mon Oct 10, 2011 9:41 am by tuquynh
» hihi. TIN VUI CUA VIT BAU NHE.
Sat Oct 01, 2011 3:42 pm by meocon
» Học tiếng Nhật - Top Globis
Fri Sep 09, 2011 2:06 pm by tuquynh
» Con trai A8 đâu hết rồi ?
Wed Sep 07, 2011 2:27 am by meocon