Thứ ba, ngày 19 tháng bảy năm 2011

Cắt layout photoshop sử dụng CSS (p6)

Tiếp theo trong phần 6 này chúng ta sẽ cắt CSS cho phần right-sidebar. Giao diện của right-sidebar có giao diện như sau:

hinh anh mo ta right side bar, power by photoshop online
Phần background bo tròn 2 góc phía trên của mục New products và support online giống như phần background của Category bên left-sidebar nên chúng ta sẽ không cắt lại nữa mà sẽ dùng lại file cũ đã cắt xong. Chúng ta chỉ cần cắt ra những file ảnh sau đây:

hinh mo ta photograph, ban quyen thuoc ve photoshop onlinehinh mo ta bieu tuong yahoo online, anh do hoc photoshop cung capanh minh hoa computer, ban quyen thuoc ve hoc photoshop truc tuyenanh giuong ngu, ban quyen thuoc ve tu hoc photoshop
Việc còn lại chỉ là viết CSS cho phần này. Chúng ta thêm vào trong file template.css và template.html những đoạn code sau:

Thêm vào file template.css đạon code sau:

hinh mo ta css, tu hoc photoshop online (nhấp chuột vào ngay file ảnh trên để xem full size)

Thêm vào file template.html đoạn code sau:

anh mo ta file template html, ban quyen thuoc ve hoc photoshop

0 Ý kiến:

ĐỂ LẠI Ý KIẾN CỦA BẠN:

Hãy để lại thắc mắc, ý kiến đóng góp của bạn, xin viết tiếng Việt có dấu để tôn trọng người xem và cũng đừng Spam.