Có thể gửi cho bạn mình một email luôn luôn có một ảnh phong cảnh đẹp (hay ảnh của chính mình) xuất hiện chìm trong trang thư hoặc xuất hiên rõ ràng ở đầu trang, cuối trang hay lề trang (lề trái, lề phải hay cả hai lề). Việc này thực ra rất dễ dàng nếu ta dùng code để soạn thảo tạo ra nền đó.
Dưới đây tôi nêu trường hợp nền trang luôn luôn có ảnh ở đáy trang. Tôi chọn ảnh một cái ấm chuyên trắng đang rót trà.
Ảnh cái ấm chuyên ở trên có địa chỉ như sau:
Ảnh này có kích thước 732x309
Để viết code cho nền theo ý định nói trên đơn giản là ta tạo ra hai table nền: Một table có kích thước ngang bằng ngang ảnh và mang màu giống với màu biên trên của ảnh, rồi đạt lên trên một table thứ hai là nền ảnh.
1- Trước hết ta dùng tiện ích đo màu vùng biên trên ảnh kết quả chỉ số màu có giá trị như sau: #d1e7f4.
Vậy code cho table màu có thể viết như sau:
<TABLE border=0 cellSpacing=0 borderColor=#d1e7f4 cellPadding=0 width=732 bgColor=#d1e7f4 align=center height=300>
<TBODY> <TR vAlign=top> <TD style="PADDING-BOTTOM: 70px; PADDING-LEFT: 100px; PADDING-RIGHT: 55px; PADDING-TOP: 70px"> abc</TD></TR></TBODY></TABLE>
2- Code cho table ảnh :
<TABLE border=0 cellSpacing=0 borderColor=#d3ffb4 cellPadding=0 width=732 bgColor=#d3ffb4 align=center height=309>
<TBODY> <TR> <TD vAlign=bottom align=right><IMG border=0 hspace=0 alt="" align=baseline src="http://wm42.inbox.com/thumbs/91a_87969_a4cb9d97_oJ.jpg.thumb" _id=""></TD></TR></TBODY></TABLE>
3- Đặt table màu lên trên nối liền với table atnh bên dưới ta được code của nền ta mong muốn :
<TABLE border=0 cellSpacing=0 borderColor=#d1e7f4 cellPadding=0 width=732 bgColor=#d1e7f4 align=center height=300>
<TBODY> <TR vAlign=top> <TD style="PADDING-BOTTOM: 70px; PADDING-LEFT: 100px; PADDING-RIGHT: 55px; PADDING-TOP: 70px"> </TD></TR></TBODY></TABLE>
<TABLE border=0 cellSpacing=0 borderColor=#d3ffb4 cellPadding=0 width=732 bgColor=#d3ffb4 align=center height=309>
<TBODY> <TR> <TD vAlign=bottom align=right><IMG border=0 hspace=0 alt="" align=baseline src="http://wm42.inbox.com/thumbs/91a_87969_a4cb9d97_oJ.jpg.thumb" _id=""></TD></TR></TBODY></TABLE>
4- Dán code tạo được vào cửa sổ HTML rồi trở lại cửa sổ soạn bình thường ta có kết quả như sau:
Ghi chú thêm:
1- Trong code nền màu nằm trên có chèn vào 3 chữ abc chỉ là để đánh dấu điểm bắt đầu nhập liệu. Kích thước ngang của table này đúng với kích thước ngang của ảnh (ở đây là 732px) .
- Các thông số kèm giá trị của style gồm :
<TD style="PADDING-BOTTOM: 70px; PADDING-LEFT: 100px; PADDING-RIGHT: 55px; PADDING-TOP: 70px">
chỉ là thêm vào để căn lề sẵn cho trang (có thể bỏ đi cũng được)
2- Trong code của nền ảnh thì kích thước table (ngangxcao) chỉ định chính xác theo kích thước của ảnh (ở đây là 732x309).
3- Tóm lại thủ thuật này chỉ là dùng nền nhập liệu riêng đặt lên trên một nền ảnh (không nhập liệu) làm sao cho biên giáp giwso giữa hai nềnđồng màu nhau. Khi xem không thể phân biệt được rõ hai table nối
|
Saturday, February 15, 2014
Subscribe to:
Post Comments (Atom)
No comments:
Post a Comment