THAY ĐỔI SOURCE CODE CỦA
WEBSET DÙNG IFRAME

Download webset này tại Rainbow Row Graphics, bạn sẽ có 2 files HTML (mặc định là honeybears.html và honeybears_main.html) và các hình ảnh.

- File honeybears.html là giao diện của webset này;
- File honeybears_main.html thể hiện nội dung trong khung (nội dung của bài hướng dẫn này). Nếu bạn thích giao diện của webset này, bạn chỉ cần thay đổi nội dung trong file honeybears_main.html là được, lại đơn giản, không mất thời gian nhiều;
- Tất cả hình ảnh tôi chuyển vào 1 folder gọi là images, và thay đổi đường dẫn cho tất cả các hình ảnh trong 2 files HTML, ví dụ: <img src="images/toslice_1x1.jpg">

Muốn "kéo dài" webset này, trước tiên cần tìm đoạn mã sau đây trong file honeybears.html (chú ý phần in đậm):

<table width="760" border="0" cellspacing="0" cellpadding="0" align="center">

<tr>

<td width="140" height="161" valign="top"><img src="images/toslice_1x1.jpg" width="140" height="161"></td>
<td valign="top" width="100" height="161"><img src="images/toslice_1x2.jpg" width="100" height="161"></td>
<td valign="top" width="35"><img src="images/toslice_1x3.jpg" width="35" height="161"></td>
<td valign="top"><img src="images/toslice_1x4.jpg" width="100" height="161">
<img src="images/toslice_1x5.jpg" width="125" height="161"><img src="images/toslice_1x6.jpg" width="115" height="161">
<img src="images/toslice_1x7.jpg" width="105" height="161"></td>
<td valign="top" width="40"><img src="images/toslice_1x8.jpg" width="40" height="161"></td>

</tr>

<tr>

<td width="140" height="179" valign="top"><img src="images/toslice_2x1.jpg" width="140" height="179"></td>
<td valign="top"><img src="images/toslice_2x2.jpg" width="100" height="179" usemap="#Map" border="0"></td>
<td valign="top"><img src="images/toslice_2x3.jpg" width="35" height="179"></td>
<td valign="top" rowspan="2"><iframe src="honeybears_main.html" width="445" height="299" frameborder="0" name="iframe"></iframe></td>
<td valign="top"><img src="images/toslice_2x5.jpg" width="40" height="179"></td>

</tr>

<tr>

<td valign="top" width="140" height="40"><img src="images/toslice_4x1.jpg" width="140" height="40"></td>
<td valign="top"><img src="images/toslice_4x2.jpg" width="100" height="40"></td>
<td valign="top"><img src="images/toslice_4x3.jpg" width="35" height="40"></td>
<td valign="top"><img src="images/toslice_4x4.jpg" width="445" height="40"></td>
<td valign="top"><img src="images/toslice_4x5.jpg" width="40" height="40"></td>

</tr>

</table>

Lưu ý

Nếu không muốn dùng frame, bạn xóa đoạn mã dưới đây đi

<iframe src="honeybears_main.html" width="445" height="299" frameborder="0" name="iframe"></iframe>