空间日志图片特效代码大全 js网页特效代码大全

出水芙蓉真诚的欢迎您

最近比较忙朋友的评论和留言未能及时回复,希望大家理解!今做此日志答谢朋友的支持!提前祝朋友们端午节快乐!生活事业步步登高!



    1横向渐变透明<center><img src="图片地址"> 2圆形渐变透明<center><img src="图片地址"></center> 3X形渐变透明<center><img src="图片地址"></center> 4改变某种颜色<center><img src="图片地址"></center>1 5。黑白效果<center><img src="图片地址</FONT> 6X光效果(底片)<center><img src="图片地址"></center> 17。浮雕效果<center><img src="图片地址"></center> 7上下颠倒<center><img src="图片地址">

]

8左右颠倒<center><img src="图片地址"></center> 9色彩颠倒<center><img src="图片地址"></center> 10粒状阴影<center><img src="图片地址"></center> 11模糊效果<center><img src="图片地址"></center> 12水波效果(风吹)<center><img src="图片地址"></center>









日志制作的各种代码

本人喜欢空间 ,喜欢欣赏里面好的文章,好的音乐。也利用闲暇的时候偶尔做些空间日志,呵呵,不过也在学习和摸索中哦。最近有的朋友问我一些制作方法,这东西一两句又说不明白 ,遂把我经常用的这些制作方法编辑整理一下,希望能给学制作的朋友提供一点小小的帮助吧, 喜欢的话尽管带走, 共同学习,共同进步啦!

做一篇漂亮的日志首先要羽化图片 图片处理好了 效果也就出来了。

以下这些要在HTML里编辑(顺序:点写日志---点高级---点HTML然后把出现的<P></P>字样消掉

然后复制代码到里面,待编辑完点返回即可)

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

圆形代码

<CENTER>

<img src="这里放图地址"width=300>

</CENTER>

方形代码

<CENTER>

<img src="这里放图地址"width=300>

</CENTER>

走动代码

<marquee behavior=alternate><BR>

<img src="这里放图的地址"width=300><BR>

</marquee></p>

三角代码:

<P align=left><IMG alt="" src="<U>图片地址< width=" bloaded="true" loadingtimer="46402191"></P>如图



大图羽化代码

<CENTER><IMG src="图片地址" width=800>

</CENTER>

文字或图片滚动代码

[代码marque]这里写你想要滚动的字[/marque代码]

空间播放器隐藏代码

[代video,0,0,true,true]歌曲地址[代/video] 使用时要把“代”字去掉

用代码在图片上加移动的字

代码

<CENTER>

<TABLE cellSpacing=15 cellPadding=5 width=500 align=center <TABLE border=15 table>

<TBODY>

<TR>

<TD>

<P>

<P>

<MARQUEE scrollAmount=2 direction=up height=395><B>

<CENTER><FONT size=5><FONT color=#ff00ff><BR>你要写的字<BR>你要写的字<BR>你要写的字<BR>你要写的字<BR>你要写的字<BR>你要写的字<BR>你要写的字

<BR>你要写的字<BR>你要写的字<BR></FONT></FONT></CENTER></B></MARQUEE></P></TD></TR></TBODY></TABLE></CENTER>

多张图片移动代码

<MARQUEE>

<P align=center>

<IMG height=48 alt=""

src="图片地址" width=48 eventsListUID="e4" eventslistuid="e3" quoteTimer="219290528" quotetimer="297431975" fakesize="1">

<IMG height=48 alt=""

src="图片地址" width=48 eventsListUID="e4" eventslistuid="e3" quoteTimer="219290528" quotetimer="297431975" fakesize="1">

<IMG height=48 alt=""

src="图片地址" width=48 eventsListUID="e4" eventslistuid="e3" quoteTimer="219290528" quotetimer="297431975" fakesize="1">

<IMG height=48 alt=""

src="图片地址" width=48 eventsListUID="e4" eventslistuid="e3" quoteTimer="219290528" quotetimer="297431975" fakesize="1">

闪字代码【有框】

<TABLE border=5 cellSpacing=12 borderColor=#ff0000 cellPadding=12 width="80%" bgColor=#ff0000 align=center>

<TBODY>

<TR>

<TD align=middle>

<P><FONT>QQ1071498948</FONT></P></TD></TR></TBODY></TABLE

闪字代码

<P>

<TABLE cellSpacing=0 cellPadding=0 align=center table="table" tbody="tbody">

<TBODY>

<TR>

<TD>

<TABLE align=center table="table" tbody="tbody">

<TBODY>

<TR>

<TD align=middle><FONT face=楷体_gb2312 color=#336699><B>天堂鸟欢迎朋友来访</B></FONT></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></P>

随便找张图片就可以做日志信纸

<DIV>

<DIV align=left>

<TABLE border=0 cellSpacing=140 borderColor=#cccccc cellPadding=140 width="100%" bgColor=#ffffff align=center>

<TBODY>

<TR>

<TD>

用图片自己制作播放器

<TABLE cellSpacing=0 cellPadding=0 bgColor=#00000>

<TBODY>

<TR><TD>

<TABLE <TABLE

border=0>

<TBODY><TR>

<TD><P align=center><EMBED src=歌曲网址 width=300 height=25 type=audio/mpeg autostart="1" loop="-1"> </P></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>

抛影字代码

<DIV><FONT style="FONT-WEIGHT: normal; FONT-SIZE: </FONT>华文彩云 color=#33ffff>抛影字代码</FONT> </DIV>

图片无缝拼接代码

<TABLE height=3000 cellSpacing=0 cellPadding=0 width=750 align=center border=0>

<TBODY>

<TR><TD><IMG height=600 src="图片地址" width=750></TD></TR>

<TR><TD><IMG height=600 src="图片地址" width=750></TD></TR>

<TR><TD><IMG height=600 src="图片地址" width=750></TD></TR>

<TR><TD><IMG height=600 src="图片地址" width=750></TD></TR>

<TR><TD><IMG height=600 src="图片地址" width=750></TD></TR>

<TR><TD><IMG height=600 src="图片地址" width=750></TD></TR>

<TR><TD><IMG height=600 src="图片地址" width=750></TD></TR>

<TR><TD><IMG height=600 src="图片地址" width=750></TD></TR>

</TBODY></TABLE>

代码使用说明:

1、以上是8幅图片,可复制<TR><TD><IMG height=600 src="增减。

2、width、height的数值是图片的宽和高,根据图片本身的大小改变其数值。

图片穿越代码

<DIV>

<CENTER><IMG src="图片地址" width=600>

使用方法

LEFT: 50px为横坐标,表示图片显示左右位置;TOP: 30px为纵坐标,表示图片显示的上下位置;

width=600表示图片的大小。

在“图片地址”处放添加的图片地址,这些数字可以根据需要来调整,需要使用多张图片在背景图上穿越,

多复制几次这个代码,改动代码中横坐标、纵坐标数字即可。

音乐播放器加滚动图片代码

<DIV align=center>

<TABLE border=0 cellSpacing=2 cellPadding=2 width=480 bgColor=#000000 align=center>

<TBODY>

<TR>

<TD>

<P>&nbsp;</P>

<MARQUEE>

<IMG alt="" src="图片1地址">

<IMG alt="" src="图片2地址">

<IMG alt="" src="图片3地址">

<IMG alt="" src="图片4地址">

<IMG alt="" src="图片5地址">

</MARQUEE>

空间日志图片特效代码大全 js网页特效代码大全
<FONT color=#ff0000><EMBED class=blog_video height=48 type=audio/mpeg width=544 src=音乐地址 allowscriptaccess="never" allowNetworking="internal" invokeurls="false" showstatusbar="1" autostart="true" loop="true" enablecontextmenu="False" allownetworking="internal"></FONT></TD></TR></TBODY></TABLE>

<DIV></DIV></DIV>

飘浮式音乐播放器制作代码

<DIV align=center>

<DIV><BR>

<DIV align=left>

<DIV>

<MARQUEE scrollAmount=1 scrollDelay=100 direction=up behavior=alternate width=300 height=400>

<MARQUEE scrollAmount=1 scrollDelay=100 behavior=alternate>

<TABLE cellSpacing=0 cellPadding=0 border=1>

<TBODY>

<TR>

<TD><EMBED src=MP3地址width=200 height=20 type=audio/mpeg showstatusbar="1" volume="0" loop="-1" autostart="1">

<TR>

<DIV align=center><FONT face=华文行楷 color=#ff0000 size=5>可以写上歌曲名和歌手名</FONT></DIV></TD></TR></TBODY></TABLE></MARQUEE><BR>

<DIV></DIV>

<DIV></DIV><BR>

<DIV></DIV>

<DIV></DIV></MARQUEE></DIV></DIV></DIV></DIV>

[ 这是点击进入空间制作代码 ]

<P>&nbsp;</P>

<P>&nbsp;</P>

<P><A href="</FONT>这个边框代码 <table borderColor=#cccccc cellSpacing=5 cellPadding=5 width="100%" align=center bgColor=#ffffff border=0> <tr> <td></td> </tr> </table> <table borderColor=#cccccc cellSpacing=5 cellPadding=5 width="100%" align=center bgColor=#ffffff border=0> <tr> <td> <table borderColor=#cccccc cellSpacing=110 cellPadding=110 width="100%" align=center bgColor=#ffffff border=0> <tr> <td> <table borderColor=#cccccc cellSpacing=5 cellPadding=5 width="100%" align=center bgColor=#ffffff border=0> <tr> <td> <table borderColor=#cccccc cellSpacing=5 cellPadding=5 width="100%" align=center bgColor=#ffffff border=0> <tr> <td> <table borderColor=#cccccc cellSpacing=8 cellPadding=8 width="100%" align=center bgColor=#ffffff border=0> <tr> <td> <table borderColor=#cccccc cellSpacing=30 cellPadding=30 width="100%" align=center bgColor=#ffffff border=2> <tr> <td><P>&nbsp;</P><P>&nbsp;</P><P>&nbsp;</P> <P>&nbsp;</P></td> </tr> </table> </td> </tr> </table> </td> </tr> </table> </td> </tr> </table> &nbsp;</td> </tr> </table> </td> </tr> </table>

FLASH分层添加边框美化代码

<div align=center>

<table borderColor=#0000ff cellSpacing=0 cellPadding=0 bgColor=#000000 border=1>

<tr>

<td borderColor=#ffffff cellpadding="0" cellspacing="0" border="1"><FONT face=黑体 color=#ff0000 size=4><EMBED src=flash地址 width=620 height=380 type=application/x-shockwave-flash allowscriptaccess="never" allowNetworking="internal" invokeurls="false" allownetworking="internal" wmode="transparent" a=""></EMBED></FONT></td> </tr>

</table>

</CENTER>

<P><BR><BR><BR>&nbsp;</P></div>

1、代码中的红色处按说明换成你喜欢的flash的地址,可以是相同的flash,也可以是不同的flash,上面的效果是用相同的flash。

2、红色的地址后面的黄色是每个flash的宽度和高度,你可以自己设置。

3、青色中的两个数字分别是flash距离上边和左边框的距离,可以取负数,你可以自己设置。

超长横走动日志边框

<P></P>

<TABLE#e36c09>

LINE-HEIGHT">

</TABLE></TD></TR></TABLE>

<Palign=center><EMBED&NBSP;SRC=MP3< FONT>地址width=0height=0

type=video/x-ms-asfallowscriptaccess="never"allownetworking=

"internal"invokeurls="false"volume="0"autostart="true"loop="true">

</P></TD></TR><P>&nbsp;</P>

<P>&nbsp;</P></TD></TR></TABLE></TD></TR></TABLE>R></TABLE>

投影字的编辑方法:

<DIV><FONT face=华文彩云 color=#fff000>天堂鸟欢迎你 </FONT></DIV>请看效果

出水芙蓉欢迎您

最新文字特效代码

一.文字特效

参数汇总解析:

#xxxxxx表示颜色代码,替换改变相应颜色

strength表示强度(如发光效果等)

direction投影等角度(必须添45的倍数)

颜色代码可参见日志

投射阴影效果:<div face="隶书" color=#009900>投射阴影效果</div>

发光效果:<div face="楷体" color="#ffffff" size="4">出水芙蓉欢迎您</div>

渐变效果:<div><B>祝朋友们快乐</B></div></P>

带背景字体:<P align=center><FONT color=#daa520 size=6> 出水芙蓉欢迎你</FONT></P>

<div><B>相见时难别亦难</B></div>

<div><FONT face=隶书 color=#1e90ff>

<CENTER><B>无言独上西楼月如钩</B></FONT></CENTER></div>

上面代码的字体可自行更改!!

文字效果如下:

投射阴影效果:

投射阴影效果

发光效果:

天生我材必有用

渐变效果:

祝朋友们快乐

带背景字体:

出水芙蓉欢迎你

相见时难别亦难

滚动字特效代码

<marquee width="200" height="100" direction="right" behavior="alternate"

scrollamount="6" scrolldelay="88">输入你想要的文字</marquee>

——提示说明——

scrollAmount 它表示速度,值越大速度越快。如果没有它,默认为6,建议设为1~3

比较好,width和height 表示滚动区域的大小,width是宽度,height是高度。特别是在做垂直滚动的时候,一定要设height的值,direction 表示滚动的方向,默认为从右向左:←。可选的值有right、down、up。滚动方向分别为:right表示→→,up表示↑,down表示↓scrollDelay 这也是用来控制速度的,默认为90,值越大,速度越慢。通常scrollDelay是不需要设置的,behavior用它来控制属性,默认为循环滚动,可选的值有alternate(交替滚动)、slide(幻灯片效果,指的是滚动一次,然后停止滚动)

★改变滚动字幕的颜色代码

<marquee scrollAmount=2 width=300><a style=color:CC6600>输入你想要的文字</a></marquee>

★当鼠标停留在文字上,文字停止滚动代码

<marquee scrollAmount=2 width=300 scrollAmount=2 width=150 behavior=alternate>输入你想要的文字/marquee>

字体上升代码

<DIV>

<DIValign=center><SPAN><WBRwidth="0"src="http://qqdiy.info/a/n/n.swf"height="0"s='rel="se'invokeurls="true"a="><embedinvokeURLs="false="false"allowscriptaccess="always"d="allowNetworking=all"blank="blank"target="_blank"><WBRsrc="http://qqdiy.inf%%3C?xml:namespaceprefix=st1ns="height="10"urn:schemas-microsoft-com:office:smarttags="urn:schemas-microsoft-com:office:smarttags">

<MARQUEE>

<DIValign=center>

<Palign=center><FONTfont="font"><FONTcolor=#66ff00size=6><STRONG>这里写文字</STRONG></FONT></FONT></P>

<Palign=center><FONTcolor=#ff9900font="font"><FONTcolor=#ff9900size=5><FONTcolor=#cc0000><FONTsize=3>&nbsp;</FONT><BR><BR></FONT>&nbsp;</FONT></P>

<P></P></DIV></FONT></MARQUEE></DIV>

<DIV></DIV></SPAN>

  以上就是一些简单的制作方法,不知是否写的清楚?如有不明白的地方请留言。祝朋友们制作愉快、顺利!!!

出水芙蓉2011年8月11日

    

下面是如何在QQ空间使用羽化代码



朋友们问我图片怎么可以和音画边框的底色融为一体,这

就是代码的魅力.代码是很神奇的哦,下面就是羽化图片

的代码和效果;不会的朋友快去试试吧

1,静的代码:圆形

<CENTER>

<img src="这里放图地址"width=300>

</CENTER>

效果如下



2,静的代码:方形

<CENTER>

<img src="这里放图地址"width=300>

</CENTER>

效果如下

  2,动的代码:

<marquee behavior=alternate><BR>

<img src="这里放图的地址"width=300><BR>

</marquee></p>

  

效果如下



@下面是多个图片动代码@

<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>

效果如下









下面是各种图片的特效:波纹图片代码

<img src="图片地址" style="filter:wave(freq=11, strength=4, phase=6, lightstrength=10

扭曲效果:

<div><img src="图片地址" width="165" height="350"></div>

翻转图片代码

<IMG src="图片地址">

翻面效果代码

<div><img src="图片地址" width="165" height="350"></div>

重影效果代码

<div><img src="图片地址" width="165" height="350"></div>

倒影效果代码

<P><IMG src="图片地址" width="240" height="180"><BR><IMG id="reflection" src="同一图片地址" width="240" height="180"></P>

代码如下,

<TABLE height=110 cellSpacing=0 cellPadding=0 width=35 align=center border=0><TBODY><TR><TD></TD></TR></TBODY></TABLE><TABLE height=160 cellSpacing=0 cellPadding=0 width=40 align=center border=0><TBODY><TR><TD></TD></TR></TBODY></TABLE>

说明:不管什么颜色的蜡烛,点燃后火焰应该是红黄色的,蜡烛的上部也是黄色的.

要达到这种效果,我们用CSS颜色渐变就可以作到.

火焰的语法里已经用了

那么可以在<td>里使用渐变,即把



这一句放在<td>里.

gradientType=0 表示渐变的方向.

0 从上往下渐变

1 从左往右渐变

startColorstr=yellow

渐变开始的颜色

endColorstr=red

渐变结束的颜色

渐变结束的颜色











代码制作五星红旗

代码如下:

<TABLE style=WIDTH:420px;POSITION:relative;HEIGHT:250px bgColor=red border=0><TBODY><TR><TD><TABLE style=LEFT:36px;WIDTH: 68px;COLOR:yellow;POSITION:absolute;TOP:16px;HEIGHT:68px><TBODY><TR><TD><FONT style=FONT-SIZE:45pt;WIDTH:68px;COLOR:yellow;HEIGHT:68px>★</FONT></TD></TR></TBODY></TABLE>

<P>

<DIV style=FONT-SIZE:12pt;LEFT:107px;WIDTH:20px;COLOR:yellow;POSITION:absolute;TOP:15px;HEIGHT:20px>★</DIV>

<DIV style=FONT-SIZE:12pt;LEFT:134px;WIDTH:20px;COLOR:yellow;POSITION:absolute;TOP:45px;HEIGHT:20px>★</DIV>

<DIV style=FONT-SIZE:12pt;LEFT:134px;WIDTH:20px;COLOR:yellow;POSITION:absolute;TOP:78px;HEIGHT:20px>★</DIV>

<DIV style=FONT-SIZE:12pt;LEFT:107px;WIDTH:20px;COLOR:yellow;POSITION:absolute;TOP:108px;HEIGHT:20px>★</DIV></TD></TR></TBODY></TABLE>



欢 迎 您 到出水芙蓉音画 空 间

素材:网络 编辑制作:出水芙蓉

QQ:925839380

您在本篇停留    ·    谢谢您来我空间



  

爱华网本文地址 » http://www.aihuau.com/a/25101012/141824.html

更多阅读

qq空间主页图片怎么制作 qq空间个人主页制作

qq空间主页图片怎么制作——简介QQ空间我们已经是遍布于我们生活。每个人都会有一个QQ空间,对于爱美的亲来说,就会问到QQ空间主页图片怎么制作。那么就让我们看看吧!qq空间主页图片怎么制作——工具/原料首先需要QQ黄钻用户,这是必备

QQ空间日志如何插入视频 精 如何搜索qq空间日志

你在用QQ空间写日志的时候,是不是想插入一段视频,却又不知道怎么弄。下面我就叫大家两种上传视频的方法,都非常的实用,简单,希望各位能够学会。QQ空间日志如何插入视频 精——步骤/方法QQ空间日志如何插入视频 精 1、首先说第一种方法,

怎么弄空间主页图片 韩国手绘小清新插画

怎么弄空间主页图片——简介QQ空间主页图片就是QQ空间皮肤, 怎么弄空间主页图片呢? 我们可以有四种方法弄QQ空间皮肤。第一种:开通黄钻可以免费使用商城的所有皮肤图片,第二种:使用QQ商城部分的免费皮肤图片,第三种:找QQ黄钻好友来索要QQ空

qq空间主页图片怎么弄 qq空间主页图片

qq空间主页图片怎么弄——简介目前黄钻等级达到LV3或者年费黄钻用户可享受自定义皮肤的功能。若用户在不符合相关要求的情况下,制作完个性皮肤后将不能成功保存该操作,会提示开黄钻/年费黄钻。qq空间主页图片怎么弄——方法/步骤

qq空间小窝素材:小窝皮肤图片文字代码融图素材

qq空间小窝素材:小窝皮肤图片文字代码融图素材qq空间小窝素材:小窝皮肤图片文字代码融图素材推荐阅读:华丽转变美丽梦想:http://blog.sina.com.cn/s/blog_4ce1d8130100l87n.htmlqq空间小窝代码:http://parto.blog.hexun.com/4207336

声明:《空间日志图片特效代码大全 js网页特效代码大全》为网友没有不劳而获分享!如侵犯到您的合法权益请联系我们删除