用图片作音画背景(信纸)写日志

个人日记



用图片作音画背景(信纸)写日志 
 
   
用图片作音画背景(信纸)来写日志,这是初学者学习音画制作的基础。现将操作方法及代码送给初学的朋友们:

    基本操作方法如下:点写日志---点高级功能---点HTML---去掉编辑框里面的"<DIV></DIV>",将复制好的音画背景图片代码粘贴到编辑框里,将复制的你喜欢的背景图片地址粘贴到代码中“背景图片地址”处,删除掉原代码中的“背景图片地址”几个字,点“HTML,一个完整的音画背景(写日志的信纸)就出来了。信纸的长短依据编辑的内容确定,需要多长,用鼠标在背景图上点一下---按“回车键”即可拉长信纸;写完日志后,把鼠标光标移到信纸最后,多余的信纸可以按“删除键”来缩短。看了就会,就这么简单。
   
注:取图片地址时,鼠标右击点上图片,属性”这样就看见本图“地址”复制好粘贴在上面的代码中即可。

 
代码一
<P></p>
<table style="BACKGROUND-IMAGE:url(图片地址)" title="☆开心欢迎你" border="0" cellSpacing="0" borderColor="#cccccc" cellPadding="0" width="870" bgColor="#000000" align="center">
<TBODY><TR><TD><P>&nbsp;</p>
<P>&nbsp;</p>
<P>&nbsp;<br/>
<SPAN><br/>
<br/>
<br/>
<br/>

 
代码二

 
<TABLE style="BACKGROUND-IMAGE: url(背景图片地址)" border=0 cellSpacing=20 borderColor=#cccccc cellPadding=20 width="100%" bgColor=#000000 align=left>
<TBODY>
<TR>
<TD>
 

可以做信纸用的动态背景图片
           
 
     图片 图片  图片 图片  图片图片图片图片图片

 

             图片 图片 图片图片 图片 图片图片 图片 图片        

 

 

         图片 图片  图片  图片  图片 图片  图片    图片图片

 

             图片  图片  图片  图片图片  图片图片图片图片

 

            图片 图片 图片图片 图片 图片  图片图片图片

        
                        

      图片  图片 图片图片图片图片图片图片图片

                         

 图片图片图片图片图片

各种羽化图片代码 

 

    图片进行羽化的目的:这主要是为了让图片和信纸实现完美融合成一体,以达到让日志的效果更加美观漂亮的目的。
    图片羽化具体操作都要在HTML里编辑。其操作顺序为:点写日志---点高级选项---点HTML,当出现<P></P>字样时将其清除掉,这时你把已经复制好的羽化图片代码粘贴到编辑框里;这时你去复制自己喜欢的图片地址,并将其粘贴到羽化代码中的图片地址处,并把代码中的“这里放图地址”几个字清除掉,只后左键点HTML,羽化好的图片效果就在编辑框中显示出来了。这时你就可以把羽化后的图片复制粘贴到你日志中你想要放的地方。欣赏一下吧,成功的喜悦就在点击的瞬间让你如愿以偿。朋友,恭贺你,你真的成功了。 

 ---图片羽化代码--- 

圆形代码

<CENTER>
<img src="这里放图地址" style="FILTER: alpha(opacity=100,style=2)"width=300>
</CENTER>

方形代码

<CENTER>
<img src="这里放图地址" style="FILTER: alpha(opacity=100,style=3)"width=300>
</CENTER>

走动代码

<div style="POSITION:absolute;TOP:-100px;LEFT:0px">
<div style="FILTER:flipH;WIDTH:1750px"><MARQUEE>

<IMG style="FILTER:alpha(opacity=400,style=2);WIDTH:670px;BACKGROUND:none transparent scroll

repeat 0% 0%;background-color:transparent" border="0" alt="向右图片" src=""图片地址"> </MARQUEE></div><div style="POSITION:absolute;

WIDTH:870px;HEIGHT:670px;TOP:0px;LEFT:5px"><MARQUEE>
<div style="WRITING-MODE:lr-tb" align="center">

<P style="MARGIN:0.7em" opacity="100,style=2);" repeat="repeat" scroll="scroll"

transparent="transparent" none="none" width:="width:"

background:="background:" alt=" "><IMG style="FILTER:

alpha(opacity=100,style=2);WIDTH:670px;BACKGROUND:none

transparent scroll repeat 0% 0%;background-color:transparent" alt="向左图片" src="图片地址"> </p>
</div></MARQUEE></div></div>

图片走动代码

<TABLE cellSpacing=0 cellPadding=0 width="70%" align=center border=0>
<TBODY>
<TR>
<TD align=middle>
<MARQUEE>
<P align=center><IMG src="
图片地址"></P></MARQUEE></TD>
<TD align=middle>
<MARQUEE>
<P align=center><IMG src="
图片地址"></P></MARQUEE></TD>
<TD align=middle>
<MARQUEE>
<P align=center><IMG src="
图片地址"></P></MARQUEE></TD>
<TD align=middle>
<MARQUEE>
<P align=center><IMG src="
图片地址"></P></MARQUEE></TD></TR></TBODY></TABLE></P>


大图羽化代码

 
<CENTER><IMG style="FILTER: alpha(opacity=200,style=3)" src="图片地址" width=800>

</CENTER>



多张图片移动代码


<table border="0" cellSpacing="0" cellPadding="0" width="70%" align="center">
<TBODY><TR><TD align="middle"><MARQUEE><P align="center">&nbsp;</p>
</MARQUEE></TD><TD align="middle"><MARQUEE><P align="center"><IMG src="地址"></p>
</MARQUEE></TD><TD align="middle"><MARQUEE><P align="center"><IMG src="地址"></p>
</MARQUEE></TD><TD align="middle"><MARQUEE><P align="center"><IMG src="地址"></p>
</MARQUEE></TD><TD align="middle"><MARQUEE><P align="center"><IMG src="地址"></p>
</MARQUEE></TD></TR></TBODY>
</table>
<P></p>
</div>

 
多张图片双向滚动代码

 

<div style="POSITION:absolute;WIDTH:1550px;HEIGHT:850px;TOP:0px;LEFT:0px">
<MARQUEE><div style="WRITING-MODE:lr-tb" align="center">
<P alt=" " opacity="100,style=3);" repeat="repeat" scroll="scroll" transparent="transparent" none="none" width:="width:" background:="bac
kground:"><IMG style="FILTER:alpha(opacity=100,style=2);WIDTH:240px;
BACKGROUND:none transparent scroll repeat 0% 0%;background-color:transparent" alt="向左图片" src="图片地址">
<IMG style="FILTER:alpha(opacity=100,style=2);WIDTH:240px;
BACKGROUND:none transparent scroll repeat 0% 0%;background-color:transparent" alt="图片" src="图片地址">
<IMG style="FILTER:alpha(opacity=100,style=2);WIDTH:240px;
BACKGROUND:none transparent scroll repeat 0% 0%;background-color:transparent" alt="图片" src="图片地址"> <IMG style="FILTER:alpha(opacity=100,style=2);WIDTH:240px;BACKGROUND:none transparent scroll repeat 0% 0%;background-color:transparent" alt="图片" sr
c="图片地址"> <IMG style="FILTER:alpha(opacity=100,style=2);WIDTH:240px;
BACKGROUND:none transparent scroll repeat 0% 0%;background-color:transparent" alt="图片" src="图片地址">
<IMG style="FILTER:alpha(opacity=100,style=2);WIDTH:240px;
BACKGROUND:none transparent scroll repeat 0% 0%;background-color:transparent" alt="图片" src="图片地址">
</p></FONT><P></p></B></div>
<div style="POSITION:absolute;TOP:0px;LEFT:0px">
<div style="FILTER:flipH;WIDTH:2050px">
<MARQUEE><IMG style="FILTER:alpha(opacity=400,style=2);WIDTH:240px;
BACKGROUND:none transparent scroll repeat 0% 0%;background-color:transparent" border="0" alt="向右图片" src="图片地址">
<IMG style="FILTER:alpha(opacity=100,style=2);WIDTH:240px;
BACKGROUND:none transparent scroll repeat 0% 0%;background-color:transparent" alt="图片" src="图片地址">
<IMG style="FILTER:alpha(opacity=100,style=2);WIDTH:240px;
BACKGROUND:none transparent scroll repeat 0% 0%;background-color:transparent" alt="图片" src="图片地址">
<IMG style="FILTER:alpha(opacity=100,style=2);WIDTH:240px;
BACKGROUND:none transparent scroll repeat 0% 0%;background-color:transparent" alt="图片" src="图片地址">
<IMG style="FILTER:alpha(opacity=100,style=2);WIDTH:240px;
BACKGROUND:none transparent scroll repeat 0% 0%;background-color:transparent" alt="图片" src="图片地址">
<IMG style="FILTER:alpha(opacity=100,style=2);WIDTH:240px;
BACKGROUND:none transparent scroll repeat 0% 0%;background-color:transparent" alt="图片" src="图片地址">
<P></p></FONT><P></p></B><div></div>
<CENTER></CENTER><P style="MARGIN:0px"></p>
<div></div><div></div><div></div>
</STRONG></FONT></FONT><P style="MARGIN:0px"></p>
<div></div></FONT><div></div><div></div><div></div>


非羽化多张图片向中合拢代码

 

<div style="POSITION:absolute;TOP:0px;LEFT:0px">

<table width="800" align="center"><TBODY><TR><TD style="FILTER:flipH" width="0"><MARQUEE>
<table width="0" align="center"><TBODY><TR><TD><P align="center"></p>

<table align="center"><TBODY><TR><TD><IMG style="BACKGROUND:none transparent scroll repeat 0% 0%;background-color:transparent" src="图片地址" idx="1"> <IMG style="BACKGROUND:none transparent scroll repeat 0% 0%;background-color:transparent" src="图片地址" idx="2"> <IMG style="BACKGROUND:none transparent scroll repeat 0% 0%;background-color:transparent" src="图片地址" idx="3"> <IMG style="BACKGROUND:none transparent scroll repeat 0% 0%;background-color:transparent" src="图片地址" idx="4"> <IMG style="BACKGROUND:none transparent scroll repeat 0% 0%;background-color:transparent" src="图片地址" idx="5"> <IMG style="BACKGROUND:none transparent scroll repeat 0% 0%;background-color:transparent" src="片地址" idx="6"></TD></TR></TBODY><P></p>
</TD></TR></TBODY></TD></TR></TBODY></table>
</TD></TR></TBODY></table></MARQUEE></TD><TD width="0"><MARQUEE>
<table width="0" align="center"><TBODY><TR><TD><P align="center"></p>

<table align="center"><TBODY><TR><TD><IMG style="BACKGROUND:none transparent scroll repeat 0% 0%;background-color:transparent" src="图片地址" idx="-1"> <IMG style="BACKGROUND:none transparent scroll repeat 0% 0%;background-color:transparent" src="图片地址" idx="-2"> <IMG style="BACKGROUND:none transparent scroll repeat 0% 0%;background-color:transparent" src="片地址" idx="-3"> <IMG style="BACKGROUND:none transparent scroll repeat 0% 0%;background-color:transparent" src="图片地址" idx="-4"> <IMG style="BACKGROUND:none transparent scroll repeat 0% 0%;background-color:transparent" src="图片地址" idx="-5"> <IMG style="BACKGROUND:none transparent scroll repeat 0% 0%;background-color:transparent" src="图片地址" idx="-6"></TD></TR></TBODY><P></p>
</TD></TR></TBODY></TD></TR></TBODY></table></TD></TR></TBODY></table>
</MARQUEE></TD></TR></TBODY><div></div></TD></TR>

</TBODY><P></p><div></div>
</TR></TBODY><P></p><div></div><TBODY><TR><TD></TD><TR>

</TR><TBODY></TBODY>
</table><table><TBODY></TBODY><div></div>



 

多张羽化图片向中合拢的代码


<div style="POSITION:absolute;TOP:0px;LEFT:0px">

<table width="800" align="center"><TBODY><TR><TD style="FILTER:flipH" width="0"><MARQUEE>
<table width="0" align="center"><TBODY><TR><TD><P align="center"></p>

<table align="center"><TBODY><TR><TD>

<IMG style="FILTER:alpha(opacity=400,style=2)"  src="图片地址" idx="1">

<IMG style="FILTER:alpha(opacity=400,style=2)"  src="图片地址" idx="2">

<IMG style="FILTER:alpha(opacity=400,style=2)"  src="图片地址" idx="3">

<IMG style="FILTER:alpha(opacity=400,style=2)"  src="图片地址" idx="4">

<IMG style="FILTER:alpha(opacity=400,style=2)"  src="图片地址" idx="5">

<IMG style="FILTER:alpha(opacity=400,style=2)"  src="片地址" idx="6"></TD></TR></TBODY><P></p>
</TD></TR></TBODY></TD></TR></TBODY></table>
</TD></TR></TBODY></table></MARQUEE></TD><TD width="0"><MARQUEE>
<table width="0" align="center"><TBODY><TR><TD><P align="center"></p>

<table align="center"><TBODY><TR><TD>

<IMG style="FILTER:alpha(opacity=400,style=2)"  src="图片地址" idx="-1">

<IMG style="FILTER:alpha(opacity=400,style=2)"  src="图片地址" idx="-2">

<IMG style="FILTER:alpha(opacity=400,style=2)"  src="片地址" idx="-3">

<IMG style="FILTER:alpha(opacity=400,style=2)"  src="图片地址" idx="-4">

<IMG style="FILTER:alpha(opacity=400,style=2)"  src="图片地址" idx="-5">

<IMG style="FILTER:alpha(opacity=400,style=2)"  src="图片地址" idx="-6"></TD></TR></TBODY><P></p>
</TD></TR></TBODY></TD></TR></TBODY></table></TD></TR></TBODY></table>
</MARQUEE></TD></TR></TBODY><div></div></TD></TR>

</TBODY><P></p><div></div>
</TR></TBODY><P></p><div></div><TBODY><TR><TD></TD><TR>

</TR><TBODY></TBODY>
</table><table><TBODY></TBODY><div></div>

单张图片双向滚动代码
 

<div style="POSITION:absolute;TOP:-100px;LEFT:0px">
<div style="FILTER:flipH;WIDTH:1750px"><MARQUEE>

<IMG style="FILTER:alpha(opacity=400,style=2);WIDTH:670px;BACKGROUND:none transparent scroll

repeat 0% 0%;background-color:transparent" border="0" alt="向右图片" src="图片地址"> </MARQUEE></div><div style="POSITION:absolute;

WIDTH:870px;HEIGHT:670px;TOP:0px;LEFT:5px"><MARQUEE>
<div style="WRITING-MODE:lr-tb" align="center">

<P style="MARGIN:0.7em" opacity="100,style=2);" repeat="repeat" scroll="scroll"

transparent="transparent" none="none" width:="width

文章评论

瞬间永恒

[em]e100[/em][em]e181[/em][em]e160[/em][em]e166[/em]

开心(离网拒聊)

@{uin:2601370361,nick:甜甜蜜蜜} 感动欣赏,希望你也学会。祝福朋友快乐开心每一天![em]e160[/em][em]e157[/em] [em]e163[/em] [em]e181[/em]

我是傻瓜,{拒聊}

有一种不会改变的心情,是深深的牵挂!岁月会把友情延续思念!无论经过沧海桑田,情刻在心间!祝你开心快乐在永远........ 2014

娇典

美丽的相遇,永久的友情。[em]e181[/em][em]e160[/em]

娇典

祝福朋友开心快乐,健康幸福。[em]e183[/em]

思念

新的一年,新的开始,新的希望,新的梦想,新的阳光,新的追求,新的辉煌。祝好友在新的一年里,万事如意,身体健康,马不停蹄一路欢唱![em]e168[/em] [em]e168[/em] [em]e177[/em] [em]e177[/em] [em]e163[/em]

北方佳人

天涯此时网相聚,情谊心中依然叙。祝友合家团圆愉,幸福年年甜蜜蜜。 [url=http://soso7.gtimg.cn/sosopic_f/0/15336394710566677801/100][img]http://soso7.gtimg.cn/sosopic_f/0/15336394710566677801/100?pt=3&ek=1&kp=1&sce=0-12-12[/img][/url] [url=http://soso7.gtimg.cn/sosopic_f/0/15336394710566677801/100][img]http://soso7.gtimg.cn/sosopic_f/0/15336394710566677801/100?pt=3&ek=1&kp=1&sce=0-12-12[/img][/url] [url=http://soso7.gtimg.cn/sosopic_f/0/15336394710566677801/100][img]http://soso7.gtimg.cn/sosopic_f/0/15336394710566677801/100?pt=3&ek=1&kp=1&sce=0-12-12[/img][/url]

北方佳人

祝你14万事畅,幸福温馨奔小康! [url=http://soso1.gtimg.cn/sosopic_f/0/13005855941259493450/100][img]http://soso1.gtimg.cn/sosopic_f/0/13005855941259493450/100?pt=3&ek=1&kp=1&sce=0-12-12[/img][/url] [url=http://soso1.gtimg.cn/sosopic_f/0/13005855941259493450/100][img]http://soso1.gtimg.cn/sosopic_f/0/13005855941259493450/100?pt=3&ek=1&kp=1&sce=0-12-12[/img][/url] [url=http://soso1.gtimg.cn/sosopic_f/0/13005855941259493450/100][img]http://soso1.gtimg.cn/sosopic_f/0/13005855941259493450/100?pt=3&ek=1&kp=1&sce=0-12-12[/img][/url]

趙大

真佩服你了,成日志制作专家了。我看完后,也跃跃欲试了。[em]e113[/em]

芳菲

刚照步骤试做了,简单适用,喜欢作空间的朋友都试试吧,真的不错。谢谢开心![em]e160[/em] [em]e183[/em]

我是傻瓜,{拒聊}

★ *╭*珍惜美丽相遇,收获友情快乐;祝福写在空间,牵挂留在心间;真诚祝愿好朋友,健康幸福快乐每一天!╭*★*乄* * .*╭*★一份友谊惦念牵挂 一句祝福温馨永远╭*★*.*

渴望

自己学会了写音画日志,还要把方法传授给别人,这种全心全意,热心为大家服务的精神,很值得我们学习和钦佩。真诚祝愿好朋友,健康幸福快乐每一天!