PerfilFresh gorgeous HouseFotosBlog Herramientas Ayuda

Blog


    23 septiembre

    第七讲:文字光影效果及滚动文本框(外加文字竖排版)

          有关文字方面的处理,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代表从右到左。

    Comentarios

    Espera...
    El comentario que has escrito es demasiado largo. Acórtalo.
    No has escrito nada. Vuelve a intentarlo.
    No se puede agregar tu comentario en este momento. Vuelve a intentarlo más tarde.
    Para agregar un comentario, necesitas permiso de tus padres. Pedir permiso
    Tus padres han desactivado los comentarios.
    No se puede eliminar tu comentario en este momento. Vuelve a intentarlo más tarde.
    Has superado el número máximo de comentarios que se puede dejar en un día. Vuelve a intentarlo en 24 horas.
    Se ha deshabilitado la capacidad de tu cuenta de dejar comentarios porque nuestros sistemas indican que podrías estar enviando correo no solicitado a otros usuarios. Si crees que tu cuenta se ha deshabilitado por error, ponte en contacto con el servicio de soporte técnico de Windows Live.
    Para terminar de dejar tu comentario, realiza la siguiente comprobación de seguridad.
    Los caracteres que escribas en la comprobación de seguridad deben coincidir con los de la imagen o el audio.

    Para agregar un comentario, inicia sesión con tu cuenta de Windows Live ID (si utilizas Hotmail, Messenger o Xbox LIVE, ya tienes una cuenta de Windows Live ID). Iniciar sesión


    ¿No tienes una cuenta de Windows Live ID? Regístrate

    Vínculos de referencia

    La dirección URL del vínculo de referencia de esta entrada es:
    http://dollar025.spaces.live.com/blog/cns!A193E53FF11653E7!111.trak
    Weblogs que hacen referencia a esta entrada
    • Ninguno