XtGem Forum catalog
Anh em cây khế
|
+A Tăng cỡ chữ =A Mặc định -A Giảm cỡ chữ
• Tạo giao diện web 2 cột cho xtgem

Tạo giao diện web 2 cột cho xtgem

Bước 1: Tạo file style.css sau đó copy đoạn css này vào:

#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:



Bước 2: 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:



Bước 3: 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</div>

</div>

</div>

Copy code:



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 thành công!
Back Facebook Twitter Tin nhắn
Up
Tags: http://aeck.wap.sh/thu-vien/wapmaster/tao-giao-dien-web-2-cot-xtgem
SEO: Bạn đến từ:
Từ khóa:
U-ON Free counters!