关于如何美化日志(6)
|
带有背景图的滚动文本框(2) |
|
接上一讲!
只是简单地将第一讲和第四讲结合一下,变成带有背景图的滚动文本框,可能又有人会不满意了,像我上一讲做成的那个样子只适合可重复显示的小图片,如果是整张大图的话,重复显示起来会很难看!
对这个问题,我可以回答说,你可以控制一下表格的属性,让它的大小和你的图片大小相等,那就行啦!
这时,可能又有人会说,我的图片里面可是我的偶像哇!那些文字都跑到我的偶像脸上去啦!
对这个问题,如果将表格运用得好的话就可以解决了,比如像你现在看到的这个日志。这篇日志就是将整个表格划分为4个部分,把文字和图片做了一个规划所得到的效果。你可以通过划分表格,将文字放在任何你想放的地方。不过如果要将表格排版则必须要使用另外一种背景图添加方法,而不能用原来的那个,具体用看下面代码。
像这样的方法完全是靠个人创意和设计了,前提是你需要掌握网页表格的设计方法,这些对新手来说的确是比较困难,我这里就提供这篇日志的范例代码,有兴趣的可以研究一下,仅供参考!
|
本篇的范例代码:
<TABLE style="WIDTH: 378px; BACKGROUND-REPEAT: no-repeat; HEIGHT: 334px" background=http://img701.photo.wangyou.com/2005/8/30/145101/200511340516340.gif>
<TBODY>
<TR height=25>
<TD width="50%"></TD>
<TD width="50%">这里不滚动,呵呵</TD></TR>
<TR>
<TD width="50%"></TD>
<TD width="50%">
<DIV style="
BORDER-RIGHT: #ffffff 0px dotted;
BORDER-TOP: #ffffff 0px dotted;
BORDER-LEFT: #ffffff 0px dotted;
BORDER-BOTTOM: #ffffff 0px dotted;
SCROLLBAR-FACE-COLOR: #6699cc;
SCROLLBAR-HIGHLIGHT-COLOR: #6699cc;
OVERFLOW: auto;
SCROLLBAR-SHADOW-COLOR: #6699cc;
COLOR: #000000;
SCROLLBAR-3DLIGHT-COLOR: #ccffff;
SCROLLBAR-ARROW-COLOR: #ccffff;
SCROLLBAR-DARKSHADOW-COLOR: #336699;
WIDTH: 189px; HEIGHT: 280px" align=left>
<P>文字写在这里是会滚动的,双击输入</P>
</DIV></TD></TR></TBODY></TABLE>