Thứ Bảy, 15 tháng 3, 2014

CT - Khung


KHUNG:
1- KHUNG ẢNH GIẢ:

<DIV class=dummy style="WIDTH: 100%; HEIGHT: 200px">
</DIV>
2- KHUNG GIẢ KÈM NỀN:

<TABLE cellSpacing=0 cellPadding=0 width="675"
bgColor=#e4cbcb border=0>
<TBODY><TR vAlign=top><TD>abc<br><br>
</TD></TR></TBODY></TABLE></DIV>
<P align=center> </P>
3- KHUNG THANH CUỘN DÙNG 4 BORDER: 
<div align="center">
<pre style="background: #75140b; border-bottom: #8000ff 2px solid; border-left: #8000ff 2px solid; border-right: #8000ff 2px solid; border-top: #8000ff 2px solid; color: #75140b; height: 250px; overflow: scroll; padding-bottom: 40px; padding-left: 40px; padding-right: 40px; padding-top: 40px; width: 600px;"><table align="center" background="http://wm42.inbox.com/thumbs/7f6_87a8d_ca47ddd2_oJ.jpg.thumb" border="4" bordercolor="#000000" cellpadding="0" cellspacing="0" style="height: 300px; width: 600px;"><tbody>
<tr valign="top"><td><div class="MsoNormal" style="margin-bottom: 60px; margin-left: 50px; margin-right: 40px; margin-top: 50px;">
<span style="font-family: Times, Times New Roman, serif; font-size: x-large;">abc</span></div>
</td></tr>
</tbody></table>
</pre></div>
4- KHUNG TABLE CUỘN TỰ ĐỘNG: 

<TABLE border=1 cellSpacing=0 cellPadding=0 width=500px bgColor=#fff4e5 align=center>
<TBODY><TR>
<TD vAlign=top><DIV style="HEIGHT: 150px; OVERFLOW: auto">
<br><br><br><br><br><br><br><br><br><br><br><br>
</TD></TR></TBODY></TABLE>

<table align="center" bgcolor="#DDDD00" border="1" cellpadding="0" cellspacing="0" style="width: 500px;"><tbody>
<tr> <td valign="top"><div style="height: 150px; overflow: auto;">abc</div>
</td></tr></tbody></table>

5- Khung chèn tự co dãn kiểu Multiply:
<DIV align=center>
<TABLE cellSpacing=0 cellPadding=0 border=0>
<TBODY>
<TR>
<TD><IMG
src="1"></TD>
<TD background=2></TD>
<TD><IMG src="3"></TD>
</TR>
<TR>
<TD background=4></TD>
<TD>ab</TD>
<TD background=5></TD>
</TR>
<TR>
<TD><IMG src="6"></TD>
<TD background=7></TD>
<TD><IMG src="8"></TD>
</TR>
</TBODY></TABLE>
</DIV>
Ghi chú công thức 5:

 1- Ảnh góc trái trên của khung
2- Nền ảnh đó khung trên
3- Ảnh góc phải trên của khung
4- Nền ảnh đố dọc trái của khung.
abc - Dữ liệu được post
5- Nền ảnh đố dọc phải của khung
6- Ảnh góc trái dưới của khung
7- Nền ảnh đó ngang dười của khung
8- Ảnh góc phải dưới của khung

 --------------------------------------------------------



Một khung chèn ảnh tự co dãn (chưa chuẩn với blogger)

<div align="center">
<table border="0" cellspacing="0" cellpadding="0">
<tbody>
<tr>
<td><img src="1" alt="" /></td>
<td style="background: url('2 ') repeat-x;" width="18"> </td>
<td><img src="3" alt="" /></td>
</tr>
<tr>
<td style="background: url('4 ') repeat-y;" width="18"> </td>
<td>abc</td>
<td style="background: url('5 ') repeat-y;" width="18"> </td>
</tr>
<tr>
<td><img src="6" alt="" /></td>
<td style="background: url('7 ') repeat-x;" width="18"> </td>
<td><img src="8" alt="" /></td>
</tr>
</tbody></table>
</div>


Ví dụ một khung chèn tự dãn (chưa chuẩn với Blogger):

<div align="center">
<table border="0" cellspacing="0" cellpadding="0">
<tbody>
<tr>
<td><img src="http://wm42.inbox.com/thumbs/98a_878f9_a59aba6f_oJ.jpg.thumb" alt="" /></td>
<td style="background: url('http://wm42.inbox.com/thumbs/98b_878f8_4c71e6d_oJ.jpg.thumb') repeat-x;" width="18"></td>
<td><img src="http://wm42.inbox.com/thumbs/98c_878f7_449252e3_oJ.jpg.thumb" alt="" /></td>
</tr>
<tr>
<td style="background: url('http://wm42.inbox.com/thumbs/98d_878f6_d9f8e565_oJ.jpg.thumb') repeat-y;" width="18"></td> <td>ab</td>
<td><img src="http://pb.xanga.com/bf/8a/bf8afda19f0159b23e440b50e329e1e040058942.jpg" alt="" data-src="http://pb.xanga.com/bf/8a/bf8afda19f0159b23e440b50e329e1e040058942.jpg" /></td>
<td style="background: url('http://wm42.inbox.com/thumbs/98e_878f5_d214c967_oJ.jpg.thumb') repeat-y;" width="18"></td>
</tr>
<tr>
<td><img src="http://wm42.inbox.com/thumbs/98f_878f4_78ea2d65_oJ.jpg.thumb" alt="" /></td>
<td style="background: url('http://wm42.inbox.com/thumbs/990_878f3_78ae3e15_oJ.jpg.thumb') repeat-x;" width="18"></td>
<td><img src="http://wm42.inbox.com/thumbs/991_878f2_d193e3d5_oJ.jpg.thumb" alt="" /></td>
</tr>
</tbody></table>
</div>
10- BOX HỞ BÊN TRÁI:

<CENTER>
<FIELDSET style="WIDTH: 500px; HEIGHT: 350px">
<P><LEGEND>Box nhỏ tại chỗ hở</LEGEND></P>
<P>Nơi gõ nội dung vào box</P></FIELDSET>
</CENTER>

11. KHUNG CỐ ĐINH (dữ liệu video chỉnh hợp với kích thước khung)

Quá trình:
-          Tạo một nền trang (không lặp lại càng tốt)
-          Tạo một table chứa trong nền và chỉnh kích thước vị trí đúng (nên để lề table bên trái rồi chỉnh dần vào vị trí thích hợp nhất, chỉnh luôn cả kích thước table đó)

Tạo một khung chèn cố định và chèn một video theo khung.

<table align="left" background="http://wm42.inbox.com/thumbs/aaa_877d9_defba183_oJ.jpg.thumb" border="1" cellpadding="0" cellspacing="0" style="height: 454px; width: 734px;"><tbody>
<tr valign="top"><td><div class="MsoNormal" style="margin-bottom: 84px; margin-left: 120px; margin-right: 30px; margin-top: 44px;">

<table align="left" bgcolor="#000000" border="1" bordercolor="#B9B9FF" cellpadding="0" cellspacing="0" style="height: 192px; width: 344px;"><tbody>
<tr><td valign="top"><span style="color: yellow;"><iframe allowfullscreen="" frameborder="0" height="192" src="//www.youtube.com/embed/A2Nt6LRR-MI" width="344"></iframe></span></td></tr>
</tbody></table>

Ghi chú :  Table cơ sở tạo khung chèn cho bên trong là :
<table align="center" bgcolor="#00FF00" border="0" bordercolor="#FF0000" cellpadding="0" cellspacing="0" style="height: 300px; width: 400px;"> <tbody>
<tr><td valign="top">abc</td></tr>
</tbody></table>


---------------------------------------------------------------------------------


Các chuyên đề liên quan:

Người đăng: vào lúc
Nhãn: