프로필我爱我家 사랑의 가족사진블로그리스트 도구 도움말
    2005-05-04

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

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

    1. 文字和图片位置

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

    要想把图片放在右侧,可把[align=left ]改成[align=right ].改后的代码:<img border="0" src="http://www.deoniximagehost.com/images/shengzhu/samplepic.gif" align=right  width="154" height="201">



    2. 常用图片效果处理

    图1:演示图片(http://www.deoniximagehost.com/images/shengzhu/mapic02.png)


    滤镜效果

    源码:
    <img style="FILTER: alpha(opacity=100, finishOpacity=0,style=0); WIDTH: 380; HEIGHT: 284"
    src="http://www.deoniximagehost.com/images/shengzhu/mapic02.png" >

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

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

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

    演示:
    style=0



    style=1


    style=2


    style=3


     

    3. 背景图片的使用

    演示图片(http://www.deoniximagehost.com/images/shengzhu/greenloveback.png)
    复制起点:------------------------------------------------------------------------------------

     

     

     

     

    这里填写文本内容  


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

    源码:
    <div style="width: 100%">
    <img height="0" src="" width="100%" align="right">
    <img src="http://www.deoniximagehost.com/images/shengzhu/greenloveback.png" 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>为填写文字部分.它的宽度最好是和背景图片的宽度相同或小一点.
    其他的不细讲了.可以在测试当中更改各个参数设置,尽快熟悉每个设置的作用.
    如果看到到这里,还是不明白.可复制[复制起点]到[复制终点]部分,到你的日志里.
    然后,把背景图片更改成你的图片.文字改成你的日志内容...
     

    댓글 (105개)

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

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


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

    대화명 없음님이 남긴 글:
    "クレジットカード 現金化にはカード個人信用を著しく落とすシステムが殆どですが、ヤエスチケットのシステムの場合は利用カードと指定商品との安全性や相性を長年のデータとノウハウを熟知しており、安心で信頼できるしっかりとした方法でご案内しています。アデコの派遣の求人情報・仕事情報サイトです。毎日更新される派遣の豊富な求人情報の中から、あなたにピッタリのお仕事をご紹介いたします。派遣の仕事探しはアデコへお任せください。
    10월 17일
    대화명 없음님이 남긴 글:

    インプラントにしたい」と思ったときが最も治療に適したタイミングたまに「インプラントにするには何歳ぐらいが適していますか」という質問を受けますが、ご本人がインプラントにしたいと思ったときに手術を行うのがベストと思います。FX・外国為替証拠金取引の比較サイト「FX-外為比較.com」では、複数の条件からFX・外国為替会社の比較!また資料請求、口座開設もできます。

    10월 17일
    대화명 없음님이 남긴 글:
    引越のことならキング引越センター(株) 引越業界No.1クラスの安さと安心。お客様にあった様々なプランをご用意。秘密厳守なので単身女性も安心のキング引越センター
    10월 17일
    대화명 없음님이 남긴 글:
    FX(外国為替取引)はじめるなら、為替マーケット。- FXの新東京シティ証券外国為替取引はじめるなら、新東京シティ証券の『為替マーケット』。最新FX情報を手に入れてリスクの少ないFX取引!仮想トレードでの外国為替無料体験も
    10월 17일
    대화명 없음님이 남긴 글:
    不動産東京都賃貸から全国の検索,不動産投資は不動産ゲット, 不動産ゲットは不動産情報 投資マンション情報や東京都 不動産、東京 不動産の賃貸、売買物件検索仲介なら不動産ゲットへ。 
    10월 17일
    대화명 없음님이 남긴 글:
    美容整形に携わる美容ドクター専門プロフサイト 美容の杜美容整形に関するお問い合わせ整形することによって絶対的な美を得られるわけではありません。『自分は変わった』という事実を物理的に確認することで、気にな……
    10월 17일
    10월 17일
    10월 17일
    5월 14일
    4월 10일
    。妞님이 남긴 글:
    终于学会了。。。谢谢哈~~
    2월 13일
    님이 남긴 글:
    兔子。我静下心来看。MS还是看不懂啊~~郁闷!!!!
    1월 28일
    星ざ→雨夜ゾペ님이 남긴 글:
    我想知道 怎么把自己电脑里的大图片传到 日志里面去  我每次传上去都变小了  不知能否告知下啊   谢谢了哦
    12월 26일
    대화명 없음님이 남긴 글:
    讲的好详细啊~~谢谢
    10월 31일
    山无言님이 남긴 글:
    简明。不错。
    5월 24일
    熬汤님이 남긴 글:
    明了,谢谢您的教程
    还挺不错
    5월 17일
    不變de緈福님이 남긴 글:
    是啊  我也看不明白啊
     
    5월 4일
    huangjing님이 남긴 글:
    看了好半天还是不明白啊,郁闷,看来得慢慢研究才行,还是谢谢你哦
    4월 5일
    WuLily님이 남긴 글:
    谢谢你的教程,不过还得慢慢学啊
     
    4월 1일
    萧萧尘雨星님이 남긴 글:
    谢谢哦,要好好学。
    3월 30일