Tìm kiếm » Tệp tin (0)
• Bài viết :Hướng dẫn tạo giao diện web Hai Cột cho Xtgem
• Post By : Mr10_9x
• Lượt xem: 159
• Mục: Share Code Xtgem
• Chia sẻ :
• Post By : Mr10_9x
• Lượt xem: 159
• Mục: Share Code Xtgem
• Chia sẻ :
B1: Tạo file style.css sau đó copy đoạn css này vào
B2: Mở file _header của wap ra. Dán code này vào
B3: Mở file _footer của wap ra. Dán code này vào
DEMO:
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!
#mainWap{
width: 950px;
margin: 0 auto;
border-radius: 4px;
}
#header{
margin-bottom: 10px;
padding: 10px;
border: 1px solid #ddd;
}
#left{
float: left;
width: 700px;
padding: 5px 10px;
border: 1px solid #ddd;
}
#right{
float: right;
width: 200px;
padding: 5px 10px;
border: 1px solid #ddd;
}
#footer{
margin-top: 10px;
padding: 10px;
border: 1px solid #ddd;
}
.clr{clear: both;}
Copy Code
B2: Mở file _header của wap ra. Dán code này vào
<div id="mainWap">
<div id="header">
Đây Là Header
</div>
<div id="left">
Copy Code
B3: Mở file _footer của wap ra. Dán code này vào
</div>
<div id="right">
Đây là menu phái bên phải
</div>
<div class="clr"></div>
<div id="footer">
<div class="phdr">Phần Footer wap - VipTruyen.Mobie.In</div>
</div>
</div>
Copy Code
DEMO:
DEMO
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!
• Khi tải File bị lỗi hoặc báo Không Thể Lưu File Quá Dài thì hãy dùng Uc Browser và Xem Hướng Dẫn
Tags:
Bình luận
Bình luận facebook
Cùng chuyên mục
Share code phòng chat VipTruyen cập nhật bản hiện tại . (2015-01-27)Share code like facebook và googleplus xtgem hỗ trợ sẵn. (2015-01-21)
