| 個人檔案☆XRJ8866☆の地盘相片部落格清單 |  工具  說明 |
关于如何美化日志（4）好像很久没有继续写我的心得了呢，最近因为空的时候就忙着照顾我的小优，呵呵。今天来说点什么呢？
啊！对了，我们就来说说如何使用滚动文本框吧！
第四讲——合理使用滚动文本框
当你在发表长篇大论的时候，一定会碰到这样的问题：一篇日志拖的老长老长的，使整个主页看上去很不舒服，没人喜欢看一个网页的时候要拼命滚动鼠标滑轮的吧，呵呵
而且如果滚动文本框用的好的话，也可以增加整篇日志的美观程度哟！ 下面给出一个我曾经用过的文本框的示例： 这是这个滚动文本框的源代码：
<DIV style="BORDER-RIGHT: black 2px solid; BORDER-TOP: black 2px solid; SCROLLBAR-FACE-COLOR: #1757ac; SCROLLBAR-HIGHLIGHT-COLOR: #1757ac; OVERFLOW: scroll; BORDER-LEFT: black 2px solid; WIDTH: 372px; SCROLLBAR-SHADOW-COLOR: #1757ac; COLOR: #ffffff; SCROLLBAR-3DLIGHT-COLOR: #1757ac; SCROLLBAR-ARROW-COLOR: #ffffff; BORDER-BOTTOM: black 2px solid; SCROLLBAR-DARKSHADOW-COLOR: #1757ac; HEIGHT: 54px; BACKGROUND-COLOR: #1757ac" align=left>
<P>日志文字</P></DIV> 上面代码中的比如“#1757ac”这样子用＃号打头的16进制代码表示的是颜色值，你可以任意替换搭配上面的各个颜色值试试效果，这里给一个查看颜色值的地方：点这里查看网页色彩代码表 这里要声明一下，以上代码并非我原创，该代码原创作者为Loadmemory，你可以点击这里查看Loadmemory关于如何添加滚动文本框的介绍 这是Loadmemory的日志中所提及的那个带有黑色背景及灰蓝色边框的文本滚动框的实例效果展示，我是原样照搬啦，连尺寸都一点没改，所以看起来可能有些奇怪，大家可以自己设置啦!
其实对于懂一些英语的人来说，这些代码还是挺容易明白的。 另外再给一个具有windows自带风格的自动滚动文本框的示例，这个方法相比上面说的要简单很多，但是能够让自定义样式的地方却也因此少了很多。 下面是这个例子的源代码： <div style="width:200px;background-color:#ffffa2"> <div style="overflow:auto;width:100%;line-height:14pt;letter- spacing:0.2em;height:100px"> 这里写你的文字 </div></div>
合理利用以上这些代码，可以使你的日志显得美观而不花哨！
引用通告此內容的引用通告是： http://xrj8866.spaces.live.com/blog/cns!3CA4494A5BCAC05F!525.trak 引述這則內容的部落格
|
|
|
