5월 14일
Space入门教程(五)
5.1 制作文本滚动框
文本滚动框是一个非常实用的工具,可以调节日志的长度。必须强调的是,和所有的工具一样,SPACE的效果多样化必须依靠Edit It工具来实现。下面是制作滚轴的具体步骤:
①进入文本编辑状态,并HTML编辑模式;
②在<P></P>之间插入下面的语法
<DIV align=left style=' color: #000000; background-color: #ffffff; border: solid 2px silver; width: 120px; height: 200px; overflow: scroll; scrollbar-face-color: #889B9F;scrollbar-shadow-color: #3D5054;scrollbar-highlight-color: #C3D6DA;scrollbar-3dlight-color: #3D5054;scrollbar-darkshadow-color: #85989C;scrollbar-track-color: #95A6AA;scrollbar-arrow-color: #FFD6DA;'>日志文字</DIV>
③上述语法生成一个带有黑色背景及灰蓝色边框的文本滚动框。语法里的参数相当简单,主要是控制不同部分的色彩,你可以做相应变化并在预览中观看实际效果。
④退出HTML编辑模式,然后在日志编辑页面,使用鼠标可以方便地直接调整滚动框的大小。
5.2透明地文本滚动框
在掌握了上面滚轴效果的基础上,可以尝试将文本滚动框透明化,进一步达到隐藏边框的效果。语法基本是相同的,只需调整相应参数设置:
①将文本滚动框背景设置成透明色,这点相当重要,即background-color:Transparent;
②将文本滚动框的边框值设置为0,即border: solid 0px;
③将有关文本滚动框的各个组成部分的色彩均设为与日志背景相同,即修改各参数的色彩值;
④滚动条箭头色彩,即scrollbar-arrow-color: 应不同的色彩值。这点相当关键,建议使用SPACE日志底色的对比色;比如:黑与白,红与蓝。
需要注意的是,由于很难获得SPACE背景色的正确“色值”,滚轴也就无法实现隐藏的效果。
所以在白色或黑色地日志背景上,比较容易实现。只需要将各色彩值设置为#ffffff或#000000即可。
(参看实际应用范例:点击这里)