[IR] Xuất CSS sau khi cắt Layout

[killer]

1. Open fie trong phóthop




2. thực hiện lệnh edit trong Image Ready






3. Trong IR chọn công cụ Slice và cắt layout theo mục đích sử dụng




4. Như ví dụ hình dưới đây là một ví dụ sau khi cắt



5. Sau khi cắt xong vào tham số như hìnhd dưới



6. Chọn Generate CSS và xuất (trong File->Outputsettings)

7. Click Ok
8. Vào File > Save Optimized


Bây giờ mở file index vừa xuất ra, sau đó view source của trang này


-Bạn sẽ thấy code của trang wweb được viết bằng CSS

Xem thêm bài viết cùng chuyên mục:

• Hiệu ứng màn hình quét
• ĐÁ LÔNG NHEO = ImageReady đơn giản
• Đưa một video clip vào ảnh
• Tạo chữ ký động!
• TUT:hình tròn động đậy (Tg:HMC)

[acquydeptrai]

Vấn đề này hay! Có thể giúp cho người mới làm quen với CSS biết thêm một số tag về CSS. Nhưng nó vẫn chỉ là một số tag thông thường chứ không nâng cao mấy!

P/S: ôi MAC giấc mơ của mình! (Chả nhẽ bán HP quyên góp thêm ít tậu MACBook pro )

[killer]

vậy là ngon rồi em ạ. Muốn cao thì phải học thêm thôi

[thangkt]

Tuyệt quá, đúng cái em đang cần, cám ơn anh nhiều lắm, trước toàn phải viết bằng tay, mết quá trời luôn :love

[djsup]

cám ơn bạn Killer, rất hay và dễ hiểu, từ đây tôi có thể tự đi một mình rồi.... .

[djsup]

cám ơn bạn Killer, rất hay và dễ hiểu, từ đây tôi có thể tự đi một mình rồi.....

[fode193]

thế ra php có hem anh killer ...

[gotomypc]

mình đang dùng bản photoshop CS3 không biết có lấy được css không pro chỉ hộ mình với thanks

[nh0c_tyler]

hay nhỉ thank anh Kill nhé, àh mà anh có thể cho em cái visual style của anh được kô

[zzrwzz]

em ko thấy hình gì hết =.=!

[pinkdreams210]

Hay qua! Thanks