Profile我爱我家 사랑의 가족PhotosBlogLists Tools Help

Blog


    5/4/2005

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

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

    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>为填写文字部分.它的宽度最好是和背景图片的宽度相同或小一点.
    其他的不细讲了.可以在测试当中更改各个参数设置,尽快熟悉每个设置的作用.
    如果看到到这里,还是不明白.可复制[复制起点]到[复制终点]部分,到你的日志里.
    然后,把背景图片更改成你的图片.文字改成你的日志内容...
     

    Comments (105)

    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

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

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

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