Bài mới nhất

Sửa Đóng
Thư mục: Yahoo!360plus |
Quan trọng
Đăng ngày: 10:19 07-12-2008
Với rất nhiều hướng dẫn Yahoo Plus làm cho ngôi nhà của bạn trở lên đẹp mắt hơn rồi,giờ là lúc nâng cao và tạo phong cách riêng một chút,mời các bạn tham khảo bài viết sau của bạn W].Dephia nhé.(Dạo này mình hơi bận nên lười viết bài,thấy cái gì hay hay thì post lại chia sẻ cho mọi người cùng nghiên cứu nha,vì người truy cập vào Blog mình khá nhiều mà,hehe).

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 .

Phần 2.Share!

Code:
#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;}

(Bản quyền bài viết thuộc về W.Dephia's blog , hình ảnh do bạn Kem,co0l.l0veInvi Game chụp-co0l.l0ve's Blog giới thiệu)

PS:-Code thì mọi người đã chia sẻ rồi,để làm cho đẹp thì bạn phải có chút năng khiếu về đồ hoạ,hoặc bit làm đồ hoạ,cái khoản này thì mình hơi kém,đang nhờ người làm hộ mà hem ai làm cho,hehe

-Mình rất ấn tượng với khả năng đồ hoạ của những bạn có tên và ảnh ở trên

http://thatlongyeuem.somee.com/blog/uploads/200810/11_204108_hayl986187.jpg

 

Copyright by Tam Thiếu Hiệp'sblog

Bài viết về bạn hoặc có tag tên bạn:

  • Chưa có bài nào có liên quan.

Người đăng ký yêu thích blog này cũng đồng thời thích:

  • Chưa có blog yêu thích nào có liên quan.