HD tạo giao diện 2 khung bên wap trên pc

» Nội dung :
Hôm nay mình sẽ hướng dẫn tự tạo giao diện 2 khung bên wap web xtgem của bạn.
Bạn có 1 trang wap chỉ có style điện thoại chính ở giữa,các bạn muốn tự tạo thêm 2 bên khi truy cập từ pc cho đa dạng,đẹp hơn.
Đầu tiên là DEMO
B1: Tạo file "style.css" sau đó copy đoạn css này dán vào
#mainWap{ <br /> width: 950px; <br /> margin: 0 auto; <br /> border-radius: 4px;<br /> }<br /> #header{<br /> margin-bottom: 10px; <br /> padding: 10px;<br /> border: 1px solid #ddd;<br /> }<br /> #left{ <br /> float: left; <br /> width: 700px; <br /> padding: 5px 10px;<br /> border: 1px solid #ddd;<br /> }<br /> #right{ <br /> float: right; <br /> width: 200px; <br /> padding: 5px 10px;<br /> border: 1px solid #ddd; <br /> }<br /> #footer{ <br /> margin-top: 10px; <br /> padding: 10px; <br /> border: 1px solid #ddd;<br /> }<br /> .clr{clear: both;}
Vào file _header dán code này
<div id="mainWap"> <br /> <div id="header"><br /> Đây Là Header<br /> </div><br /> <div id="left">
Vào file _footer dán code này vào
</div><br /> <div id="right"><br /> Đây là menu phái bên phải<br /> </div><br /> <div class="clr"></div> <br /> <div id="footer"> <br /> <div class="phdr">Phần Footer wap</div><br /> </div><br /> </div> <br />
Chú ý: * Các file trong wap sẽ tự nằm trong phần nội dung chính * Đây là code cơ bản và css cấn thiết để tạo style web. Hãy kết hợp với css thường để lòng vào các nội dung như trên để có style web đẹp. Chúc bạn thành công!

Tên bài: HD tạo giao diện 2 khung bên wap trên pc
Chuyên mục: CODE KHÁC
Lượt xem:

Link:

Share code Phân Trang Mod WordPress cho wap xtgem

Share code tạo lồng chữ

Share code phòng chat xtgem không js xtscript

Share code máy đếm xtgem ảo mà lại thật

Share code tạo fan sign online hot girl đẹp

HD tạo giao diện 2 khung bên wap trên pc

Từ khóa:D,tạo,giao,diện,2,khung,bên,wap,trên, XTGEM&Hữu Tặng™
© 2014SaoQua.Wap.Sh