分享

引用 博客装扮与Flash图片制作技巧(组编与原创)

 佛前一株青莲 2011-03-05

引用

洞庭居士博客装扮与Flash图片制作技巧(组编与原创)

            

            引用 博客装扮与Flash图片制作技巧(组编与原创)        - 红尘依恋 - 缘续今生      引用 博客装扮与Flash图片制作技巧(组编与原创)        - 红尘依恋 - 缘续今生       引用 博客装扮与Flash图片制作技巧(组编与原创)        - 红尘依恋 - 缘续今生    引用 博客装扮与Flash图片制作技巧(组编与原创)        - 红尘依恋 - 缘续今生

                                  

 引用 博客装扮与Flash图片制作技巧(组编与原创)        - 红尘依恋 - 缘续今生                      引用 博客装扮与Flash图片制作技巧(组编与原创)        - 红尘依恋 - 缘续今生

                              

博客装扮技巧与 Flash图片制作精萃

一、动画通用代码:(指透明动画,无背景)

<p align="center"> <embed src="动画地址" width="450"

height="280" type="application/x-shockwave-flash"/></p>

 二、怎样在博客首页上传图片

  在博客的首页顶上面点击“换衣服”=》选择“风格自定义”=》“新建风格”=》选择“顶区”=》选择图片平铺的方向和位置=》选择背景的颜色=》设置顶区的高度=》点击“选图”=》在你的电脑文件夹中选择图片=》点击“保存风格”=》点击“返回”=》点击“使用此风格”=》点击顶上面的“关闭”。 

        注意:上传的图片必须是宽幅的,高度很小,与顶栏形状一样,宽度1000,高度150----300,否则,只能看到图片的上部分。这种图片一般要用图片处理软件自己制作,我的顶栏的宽度是1007,高度是150。

三、怎样在首页添加视频

第一步:将下面这段代码视频播放器代码复制粘贴在首页的自定义模块中。怎样添加自定义模块请参看

所有代码的粘贴法

      <EMBED src=粘贴视频地址处 width=450 height=390 type=application/x-shockwave-flash></EMBED>

第二步:将你得到的视频地址复制粘贴在上面这段代码的“粘贴视频地址处”(地址替代这几个字)---再为这个模块命名---点击保存---把模块拖到合适位置---最后还要点击首页顶上面的“保存修改”。

四、 怎样制作背景是jpg图片的flash图片 

 首先要在网上找好你满意的jpg图片留做背景,然后再找你需要的透明flash图片,把网址复制回来后,集中制作,把jpg图片地址

  用作背景替换下面结尾有jpg的红色部分,(为了便于识别我把整个模块分成四块,第一块是背景模块,第二块是透明flash模块,

第三块是字体模块,第四块实际上是结尾模块)把flash图片地址用来替换下面结尾有swf的红色部分,(第二个flash图片模板可以同 时多复制几个,如果你的透明模块可以放一块的话就可以多复制几个加在一块,例如:背景是山水画,透明模块就可以加,雨滴,鱼,

蜻蜓,青蛙等合在一起制作)现在实际上已经做好了,去掉字体模块,把空行删除就可以用了;但如果想要加字就可以把字体模块加上,字想放在图内就按现在的顺序排列,要放在图外就可以拿出来放在前面(显示在上方)或结尾(显示在下方)就可以了。

 <TABLE style="WIDTH: 500px; HEIGHT: 365px" height=365 cellPadding=0 width=500

      align=center background=

http://img.blog.163.com/photo/bm7DJ6YBuzN2AxaPeE0zEw==/330451622658789342.jpg (背景代码)

      border=0><TBODY><TR><TD>

  <EMBED allowScriptAccess="never" allowNetworking="internal" style="WIDTH: 450px;

  HEIGHT: 250px" align=right src=http://imgfree.21cn.com/free/flash/88.swf  (动画代码 )

  width=450 height=250 type=application/x-shockwave-flash quality="high"

     wmode="transparent">

 <MARQUEE style="WIDTH: 490px; HEIGHT: 301px" scrollAmount=1 direction=up

      height=301><center><FONT face=华文行楷 color=#ff0000  size=6>

<STRONG>送上新春的祝福<BR><P></P>洞庭居士祝愿您<BR>健健康康<BR>平平安安<BR>快快乐乐<BR>红红火火  </STRONG></FONT></center></MARQUEE></TD></TR></TBODY></TABLE>

 上面这个模板是“桂林日月双塔”的模板。你可试着将字体模块放在前面或后面就可以看到效果了。红色的字也是可以更换成你需要的。

文字,行数是可以增减的,<BR>是代表另起一行。(注:模块用时删除空行,那是我为了好让大家辨认而分开的)。

 自制的仙女散花:

<TABLE style="WIDTH: 466px; HEIGHT: 388px" height=400 cellPadding=0 width=500 align=center background='http://img.blog.163.com/photo/AJDO6Pd1XdX9EF7YTsA5vQ==/5391934653869685717.jpg"'></A>

<TBODY>

<TR>

<TD><EMBEDstyle="WIDTH:450px;HEIGHT:250px"align=right src=http:///stth/w8/xy.swf width=460 height=700 type=application/octet-stream ;allowNetworking="internal" ; quality="high" wmode="transparent" allowNetworking="internal" allowScriptAccess="never"><EMBED align=right src=http://imgfree.21cn.com/free/flash/88.swf width=380 height=700 type=application/octet-stream ;; quality="high" wmode="transparent" ; allowNetworking="internal" allowScriptAccess="never">

</EMBED></TD></TR></TBODY></TABLE>       (调整数据前出现上下两幅图像)

 调整数据后一切正常:

<TABLE style="WIDTH: 455px; HEIGHT: 361px" height=361 cellPadding=0 width=455 align=center background='http://img.blog.163.com/photo/AJDO6Pd1XdX9EF7YTsA5vQ==/5391934653869685717.jpg"'></A>

<TBODY>

<TR>

<TD><EMBED style="WIDTH: 450px; HEIGHT: 360px" align=right src=http:///stth/w8/xy.swf width=450 height=360 type=application/octet-stream ;allowNetworking="internal" ; quality="high" wmode="transparent" allowNetworking="internal" allowScriptAccess="never"><EMBED align=right src=http://imgfree.21cn.com/free/flash/88.swf width=400 height=380 type=application/octet-stream ;; quality="high" wmode="transparent" ; allowNetworking="internal" allowScriptAccess="never">

<MARQUEE scrollAmount=3 direction=down behavior=alternate height=350>

<MARQUEEscrollAmount=3behavior=alternatewidth=100><IMG src="http://img.blog.163.com/photo/DZr8StkxVmBKJpCEu-BSqA==/2872733612309281739.jpg  ">

<P align=right><FONT face=华文行楷_GB2312 color=#00ff00 size=3>洞庭居士作品</FONT></A></P></STRONG>

<P></P>

<P></P></FONT>

<P></P>

<P></P></MARQUEE></MARQUEE>>

<TBODY> </EMBED> </TD></TR></TBODY></TABLE>

     (修改之二)

 <TABLE style="WIDTH: 479px; HEIGHT: 391px" height=391 cellPadding=0 width=479 align=center background='http://img.blog.163.com/photo/AJDO6Pd1XdX9EF7YTsA5vQ==/5391934653869685717.jpg"'></A>

<TBODY>

<TR>

<TD><EMBED style="WIDTH: 450px; HEIGHT: 372px" align=right src=http:///stth/w8/xy.swf width=450 height=372 type=application/octet-stream ;allowNetworking="internal" ; quality="high" wmode="transparent" allowNetworking="internal" allowScriptAccess="never"><EMBED align=right src=http://imgfree.21cn.com/free/flash/88.swf width=400 height=380 type=application/octet-stream ;; quality="high" wmode="transparent" ; allowNetworking="internal" allowScriptAccess="never">

<MARQUEE scrollAmount=3 direction=down behavior=alternate height=350>

<MARQUEE scrollAmount=3 behavior=alternate width=100><IMG src="http://img.blog.163.com/photo/DZr8StkxVmBKJpCEu-BSqA==/2872733612309281739.jpg">

<P align=right><FONT face=华文行楷_GB2312 color=#00ff00 size=3>洞庭居士作品</FONT></A></P></STRONG>

<P></P>

<P></P></FONT>

<P></P>

<P></P></MARQUEE></MARQUEE></TD></TR>

<TBODY></TR></TD></EMBED></TD></TR></TBODY></TABLE>

 五、 我是怎样简单制作flash图片的(即swf格式)

 应网友的要求我把我是怎么制作flash图片的格式告诉大家,这样大家都可以轻松的制作自己想要的flash图片,我也可以不都要一 一作答了,可能我会轻松许多,希望大家能理解,并谢谢大家最近对我的关心和支持。

 首先要在网上找到你感觉很好的flash图片,即自己喜欢且别人也会喜欢的图片,把地址复制回来,且一定要自己试一试打开速度

 越快越好,这样不影响网速,别人不会讨厌,复制回来以后集中起来,做一下制作成你想要的图片。下面是发flash图片的模板:

  <P align=center><EMBED style="WIDTH: 100%; HEIGHT: 279px"

    pluginspage=http:// co www.macromedia.m/go/getflashplayer

 src=http://bfq2/flash/7.swf width="100%"

type=application/x-shockwave-flash wmode="transparent" quality="high">

 把上面这个模板复制许多份,(和你收集回来的图片的地址数量一样多)然后开始把你收集回来的地址替换上面红色的部分,这样 一次就做好了许多份可以随时用的flash留言图片。做好后你可以再加上你的个性抬头模板,和你想要的移动字幕。

六、图片CSS滤镜---发光效果

(一)代码:

<DIV style="FILTER: Glow(color=#4A7AC9,strength=12); WIDTH: 384px; HEIGHT: 304px" align=center><br><IMG src="图片网址">

</DIV>

(二)参数说明:

color             -->发光颜色

strength        -->发光强度

虑镜宽=图片宽度+发光强度x2

虑镜高=图片高度+发光强度x2+10

 七、图片CSS滤镜---左右旋转效果

代码(1)

<img src="图片网址" style="filter:FlipH">

代码(2)

       <div style="width:360px;height:270px;filter:FlipH">

          <img src="图片网址"></div>

八、图片链接移动代码

例1: 上下滚动

<marquee scrollamount="1" scrolldelay="60" direction="up" width="200" height="230"><div align="center"><a href="第一个连接网址" target="_blank"><img src="第一张图片地址" width="200" border="0" /></a></div><div align="center"><a href=第二个连接网址 target="_blank"><img src="第二张图片地址" width="200" border="0" /></a></div></marquee>

 例2:从右向左移动

<marquee direction=left width=宽度>

<img src="你的图片地址">

<img src="你的图片地址">

<img src="你的图片地址">

<img src="你的图片地址">

例3:左右反复移动

 <marquee width=100% behavior=alternate><img src="你的图片"></marquee>

说明:

 

以次类推,可以加很多张图片,注意要加在最后一个</marquee>前面,就不会丢失移动效果。

 九、在网站上放图片的代码

 

<img src="图片地址"; width="480" height="360">

图片居中代码:

 

 

<DIV align=center>代码</DIV>

说明:

 

将其中的center换为left或者right即为居左或居右

 十、插入背景图片的代码

 

HTML代码复制区

 

<TABLE align=center background="背景图"

bord=0 cellPadding=0 cellSpacing=0 border

Color  = #ffff00 width="100%"><TBODY>

<TR><TD>

内容,文字或图片.....

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

 <TABLE> 的参数设定(常用):

 

<table width="400" border="1" cellspacing="2" cellpadding="2" align="CENTER" valign="TOP" background="myweb.gif" bgcolor="#0000FF" bordercolor="#CF0000" bordercolorlight="#00FF00" bordercolordark="#00FFFF" cols="2">

 注解:

 

width="400"

表格宽度,接受绝对值(如 80)及相对值(如 80%)。

border="1"

表格边框的厚度,不同浏览器有不同的内定值,故请指明。

cellspacing="2"

表格格线的厚度

align="CENTER"

表格的摆放位置(水平),可选值为: left, right, center

valign="TOP".

表格里内容的对齐方式(垂直),可选值为: top, middle, bottom。

background="myweb.gif"

表格的背景图片,与 bgcolor 不要同用。

bgcolor="#0000FF"

表格的底色,与 background 不要同用

bordercolor="#CF0000"

表格边框颜色

bordercolorlight="#00FF00"

表格边框向光部分的颜色

bordercolordark="#00FFFF"

表格边框背光部分的颜色,使用 bordercolorlight 或 bordercolordark 时 bordercolor 将会失效。

cols="2"

表格栏位数目,只是让浏览器在下载表格时先画整个表格而已。

 十一、让图片产生梦幻效果的代码

(一)代码:

<IMG style="FILTER: Alpha(opacity=100,style=2); WIDTH: 300px; HEIGHT: 420px" height=300 src="图片地址" width=420>

说明:WIDTH(表宽度,后面的值可以变。)HEIGHT(表高度,后面的值可以变。)

(二)怎样获得图片的宽度、高度和地址?

将图片点击放大=》右键单击图片=》在出现的对话框中点击“属性”便得。

引  用 ─━★阿文幻灯片代码

 可以连接5个自己喜欢的图片利用幻灯每秒都会变化

自动播放的图片(推荐文章):

<embed src="http://image2.sina.com.cn/bj/zonghe/pixviewer.swf" wmode="opaque" bgcolor="#FDD248"FlashVars="pics=图片地址1|图片地址2|图片地址3|图片地址4|图片地址5&links=文章地址1|文章地址2|文章地址3|文章地址4|文章地址5&texts=文章名字1|文章名字2|文章名字3|文章名字

4|文章名字5&borderwidth=220&borderheight=220&textheight=20" menu="false" quality="high" width="220" height="200"  type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />

请点击查看影音文件...

width="180" height="200" 是幻灯片的尺寸,可以自行调节。

bgcolor="#FDD248" 是背景颜色,可以参考颜色代码-色阶板 上设置。

textheight=20 是文字区域高度,可以自行调节。

  博客装扮的操作方法

   一、动画代码:

<MARQUEE scrollAmount=3 direction=down behavior=alternate height=350>

<MARQUEE scrollAmount=3 behavior=alternate width=450>

<EMBED pluginspage=http://www.macromedia.com/go/getflashplayer src=flash动画网址 width="100%" type=application/x-shockwave-flash quality="high" wmode="transparent" ></EMBED></MARQUEE></MARQUEE>

说明:

1、  蓝色的就是动画代码,代入一个FLASH网址就可以显出动画来,桃红色数据是可以改动的,这是动画运动的范围(高度和宽度) 黑色代码可以不看,也可以不要;

 2、如果发现不显现,那一定是与你代入的动画地址链接不上,那你就多选几个试试。

 二、操作步骤:

1、在你自己的首页的右上角点击“设置”=》“开始装扮博客”=》“设置首页内容”=》“添加自定义模块”;

2、将光标定在所弹出的对话框的大空白处,在键盘上按下ctrl+v,这样你先复制的代码就粘贴在其中了,然后在你粘贴的动画代码中再粘贴上动画地址(动画地址处);

就是这段代码:

<EMBED pluginspage=http://www.macromedia.com/go/getflashplayer src=flash动画网址 width="100%" type=application/x-shockwave-flash quality="high" wmode="transparent" ></EMBED>

2、  在名称处给这个模块命个名,点击“确定”,模块就出现在首页的

上角了,拖动到合适的位置,点击顶上面的“保存修改”就行了。

如果动画运动范围与版块大小不合,就调整桃红色数据。(指顶上面那段运动性代码)(高度与宽度的数值)

 想得到更多的更漂亮的透明flash动画地址吗?那请看:动画代码中隐藏着一个天大的秘密:

 这个秘密是什么呢?那就是贴若干个动画,只需一个动画代码.这个秘密在哪里呢?本人通过这几天的学习实验发现,只需在这段代码的一处改一下数据,动画就变了.而且是改一下变一个,真是千变万化,比孙悟空还孙悟空哩!仔细想来,这一定是别人建在网上的一个动画数据库。

 看看下面的这段代码:(这段代码是我加了一个背景图片代码的)

(一)代码:(蓝色部分是背景图片代码,中间是动画代码)

<DIV></DIV>

<TABLE borderColor=#cd5c5c height=350 width=450 align=center border=3>

<TBODY>

<TR>

<TD background=http://image24.360doc.com/DownloadImg/2011/03/0518/9714988_4>

<MARQUEE scrollAmount=3 direction=down behavior=alternate height=350>

<MARQUEE scrollAmount=3 behavior=alternate width=450><EMBED pluginspage=http://www.macromedia.com/go/getflashplayer src=http://imgfree.21cn.com/free/flash/92.swf width="100%" type=application/x-shockwave-flash wmode="transparent" quality="high" ></EMBED></MARQUEE></MARQUEE></TD></TR></TBODY></TABLE>

其实,从这不同的颜色标识中,就可以悟出怎样为动画添加背景的。

如果悟不出,就参看---怎样为背景透明的动画添加一幅背景图

(二)将下面的代码复制粘贴在自定义模块中:

    怎样粘贴请参看:所有代码的粘贴法(献给初学者)

    1.代码: 

   <DIV></DIV>

   <TABLE borderColor=#cd5c5c height=350 width=450 align=center border=3>

    <TBODY>

    <TR>

   <TD background=图片地址>生成的动画代码或文字特效代码</TD></TR></TBODY></TABLE> 

      2.说明:

       A、红颜色部分是背景图片代码。如果你只需导入一个静止的背景图,你就只取红颜色部分的代码就行了;

       B、中间的是动画代码,这样的颜色标识,已经告诉我们就是把动画代码放在红颜色的代码中间就是了。

      C、问题的关键就是要得到图片地址和生成的动画代码。得到后,一替换就ok了。

三)找准图片地址的方法:

          1.最简单的方法: 点开放大网上相册中的图片,右键单击图片,在弹出的菜单中选择“属性”,再在弹出的框中就有图片的地址、宽度和高度;

         2.另一种方法是另外打开一个页面窗口操作

        A、日志编辑状态--添加图片--选择相册--选择相片--点添加图片--点击全部功能--点击按钮<>--代码生成;

       B、找准图片地址:

       例如,下面是一段生成的图片代码,哪是准确的图片地址?红色处才是。

       <A href="http://blog.163.com/gsd_432427/album/prevPhoto.do?photoId=_fks_XHKODqk2spuEssuhC6CZ785Eh17vBuZ-" target=_blank><IMG src="http://img开头,以jpg或gif结尾的 才行

        3.将生成的图片地址复制粘贴在“图片地址”处,替换这4个字。

  (四)贴入动画代码:

    1.又另外打开一个首页;

    2.在首页右上角点击“设置”----在出现的窗口中点击“开始装扮博客”----在出现的首页顶栏选择“设置首页内容”;

         稍后便进入模块选项对话框,然后选择顶下面的“添加自定义模块”,片刻之后,就会出现一个自定义模块对话框;

    3.在自定义模块中选择flash----复制粘贴一个动画网址到出现的flash文本对话框中----点确定,这时,动画的代码就生成在自定义模块中了;

    4.选中、复制这段代码(ctrl+c);

    5.跳到日志窗口,将复制的这段代码粘贴(ctrl+v)到“生成的动画代码”处,替换“生成的动画代码”这七个字;

    6.预览;

7.发表日志。

(五)看看效果:(这是加了两个动画的)

1.段落文字右移特效代码嵌入背景代码之中:

<DIV></DIV>

           <TABLE borderColor=#cd5c5c height=350 width=450 align=center border=3>

           <TBODY>

           <TR>

           <TD background=图片地址><DIV align=center>

<MARQUEE scrollAmount=1 scrollDelay=100 behavior=slide loop=1 width=550 height=293>

<MARQUEE style="LINE-HEIGHT: 120%; WRITING-MODE: tb-rl" scrollAmount=1 scrollDelay=100 direction=up width=550 height=290>

<P align=left><FONT style="FONT-SIZE: 18pt; FILTER: WIDTH: 100%; COLOR: #ea0000; LINE-HEIGHT: 130%; FONT-FAMILY: 方正姚体" color=#ff0000>我带着远古的心愿<BR>你怀揣前世的祈盼<BR>我饱含如许的虔诚<BR>你浸润最深的期待<BR>我们跨越万水千山<BR>赴今世的约定...<BR>你感觉我深情凝眸的甜柔<BR>我倾听你心室澎湃的跳动<BR>白云轻盈飘荡<BR>星月神秘闪烁<BR><BR>燃烧的篝火旁<BR>我们席地而坐<BR>倾诉不尽的相思<BR>燃烧的火焰是不灭的炙热<BR>让我们一起出发<BR>背上快乐的行囊<BR>携着一路的欢唱<BR>踏着灿烂的芬芳<BR>望--天上云卷霞飞<BR>看--地下小桥流水<BR>拥--郁郁山川入怀<BR>枕--簇簇波浪入眠<BR>把--忧烦抛在身后<BR>让--愉悦洒满诗行 <BR><BR>

</FONT></P></MARQUEE></MARQUEE></DIV></TD></TR></TBODY></TABLE> 

 本人试制动画图片代码:

<DIV></DIV>

<TABLE borderColor=#cd5c5c height=350 width=450 align=center border=3>

<TBODY>

<TR>

<TDbackground=src="http://img.blog.163.com/photo/Y6ay-u18PYNLKAY_Vi7Yrg==/4295026669628433143.jpg"></A><DIV align=center>

<MARQUEE scrollAmount=1 scrollDelay=100 behavior=slide loop=1 width=650 height=393>

<MARQUEE style="LINE-HEIGHT: 120%; WRITING-MODE: tb-rl" scrollAmount=1 scrollDelay=100 direction=up width=550 height=290>

<P align=left><FONT style="FONT-SIZE: 18pt; FILTER: WIDTH: 100%; COLOR: #ea0000; LINE-HEIGHT: 130%; FONT-FAMILY: 方正姚体" color=#ff0000>我带着远古的心愿<BR>你怀揣前世的祈盼<BR>我饱含如许的虔诚<BR>你浸润最深的期待<BR>我们跨越万水千山<BR>赴今世的约定...<BR>你感觉我深情凝眸的甜柔<BR>我倾听你心室澎湃的跳动<BR>白云轻盈飘荡<BR>星月神秘闪烁<BR><BR>燃烧的篝火旁<BR>我们席地而坐<BR>倾诉不尽的相思<BR>燃烧的火焰是不灭的炙热<BR>让我们一起出发<BR>背上快乐的行囊<BR>携着一路的欢唱<BR>踏着灿烂的芬芳<BR>望--天上云卷霞飞<BR>看--地下小桥流水<BR>拥--郁郁山川入怀<BR>枕--簇簇波浪入眠<BR>把--忧烦抛在身后<BR>让--愉悦洒满诗行 <BR><BR>

</FONT></P></MARQUEE></MARQUEE><DIV></TD></TR></TBODY></TABLE>

 本人置于首页的欢迎图:

<DIV></DIV>

 <TABLE borderColor=#cd5c5c height=350 width=450 align=center border=3>

<TBODY>

<TR

<TD background=http://img.blog.163.com/photo/Y6ay-u18PYNLKAY_Vi7Yrg==/4295026669628433143.jpg"></A>        (背景图片地址)

<MARQUEE scrollAmount=3 direction=down behavior=alternate height=350>

<MARQUEE scrollAmount=3 behavior=alternate width=450><IMG src="http://img.blog.163.com/photo/DZr8StkxVmBKJpCEu-BSqA==/2872733612309281739.jpg  ">      

<FONT face=隶书 color=#ff0000 size=6><STRONG>欢迎光临</STRONG></FONT><FONT face=华文行楷 color=#800080 size=13><STRONG> </STRONG><BR>

<P align=center><STRONG></STRONG></P>

<P align=center><STRONG>

<P align=center></P>

<P align=center><FONT face=华文行楷_GB2312 color=#00ff00 size=8>洞庭居士的博客乐园</FONT></A></P></STRONG>

<P></P>

<P></P></FONT>

<P></P>

<P></P></MARQUEE></MARQUEE>>

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

<P></P>

 (此处有两幅图)

说明:对蓝色处的宽与高的值均作了如下改动,width=440 height=170

                                            width=440 height=170

     改的目的就是要让文字特效的运动范围与效果图的大小相符,否则,背景图会自动加长加宽的。

 2.给文字和动画加上来回起伏移动代码嵌入背景代码中:

<DIV></DIV>

           <TABLE borderColor=#cd5c5c height=350 width=450 align=center border=3>

           <TBODY>

           <TR>

           <TD background=背景图片网址>

<MARQUEE scrollAmount=3 direction=down behavior=alternate height=245><MARQUEE style="width: 435px; height: 155px" scrollAmount=3 behavior=alternate width=375><P align=center></P><P align=center><IMG src="动画图片网址"><FONT face=字体名称_GB2312 color=#ff0000 size=6><STRONG>输入文字处</STRONG></FONT><FONT face=字体名称 color=#800080 size=30><STRONG> </STRONG><BR> <P align=center></P><P align=center><IMG src="动画图片网址"><FONT face=字体名称_GB2312 color=#00ff00 size=6>输入文字处<BR>输入文字处</FONT></P></MARQUEE></MARQUEE></TD></TR></TBODY></TABLE>

 说明:

    A、以<MARQUEE 代码开头,以</MARQUEE>结束的这一段代码是“来回起伏移动代码”,位于背景图代码中间;

    B、如果所有代码代入后,发现图片出现多余部分或文字动画运动不理想,就调整红色处的高度值( height)和宽度值(width),反复调试,直到理想为止,这一点是关键.

    C、gif格式的动态小图地址:http://love./upload/2004612/UF488696.gif 这个图片现在链接不上了,请你另换一个gif格式的动态小图地址

    D、背景图片地址:http://img.blog.163.com/photo/C8QEjwHKQyx4QaMBtwr9qQ==/4512043876672178758.jpg

      这个图片在我的相册里,如果我删了,就不显现了。所以建议要用你自己的。

 

3、注意:你只需要选择中间的动画代码去变化就行了。

(1)就是这段:(用这段就没有背景)

<EMBED pluginspage=http://www.macromedia.com/go/getflashplayer src=http://imgfree.21cn.com/free/flash/92.swf width="100%" type=application/x-shockwave-flash wmode="transparent" quality="high" ></EMBED>

(2)修改的方法:

就是那个flash后面的数据,flash/92是效果一,改为flash/100是效果二,改为flash/105是效果三,改为flash/113是效果四,改为flash/129是效果五。

不信,你把这段代码复制粘贴到自定义版块中试试?

 制作个人名片代码如下:

<table width="100%"> <tr> <td style="padding: 2px;"> <img style="border: 1px solid rgb(153, 153, 153); width: 140px; height: 140px;"

src=头像图片地址> </td> <td valign="top"> <table width="100%"> <tr> <td> <img src="/style/common/性别.gif"> </td> </tr> <tr> <td> <div style="font-weight: bold;font-size:16px;"> <a href="邮箱地址"> 你的名字</a> </div> </td> </tr> <tr> <td> <div> 年龄,星座</div>

</td> </tr> <tr> <td> <div> 详细地址</div>

性别那栏 男填 gg 女填 mm {记住是小写哦}

直接在图片上写文字代码

 

<div align="center"><div style="background-image: url('图片地址'); background-repeat: repeat; background-attachment: scroll; font-style: normal; font-variant: normal; font-weight: normal; line-height: 25px; font-size: 12px; font-family: verdana; width: 490px; height: 268px; padding-left: 10px; padding-right: 0px; padding-top: 14px; background-"><br /><div align="left">

<div style="PADDING-RIGHT: 0px; PADDING-LEFT: 10px; FILTER: alpha(opacity=60); WIDTH: 400px; HEIGHT: 228px">文字内容</div></div><br /></div></div>

将代码中的图片地址换为你想要的图片(替换红色部分,保留括号)

文字内容那里更换为你想要写的东西。

                    怎样使表格的背景有闪动的效果

一、怎样使表格的背景有闪动的效果呢?

方法很简单,就是在下面蓝色代码中加进一个导入图片的代码:

background ,然后在等号后面添加一个闪动图片的网址:

http://image24.360doc.com/DownloadImg/2011/03/0518/9714988_5.gif 没有这样的图片,

可自己在gif软件中或在photoshop这个软件中制作一个。

看下面的代码:

<TABLE cellSpacing=6 cellPadding=6 width=200 align=center

background=http://image24.360doc.com/DownloadImg/2011/03/0518/9714988_5.gif border=1>

<TBODY>

<TR>

<TD width="50%"><A href="地址" target=_blank>☆名称☆</A></TD>

<TD width="50%"><A href="地址" target=_blank>☆名称☆</A></TD>

<TR>

<TD width="50%"><A href="地址" target=_blank>☆名称☆</A></TD>

<TD width="50%"><A href="地址" target=_blank>☆名称☆</A></TD>

<TR>

<TD width="50%"><A href="地址" target=_blank>☆名称☆</A></TD>

<TD width="50%"><A href="地址" target=_blank>☆名称☆</A></TD>

<TR>

<TD width="50%"><A href="地址" target=_blank>☆名称☆</A></TD>

<TD width="50%"><A href="地址" target=_blank>☆名称☆</A></TD>

<TR>

<TD width="50%"><A href="地址" target=_blank>☆名称☆</A></TD>

<TD width="50%"><A href="地址" target=_blank>☆名称☆</A></TD>

<TR>

<TD width="50%"><A href="地址" target=_blank>☆名称☆</A></TD>

<TD width="50%"><A href="地址" target=_blank>☆名称☆</A></TD>

<TR>

<TD width="50%"><A href="地址" target=_blank>☆名称☆</A></TD>

<TD width="50%"><A href="地址" target=_blank>☆名称☆</A></TD>

<TR>

<TD width="50%"><A href="地址" target=_blank>☆名称☆</A></TD>

<TD width="50%"><A href="地址" target=_blank>☆名称☆</A></TD>

<TR>

<TD width="50%"><A href="地址" target=_blank>☆名称☆</A></TD>

<TD width="50%"><A href="地址" target=_blank>☆名称☆</A></TD>

<TR>

<TD width="50%"><A href="地址" target=_blank>☆名称☆</A></TD>

<TD width="50%"><A href="地址" target=_blank>☆名称☆</A></TD>

<TR>

<TD width="50%"><A href="地址" target=_blank>☆名称☆</A></TD>

<TD width="50%"><A href="地址" target=_blank>☆名称☆</A></TD>

<TR>

<TD width="50%"><A href="地址" target=_blank>☆名称☆</A></TD>

<TD width="50%"><A href="地址" target=_blank>☆名称☆</A></TD>

二、看看效果:

 

☆名称☆ ☆名称☆
☆名称☆ ☆名称☆
☆名称☆ ☆名称☆
☆名称☆ ☆名称☆
☆名称☆ ☆名称☆
☆名称☆ ☆名称☆
☆名称☆ ☆名称☆
☆名称☆ ☆名称☆
☆名称☆ ☆名称☆
☆名称☆ ☆☆
☆名称☆ ☆名称☆
☆名称☆ ☆名称☆

 

 

          引用 博客装扮与Flash图片制作技巧(组编与原创)        - 红尘依恋 - 缘续今生      引用 博客装扮与Flash图片制作技巧(组编与原创)        - 红尘依恋 - 缘续今生    引用 博客装扮与Flash图片制作技巧(组编与原创)        - 红尘依恋 - 缘续今生    引用 博客装扮与Flash图片制作技巧(组编与原创)        - 红尘依恋 - 缘续今生

   

     引用 博客装扮与Flash图片制作技巧(组编与原创)        - 红尘依恋 - 缘续今生

 
            引用 博客装扮与Flash图片制作技巧(组编与原创)        - 红尘依恋 - 缘续今生

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

    0条评论

    发表

    请遵守用户 评论公约