分享

制作留言个性名片-图片上飘动的图片

 非草 2010-01-04
帮你制作个性名片-飘动的图片
作者:英雄
  
 
        制作一个个性名片,在访问博友的博客时,贴在留言里,其效果要比公用留言贴图好得多。因为它即突出了你的个性,同时也展示了你博客的特色,也很受博友们的欢迎。英雄现简单介绍一下留言个性名片的制作方法,希望大家能够喜欢。其步骤如下:
 
 
一、个性名片的完整代码
<P align=center>
<TABLE height=380 cellSpacing=6 cellPadding=0 width=430
background=你喜欢的图片边框地址>
<TBODY>
<TR>
<TD>
<TABLE height=380 cellSpacing=0 cellPadding=0 width=430 align=center
 background=你喜欢的背景图片地址 border=0>
<TBODY>
<TR>
<TD>
<P align=center><SPAN lang=EN-US style="FONT-SIZE: 15pt; mso-bidi-font-size:
12.0pt; mso-fareast-font-family: 隶书">
<MARQUEE scrollAmount=1 width=50 height=40 align="center" scrolldely="10">
<B><FONT style="FONT-WEIGHT: normal; FONT-SIZE: 25pt; LINE-HEIGHT:
normal; FONT-STYLE: normal; FONT-VARIANT: normal" face=苏新诗卵石体
color=#cf34f6 size=6>英 雄(换上你的名字)</FONT></A></B></A>
</MARQUEE><STRONG><IMG height=60 src="喜欢的动画地址" width=70>
</A></STRONG>
<MARQUEE scrollAmount=1 width=50 height=40 align="center" scrolldely="10">
<B><FONT style="FONT-WEIGHT: normal; FONT-SIZE: 25pt; LINE-HEIGHT:
normal; FONT-STYLE: normal; FONT-VARIANT: normal" face=方正小篆体
 color=#ff0000 size=7>拜 访</FONT></A></B></A></MARQUEE><STRONG>
<IMG height=60 src="你喜欢的动画地址" width=70></A></STRONG>
<MARQUEE scrollAmount=1 width=50 height=40 align="center" scrolldely="10">
<B><FONT style="FONT-WEIGHT: normal; FONT-SIZE: 25pt; LINE-HEIGHT:
 normal; FONT-STYLE: normal; FONT-VARIANT: normal" face=方正水柱简体
 color=#00ffff size=4>朋 友</FONT></A></B></A></MARQUEE></FONT>
</MARQUEE><EM></EM></FONT></EM></SPAN></P></TD></TR> <TBODY>
<TR>
<TD>
(上述的代码你也可不要)
<TABLE borderColor=#228b22 cellSpacing=0 borderColorDark=#00ced1
cellPadding=0 width=430 align=center border=0>
<MARQUEE scrollAmount=3 scrollDelay=0 behavior=alternate>
<MARQUEE scrollAmount=2 scrollDelay=0 direction=down behavior=alternate
 height=300>
<MARQUEE scrollAmount=1 scrollDelay=0 behavior=alternate width=400>
<P align=center><IMG style="FILTER: alpha(opacity=100,style=2,finshopacity=0 );
WIDTH: 200px; HEIGHT: 160px" height=160 src="你自己或亲朋的图片地址"
width=200> </P></MARQUEE></MARQUEE></MARQUEE>
<TBODY></TBODY></TABLE></TD></TR>
<TBODY>
<TR>
<TD>
<DIV style="FILTER: glow(color=ff00ff, strength=10); FONT: 30pt Arial;
WIDTH: 420px; COLOR: red; HEIGHT: 0px">
<DIV style="FILTER: shadow(color=#9900ff, strength=25); WIDTH: 420px">
<CENTER>
<MARQUEE scrollAmount=2 scrollDelay=10>< FONT face=方正水柱简体
color=#ffff00 size=6>英雄欢迎您的光临,您的支持就是我的动力。英雄问候远方的朋友,您好吗?虽然我们不曾谋面,虽然我们远隔千山万水,可这无形的网络,架起了我们沟通的桥梁,建立了我们的友情。感谢网络让我们在此相聚、相识、相知,这是天赐网缘。遇上您是我的福份,您是我一生的朋,英雄永远记挂您!换上你的文字)
</FONT></MARQUEE></STRONG></CENTER></DIV>
 
二、代码说明
 

1、IMG style="FILTER: alpha(opacity=100,style=2,finshopacity=0 ); WIDTH:

 200px; HEIGHT: 160px"是使你自己或亲朋的图片地址产生朦胧效果的代码。

其中(px是象素符号)
WIDTH: 200px;是用象素表示的图片的宽度,
HEIGHT: 160px是用象素表示的图片的高度
 
2、<MARQUEE scrollAmount=3 scrollDelay=0 behavior=alternate>
<MARQUEE scrollAmount=2 scrollDelay=0 direction=down behavior=alternate

 height=300>
<MARQUEE scrollAmount=1 scrollDelay=0 behavior=alternate width=400>

这些是控制图片移动的代码。

蓝色的1、2、3是控制图片移动的速度,数字越大移动的越快。

3、<DIV style="FILTER: glow(color=ff00ff, strength=10); FONT: 30pt Arial;

 WIDTH: 420px; COLOR: red;

HEIGHT: 0px">这是使文字产生放射阴影效果的代码。
<DIV style="FILTER: shadow(color=#9900ff, strength=25); WIDTH: 420px">

这是使文字产生立体阴影效果的代码。

4、 <MARQUEE scrollAmount=2 scrollDelay=10 align="left">

这是控制文字移动的代码,蓝色的数字2是文字移动的速度,数字越大移动的越快。

三、使用方法
 

1、把代码复制粘贴到你的日志里进行编辑,按照说明,把红色标明的图片地址和文字,换成你的图片地址和文字。

2、点击“预览”,查看效果,满意后点击“保存为草稿”待用。

3、访问朋友博客时,复制个性名片,粘贴到朋友的留言栏里。 

 

四、演示效果

英 雄 拜 访 朋 友

欢迎您的光临,您的支持就是我的动力。英雄问候远方的朋友,您好吗?虽然我们不曾谋面,虽然我们远隔千山万水,可这无形的网络,架起了我们沟通的桥梁,建立了我们的友情。感谢网络让我们在此相聚、相识、相知,这是天赐网缘。遇上您是我的福份,您是我一生的朋,英雄永远记挂您!

 
 

 

的博客英雄临光迎欢 欢迎光临英雄的博客

    本站是提供个人知识管理的网络存储空间,所有内容均由用户发布,不代表本站观点。请注意甄别内容中的联系方式、诱导购买等信息,谨防诈骗。如发现有害或侵权内容,请点击一键举报。
    转藏 分享 献花(0

    0条评论

    发表

    请遵守用户 评论公约