Rujing 的个人资料☆XRJ8866☆の地盘照片日志列表 工具 帮助

关于如何美化日志(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>

 

评论

请稍候...
很抱歉,您输入的评论太长。请缩短您的评论。
您没有输入任何内容,请重试。
很抱歉,我们当前无法添加您的评论。请稍后重试。
若要添加评论,需要您的家长授予您相应权限。请求权限
您的家长禁用了评论功能。
很抱歉,我们当前无法删除您的评论。请稍后重试。
您已超过了一天之内允许提供的评论数上限。请在 24 小时后重试。
因为我们的系统表明您可能在向其他用户提供垃圾评论,您的帐户已禁用了评论功能。如果您认为我们错误地禁用了您的帐户,请联系 Windows Live 支持部门
完成下面的安全检查,您提供评论的过程才能完成。
您在安全检查中键入的字符必须与图片或音频中的字符一致。

若要添加评论,请使用您的 Windows Live ID 登录(如果您使用过 Hotmail、Messenger 或 Xbox LIVE,您就拥有 Windows Live ID)。登录


还没有 Windows Live ID 吗?请注册

引用通告

此日志的引用通告 URL 是:
http://xrj8866.spaces.live.com/blog/cns!3CA4494A5BCAC05F!1091.trak
引用此项的网络日志