Profile华天工作室[MSN教程专区]BlogLists Tools Help

Blog


    October 16

    华天工作室-------为日志添加背景图片

    首先进入正常日志编辑模式,键入你所需的日志内容,并视个人需要进行排版编辑。进入HTML语法编辑模式,
    将下列语法粘贴至你的编辑页面内顶端:

     

    <IMG src="背景图片链接地址" width=图片宽度值 height=图片高度值 align=right style="FILTER: alpha(opacity=100, finishOpacity=0,style=2) ">
    <DIV style="FILTER: alpha(opacity=45, finishOpacity=45,style=0); FLOAT: left; WIDTH: 文本宽度值">
    <DIV style="LINE-HEIGHT: 行间距值(pt); LETTER-SPACING: 字符间距值(em)">
    <P><FONT color=#ffffff size=2>你的日志文字</FONT></P>
    </DIV></DIV>

     

    再将你刚刚编辑好的文字内容(注意,除了文字内容可能还会包含你进行格式编排后的若干语法语句)剪切并粘贴到上面语法中的“你的日志文字”的位置。

     


    下面简要介绍一下上面语法中的两行主要命令语句的含义:

     


    <IMG src=…….>控制日志中的背景图片,图片的宽度及高度值均以px为单位;align这一参数控制图片位置,但不要对此进行更改,否则无法实现文字浮于图片之上的效果。Filter控制背景图片的柔化滤镜,大家可以修改其中的数值已达到不同的效果,但注意style的值只能取1,2,3这三个数值。除了柔化效果外,还有翻转、发光、阴影等若干特效,但语法表述各有不同,在此不再赘述,有兴趣的朋友可以在互联网上查询相关语法。在Space空间不同的布局方式下,日志宽度是不相同的,所以为了更好的配合日志的页面效果,建议选择合适宽度的图片,具体可根据布局的实际情况(即日志的宽窄程度)将图片宽度分别设定在260px、350px、370px、550px、730px左右的近似值。

     


    <DIV style="FILTER…….>控制日志文字的若干效果,其中Filter命令的使用方法与前述一致,也是调节柔化效果。文本宽度也采取px为单位,其最大值也要参照上面不同布局方式时所要求的近似宽度值,如果你希望文字完全分布在整个日志页面上,那么将WIDTH值设为100%即可。在设定了具体宽度的情况下Float命令可以省略,否则请予以保留。

     


    有一个问题需要注意,预览中文字相对于背景图片的位置往往与最终显示在日志中的位置不一样,这还需要你返回到该日志进行进一步的修改,这确实需要一些耐心,但相信经过一段时间的实际应用,你会总结出一些经验技巧的。

    感谢loadmemory的分享!


     

     

    另外还有一个语法比较简单,适合做一些简单的背景图片和文字

    <div style="width: 150; height: 205" align=right>
    <IMG src="背景图片链接地址" align=right>
    <div style="float: right" align=center>
    <p align="center"><font face="Times New Roman">你的日志文字</font>
    </div>

     

     

    现在建议用<table>语法添加背景图片,语法简单实用。点击进入

     

                                                    华天工作室

    任何疑问请进入我的留言本

     

     

     

    Comments

    Please wait...
    Sorry, the comment you entered is too long. Please shorten it.
    You didn't enter anything. Please try again.
    Sorry, we can't add your comment right now. Please try again later.
    To add a comment, you need permission from your parent. Ask for permission
    Your parent has turned off comments.
    Sorry, we can't delete your comment right now. Please try again later.
    You've exceeded the maximum number of comments that can be left in one day. Please try again in 24 hours.
    Your account has had the ability to leave comments disabled because our systems indicate that you may be spamming other users. If you believe that your account has been disabled in error please contact Windows Live support.
    Complete the security check below to finish leaving your comment.
    The characters you type in the security check must match the characters in the picture or audio.

    To add a comment, sign in with your Windows Live ID (if you use Hotmail, Messenger, or Xbox LIVE, you have a Windows Live ID). Sign in


    Don't have a Windows Live ID? Sign up

    Trackbacks

    The trackback URL for this entry is:
    http://msnjian.spaces.live.com/blog/cns!448213985D5A4A8C!227.trak
    Weblogs that reference this entry
    • None