m1net.cn님의 프로필m1net ™사진블로그리스트 도구 도움말
    2005-07-14

    日志里常用的几种图片使用方法

    在日志里能够常用的几种图片使用方法:

    1. 文字和图片位置

    把图片放在文字的左边
     在日志里插入一个图片. 以本图片为例正常插入是的代码:  <img border="0" src="http://img206.echo.cx/img206/8018/testpic0sy.gif" width="154" height="201">   要把图片放在左边,在图片源码里加上[ align=left ].
    加入后的代码:
    <img border="0" src="http://img206.echo.cx/img206/8018/testpic0sy.gif" align=left  width="154" height="201">  如果要想文字脱离图片,就在要脱离的文字前部加个[<br clear=left>]
    文字就会跑道这里.从图片的下方.
    如果你觉得文字与图片太接近了.可加入[vspace=0 hspace=30]. 加入后的代码:<img border="0" src="http://img206.echo.cx/img206/8018/testpic0sy.gif" align=left vspace=0 hspace=30 width="154" height="201"> 你可以调整这两个值,通过试验看一看会有什么样的变化...

    要想把图片放在右侧,可把[align=left ]改成[align=right ].改后的代码:<img border="0" src="http://img206.echo.cx/img206/8018/testpic0sy.gif" align=right  width="154" height="201">



    2. 常用图片效果处理

    图1:演示图片(http://img284.echo.cx/img284/8351/mp0065af.jpg)


    滤镜效果

    源码:
    <img style="FILTER: alpha(opacity=100, finishOpacity=0,style=0); WIDTH: 380; HEIGHT: 284"
    src="http://img284.echo.cx/img284/8351/mp0065af.jpg" >

    说明:
    opacity=100.............. 起始透明度设置

    finishOpacity=0........结束透明度设置
    style=0.......................样式设置. 范围 0-3

    可以在测试当中更改各个参数设置,

    演示:
    style=0



    style=1


    style=2


    style=3


     

    3. 背景图片的使用

    演示图片(http://img227.echo.cx/img227/6213/greenloveback6my.gif)
    复制起点:------------------------------------------------------------------------------------

     

     

     

     

    这里填写文本内容  


    复制终点:---------------------------------------------------------------------------------

    源码:
    <div style="width: 100%">
    <img height="0" src="" width="100%" align="right">
    <img src="http://img227.echo.cx/img227/6213/greenloveback6my.gif" width="380" align="right" height="446">
    <div style="float: left; width: 378px">
    <p align="center">
    <font face="Arial" style="font-size: 9pt">这里填写文本内容</font>  
    </div>
    </div>

    说明:
    align="right"  图片的此属性可把图片放到文字下部. 你可以去掉align="right" ,看看会是什么效果.
    第3行为放置背景图片源码.中间scr="图片地址",width和height为图片显示的宽度和高度.
    第2行可有可无.但是日志全屏单独打开时背景图片要显示在右边.而文本还在左方.很不协调.所以,加一个无形的图片把背景图片挤到右边的文字下方.
    第2个<div>为填写文字部分.它的宽度最好是和背景图片的宽度相同或小一点.
    其他的不细讲了.可以在测试当中更改各个参数设置,尽快熟悉每个设置的作用.
    如果看到到这里,还是不明白.可复制[复制起点]到[复制终点]部分,到你的日志里.
    然后,把背景图片更改成你的图片.文字改成你的日志内容...

     

     

    文章来自 我爱我家

    댓글 (12개)

    잠시만 기다려 주세요...
    죄송합니다. 입력한 댓글이 너무 깁니다. 내용을 줄여 보세요.
    입력한 내용이 없습니다. 다시 시도해 보세요.
    죄송합니다. 지금은 댓글을 추가할 수 없습니다. 나중에 다시 시도해 보세요.
    댓글을 추가하려면 부모님의 사용 허락이 필요합니다. 허용 요청
    부모님이 댓글 기능을 해제한 상태입니다.
    죄송합니다. 지금은 댓글을 삭제할 수 없습니다. 나중에 다시 시도해 보세요.
    하루에 남길 수 있는 댓글의 최대 한도를 초과했습니다. 24시간 후에 다시 시도해 보세요.
    회원님의 계정은 다른 사용자에게 스팸 메일을 보낼 수 있다고 여겨지므로 댓글 기능이 비활성화되어 있습니다. 이 설정에 문제가 있다고 생각되면 Windows Live 지원에 문의하시기 바랍니다.
    댓글을 남기려면 아래 보안 검사를 완료해야 합니다.
    보안 검사에 입력한 글자는 그림 또는 오디오에 있는 글자와 일치해야 합니다.

    댓글을 추가하려면 Windows Live ID로 로그인하세요. 핫메일, 메신저 또는 Xbox LIVE를 사용하는 경우 해당 계정을 Windows Live ID로 사용할 수 있습니다.로그인


    Windows Live ID가 없으신가요? 등록

    G淡蓝深蓝님이 남긴 글:
    背景编辑器貌似失灵,所以过来你这里找办法,果然你就是高手嘛!
    呵呵。。
    谢谢啦!
    9월 30일
    暖暖님이 남긴 글:
    日志文字怎么换行
    5월 1일
    알 수 없음님의 사진
    yy 님이 남긴 글:
    怎么样使一张图片或是一片日志置顶??
    2월 13일
    알 수 없음님의 사진
    我帅我帅帅 님이 남긴 글:
    有点头绪了,merci(谢谢)啊!
    2월 5일
    알 수 없음님의 사진
    joice_xie 님이 남긴 글:
    为什么我的图片不显示的
    12월 24일
    알 수 없음님의 사진
    joice_xie 님이 남긴 글:
    为什么我的图片不显示的
    12월 24일
    알 수 없음님의 사진
    散啦散啦 님이 남긴 글:
    我需要的效果是图片用来做背景的同时淡化他
    不知道源代码是什么
    11월 29일
    알 수 없음님의 사진
    bangdi12 님이 남긴 글:
    非常感谢
    8월 25일
    알 수 없음님의 사진
    迷途不知返的兔子 님이 남긴 글:
    图片链接失效了。。。
    8월 13일
    알 수 없음님의 사진
    静水涟漪 님이 남긴 글:
    滤镜效果中style=1是从图片右向左淡化嘛。。。楼主演示的从左向右淡化用的是什么数值哦?
    7월 25일
    알 수 없음님의 사진
    wqh清舞飞扬 님이 남긴 글:
    你好!很喜欢~ 问你韩语好学吗?
    7월 23일
    알 수 없음님의 사진
    【w浅笑而已】 님이 남긴 글:
    谢谢你啊~你真的好厉害~
    7월 23일