标题:MSN Space进阶技巧---第七讲 文字光影效果及滚动文本框(外加文字竖排版)

作者: 发表时间:2008-02-19    点击:    关键词:文字 滚动 文本 效果 技巧 语法 日志 参数 style 可以


  • 温馨提醒: 使用本站代码前请先做好备份,本站代码全部经过测试,代码完整可靠

    以下为代码区:基本使用方法是直接复制以下代码到指定区域(如校内涂鸦版),点保存即可。
    以下是代码:

    有关文字方面的处理,MSN
    Space提供了最基本的几个格式化命令,再加上我们的扩展编辑工具,在应付一般的文字编排上应该是绰绰有余了。如果还想获得更多的效果,尤其是在文字排版方面,大家可以参考相应的HTML及CSS中有关文字处理的介绍,在这里就不做讲解了,毕竟我的教程只是给大家提供一些简单实用的小技巧,而并非网页制作方面的专业讲座。不过对于一些比较特殊的文字效果或编排方式,我还是会及时将有关语法和代码提供给大家。
    (注:下述语法的使用,仍然是通过HTML语言编辑模式来实现,有关如何获取HTML扩展功能,请参见本教程第一章)
    下面就给大家介绍我在日志中展示过的三种彩色文字效果的相关语法:
    阴影:<FONT style="COLOR: #xxxxxx; FILTER: shadow(color=black); FONT-FAMILY:
    华文彩云; FONT-SIZE: 20pt; WIDTH: 100%"><B>日志文字</B></FONT>

    发光:<FONT style="COLOR: #xxxxxx; FILTER: glow(color=black); FONT-FAMILY:
    华文彩云; FONT-SIZE: 20pt; WIDTH: 100%"><B>日志文字</B></FONT>

    模糊:<FONT color=#xxxxxx style="FILTER: blur(add=1,
    direction=40,strength=10); FONT-SIZE: 30px; FONT-WEIGHT: bolder; WIDTH:
    200px">日志文字</FONT>


    三种效果的语法格式基本相同,只不过使用了不同的滤镜属性。Color控制文字的颜色;Filter控制不同的滤镜效果,其内部的具体参数,诸如阴影及发光的色彩、模糊的方向及强度都可以按照需要自由调整;注意各效果语法中Width这个参数,当你的字号大小有所变化的时候,你也需要相应调整此项值,否则会造成文字无法正常排列的结果。另外,模糊效果中的Add
    意为是否保留原效果,取值为0 or
    1,一般设为1即可。其他方面的参数没有太多需要强调的,这里之所以采用华文彩云字体同时加粗,是为了达到更好的效果,你完全可以按照自己的喜好加以调整。需要说明的是,这几种效果只适用于标题或少量文字上,否则后造成阅读上的困难。

    大篇幅的日志会占据页面的大部分空间,从而影响整体的美观性,而通过为其添加一个带有滚动条的文本框,则能够很好地解决上述问题。下面就是相关语法:
    <DIV align=center
    style='
    color: #ffffff;
    background-color:
    #000000;
    border: solid 2px black;
    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编辑模式,然后在日志编辑页面使用鼠标直接进行调整。
    接下来说说文字竖排是如何实现的。除了制造特殊效果,我在Space空间展示的文字竖排没有什么真正的实用性,只会给阅读者造成麻烦,不过本着尽可能挖掘Space潜力的原则,我还是尝试了如下的语法:
    <DIV style="FONT-SIZE: 9pt; WRITING-MODE: tb-rl; TEXT-ALIGN:
    left"><p>日志文字</P></DIV>
    这个语法中唯一的亮点就是Writing-Mode这个参数,其后的tb代表文字排列从上到下,rl代表从右到左。


     上一篇:MSN Space进阶技巧---第六讲 添加计数器和MSN在线状态指示器   下一篇:添加两个自定义HTML的方法(一)