boysg1a.gif boysg1b.gif

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

Download webset này tại Graphic Garden, bạn sẽ có file boy1.html và các hình ảnh hiển thị nằm trong cùng folder boy1 (bạn cũng có thể dùng menu save as của Internet Explorer để copy source code và hình ảnh của trang hướng dẫn này).

Nếu bạn muốn giữ nguyên các hình nền như trong webset này, bạn cần chú ý đoạn code sau đây, ngay phần đầu của thẻ <body> trong file boy1.html:

<BODY background="boybg1a.gif" bgcolor="#ffffff" text="#577893" link="#819676" vlink="#577893" alink="#577893" leftmargin="36" topmargin="36" marginwidth="36" marginheight="36">

<center>
<table width="100%" cellpadding="0" cellspacing="14" border="0" background="boybg1b.gif">
<<tr>
<td width="100%">

<center>
<table width="100%" cellpadding="0" cellspacing="14" border="0" background="boybg1c.gif">
<tr>
<td width="100%">

- Webset này bao gồm 3 hình nền

boybg1a.gif

boybg1a.gif
boybg1b.gif

boybg1b.gif
boybg1c.gif

boybg1c.gif

được sắp xếp chồng lên nhau (tương tự như các layers). Nếu bạn muốn thay đổi hình nền khác thì tìm hình và copy vào folder boy1, rồi thay tên trong các thẻ <body background> và <table>. Nhưng theo ý tôi, bạn nên sử dụng chung 1 webset thì sẽ hài hòa hơn.

- Có 2 thẻ <table> được mở, thì cũng phải có 2 thẻ đóng </table>. Bạn sẽ tìm thấy 2 thẻ này ở ngay trước thẻ </body> ở cuối file boy1.html.

</td>
</tr>
</table>
</center>

</td>
</tr>
</table>
</center>

</BODY>

</HTML>

Bạn cần lưu ý để không xóa đi bố cục này.

Ngoại trừ đoạn code này, bạn có thể yên tâm... xóa tất cả codes, và bắt đầu sắp xếp website theo ý mình. Nhắc lại là chỉ thêm thông tin vào đúng chỗ bạn đã xóa codes. Cụ thể là:

<BODY background="boybg1a.gif" bgcolor="#ffffff" text="#577893" link="#819676" vlink="#577893" alink="#577893" leftmargin="36" topmargin="36" marginwidth="36" marginheight="36">

<center>
<table width="100%" cellpadding="0" cellspacing="14" border="0" background="boybg1b.gif">
<<tr>
<td width="100%">

<center>
<table width="100%" cellpadding="0" cellspacing="14" border="0" background="boybg1c.gif">
<tr>
<td width="100%">

NỘI DUNG TRANG WEB THỂ HIỆN Ở ĐÂY

</td>
</tr>
</table>
</center>

</td>
</tr>
</table>
</center>

</BODY>

</HTML>

Click để xem hướng dẫn 1 mẫu trang trí cho website của bé.

Trở về mục lục

boycl1o.gif boycl1p.gif boycl1q.gif boycl1r.gif

boycl1c.gif boycl1d.gif boycl1b.gif boycl1a.gif

boycl1g.gif boycl1v.gif boycl1u.gif boycl1x.gif boycl1w.gif

boycl1t.gif boycl1j.gif boycl1k.gif

boycl1m.gif

boyln1c.gif

boycl1i.gif boycl1e.gif boycl1s.gif boycl1n.gif

boycl1l.gif

boycl1h.gif boycl1f.gif

boycl1y.gif boycl1z.gif boycl1aa.gif

boyln1a.gif

Here is the coding for the guestbook image maps (it's the same for both).
Simply copy and paste everything between the stars. Don't forget to change the
name of the graphic (in three places) and to alter the links.

* * * *
<img src="boygb1a.gif" usemap="#boygb1a" border="0">
<map name="boygb1a">
<area shape="rect" coords="7,21,72,108" href="Guestbook URL (sign)">
<area shape="rect" coords="74,36,144,108" href="Guestbook URL (view)">
</map>
* * * *

boygb1a.gif boygb1b.gif

boyml1a.gif

boyln1b.gif

boybt1a.gif boybt1b.gif boybt1c.gif boybt1d.gif boybt1e.gif

Backgrounds/Bakgrunder:

Counter digits/räknarsiffror:

boydg11.gif boydg12.gif boydg13.gif boydg14.gif boydg15.gif boydg16.gif boydg17.gif boydg18.gif boydg19.gif boydg10.gif

Text color: #577893, Link color: #819676
Font used is 'Kristen ITC'

boylg1a.gif
Please link to www.graphicgarden.com

Copyright © 1997-2004 Helena Normark/Graphic Garden.