Giao diện liquid với CSS – Phần 2
- September 7, 2009
- 19 comments
Trong phần trước của tutorial này, tôi đã hướng dẫn bạn cách tạo ra giao diện 2 cột và 3 cột cố định. Trong phần này chúng ta sẽ tạo ra trang web có thể giãn nở tùy theo kích thước của màn hình. Mỗi loại giao diện đều có điểm mạnh và mặt hạn chế khác nhau, do vậy bạn nên quyết định xem dạng giao diện nào phù hợp với trang web của mình nhất.
Thời lượng:10:56
Xem Demo: 3 cột co giãn và cố định 2 bên, 3 cột co giãn
A adm oi cho bon em file cua style.css di de re hiu hon!!hjhj…em moi chap chung lam wed.hj
tự làm để thấy rõ hơn
Sao khong thay anh upload file html va css vay?
cho em down phần này với
Xin chào anh!
Em có giao diện có chiều rộng là 1400px.
Em chia làm 3 cột:
+ Left:dùng cho quảng cáo (200px)
+ Midle: cột nội dung website(1000px)
+ Right: dùng cho quảng cáo (200px)
Anh chỉ cho em cách viết code div 3 cột đó, để khi em sử dụng màn hình 1024 thì thấy midle thôi, còn sử dụng màn hình lớn hơn thì thấy hết 3 cột.
Cám ơn anh rất nhiều. Monh nhận được hồi âm của anh
các trình duyệt bây giờ độ rộng chuẩn là 1024px, bạn làm rộng quá làm gì, cho dù màn hình bạn có revolution 1280×1024 đi nữa mở trình duyệt lên vẫn là 1024px.1024px đã là quá đủ để trình bày nội dung.
Muốn down bạn chỉ cần cài IDM, khi nhấn play sẽ có phần download ở phía trên góc trái. Nhấn vào là down được!
thật sự cảm ơn DW nha. video này tuy anh không code nhưng cũng khá là dể hiểu nếu vừa xem vừa làm theo.
@Hoainamdo
Video vẫn play bình thường , check lại nhé !
Phần này k có video down về hả bạn ? T_____________T
Cảm ơn anh, tuyệt quá, anh cho em link down phần này được không
Hehe, @pe_pe nên vào đọc FAQ đi .
DW dùng cái này https://addons.mozilla.org/en-US/firefox/addon/60
có fải bạn dùng firebug để viết code ko
Cám ơn bạn nhiều để mình dùng thử cái đó coi.
@meohoang : Ban xai Addon Unplug cua FireFox để get FLV movies trên về, khỏi cần link down đâu
chất lượng chỉ thua khoảng 5% thôi nhưng xem vẫn rõ lắm
Trên trình duyệt bạn nhần Ctrl + N, điền vào flv, sẽ ra cái đuồi của link, cop cái link đó, vô IDM nhấn Add link, roi down về
bạn ơi cho mình xin liên kết dow giao dien liqid với css_phần 2
Thiếu sót, thiếu sót. Lẽ ra anh phải nói thêm phần sử dụng Faux Column để tạo màu chạy dài mà cuối cùng quên mất. Anh sẽ làm một tut bổ sung cho phần này. Nhưng gợi ý em trước là nó sử dụng hình ảnh để set background và tạo ra cảm giác chạy dài.
Anh ơi, trong cái Giao diện liquid với CSS – Phần 1 anh có nhắc đến cách để cái cột mainNav nó dài ra ,màu chạy xuống tận footer như 2 cái cột còn lại.
Tại vì cái mainav nó có ít chữ nên o tự kéo xuống được.
Vậy làm cách nào để nó kéo xuống a;