Nền ảnh tĩnh (quiet backgrounds)
Tạo nền
Nền của blog được trang trí nhằm tạo ra điểm nhấn , làm nổi bật ý tưởng của nội dung và thu hút sự chú ý của người đọc vào trọng tâm của nội dung.
Nền Blog có thể được tạo ra:
1/ Từ nền mầu đồng nhất của các ô table ;
2/ Từ các ảnh tĩnh;
3/ Từ các ảnh động.
Dưới đây trình bày về cách tạo nền từ các ảnh tĩnh.
|
Code của nền trên có dạng là: <center><div align="center"> <table background="http://images.phamtracvu.multiply.com/image/2/photos/123/500x500/17/ AB003354%5B1%5D-2.jpg?et=C9T4cUXixqCoOT%2C%2C4yD65A&nmid=84530015" border="0"><tbody> <tr height="200" valign="top"> <td width="100%"><font style="color: rgb(255, 255, 0);" color="white" size="6"></font><div style="text-align: center;"><font style="color: rgb(255, 255, 0);" color="white" size="6"><span style="color: rgb(255, 255, 102);"><font style="color: rgb(255, 255, 0);" size="5"><br>Nền này khá đẹp<br>Để bề rộng = 70% của ảnh gốc<br><br><br><br><br><br><br style="color: rgb(255, 255, 255);"></font></span></font></div></td></tr></tbody></table></div> <p></p></center> |
==========================
Code của DK có căn lề trái phải cho văn bản: (http://doanket.multiply.com/journal/item/1370)
<DIV align=center>
<TABLE cellSpacing=0 cellPadding=3 width="115%" background=[………..]
border=0>
<TBODY>
<TR vAlign=top height=200>
<TD width="115%"><FONT color=black size=2>
<P class=MsoNormal style="MARGIN: 0cm 1cm 0pt 34pt; TEXT-INDENT: 25.5pt; TEXT-ALIGN: justify"> </P>
<P class=MsoNormal style="MARGIN: 0cm 1cm 0pt 34pt; TEXT-INDENT: 25.5pt; TEXT-ALIGN: justify"> </P>
</FONT></TD>
</TR>
</TBODY>
</TABLE>
</DIV>
=====================================
| Còn đây là nền có kích thước mặc định đúng bằng 100% ảnh thực. Nền này rộng hơn ảnh thực, vì vậy ảnh sẽ lập lại. Phần lập lại ta không nhìn thấy vì tính đồng nhất của màu ảnh nền.
<DIV align=center>
<TABLE cellSpacing=0 cellPadding=3 width="100%" background=http://images.phamtracvu.multiply.com/image/2/photos/
border=0>
<TBODY>
<TR vAlign=top height=200>
<TD width="100%"><FONT color=black size=3>
<P class=MsoNormal style="MARGIN: 0cm 1cm 0pt 34pt; TEXT-INDENT: 25.5pt; TEXT-ALIGN: justify"> </P>
<P class=MsoNormal style="MARGIN: 0cm 1cm 0pt 34pt; TEXT-INDENT: 25.5pt; TEXT-ALIGN: justify"> </P>
</FONT></TD>
</TR>
</TBODY>
</TABLE>
</DIV>
|
Nhận xét