好久没写这样的东东了,呵呵。
近期有不少人问:我不想让日志拉很长,可是又觉得用滚动文本框的话,只有一个背景颜色不好看,那怎么办?为什么你的日志有背景图片?
那今天这一讲就来讲讲如何制作带有背景图的滚动文本框(1)(哎?为什么要加个“1”?那当然是因为还有2嘛!呵呵,下次继续介绍心得,敬请期待=_=+)
其实也很简单,只要结合运用我的第一讲——《如何添加日志背景图片》和第四讲——《合理使用滚动文本框》就行了,原理其实就是把滚动文本框的背景颜色去掉,使之“透明”,然后将其设置为撑满整个日志大小,再加上背景图片照常使用,给人的感觉就变成带有背景图的滚动文本框了!
比如你现在看到的这个带有背景的滚动文本框的代码如下:
<TABLE height="100%" width="100%" border=0><TBODY><TR><TD background=http://bbs.muwen.com/fileuploaddir/5829173637.1.GIF><DIV style="BORDER-RIGHT: #99CCFF 2px dotted; BORDER-TOP: #99CCFF 2px dotted; BORDER-BOTTOM: #99CCFF 2px dotted; BORDER-LEFT: #99CCFF 2px dotted; OVERFLOW: auto; COLOR: #000000; scrollbar-face-color:#FFEFFf; scrollbar-highlight-color:#ffffff; SCROLLBAR-3DLIGHT-COLOR: #FFEFFf; scrollbar-shadow-color:#FFEFFf; scrollbar-darkshadow-color:#FFEFFf; SCROLLBAR-ARROW-COLOR: #99CCFF; WIDTH: 100%; HEIGHT: 300px; " align=left>双击输入日志文字
</DIV></TD></TR></TBODY></TABLE>
这里要说明一下:
所有加亮显示的都是能改变整个文本框外观的地方,对这几个部分应该如何改变,相信所有读过我的第四讲的朋友都已经知道了,如果需要可以参考这两讲的相关内容。这里再稍稍说明一下:所有BORDER开头行中的2px,将其修改为0px即可去掉边框,dotted表示点状虚线,你可以把它改成solid(实线)、dashed(小段横条虚线)等等;蓝色字体表示的是图片链接地址,你可以替换为自己想要的图片地址,跟第一讲中所说的相同。把上面加亮的这些统统改一下试试,你就会知道它们究竟该怎么用了,祝玩得愉快!*∩_∩*
下一讲>>
댓글을 추가하려면 Windows Live ID로 로그인하세요. 핫메일, 메신저 또는 Xbox LIVE를 사용하는 경우 해당 계정을 Windows Live ID로 사용할 수 있습니다.로그인
Windows Live ID가 없으신가요? 등록