注册 登录  
 加关注
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

戛戛的动感天空

 
 
 

日志

 
 

在flash上加字和代码/制作旋转立体方块/如何在自己的博客中加入入音乐(代码)  

2007-11-11 20:03:20|  分类: 制作 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

 



 

 

 在flash上加字和代码/制作旋转立体方块/如何在自己的博客中加入入音乐(代码)

一.如何在flash上加字和代码?
何在图片中加入文字?

如何在图片中加入文字?

如何在图片中加入文字?

如何在图片中加入文字?

如何在图片中加入文字?

代码如下:

<TABLE height=300 cellPadding=10 width=500 align=center background=http://bbs.guolan.com/upload/2004813181838.gif border=3 table="0">
<TBODY>
<TR>
<TD>
<DIV align=center><FONT face=楷体_GB2312 color=#c709f7 size=4>如何在图片中加入文字?</FONT></DIV>
<DIV align=center><FONT face=楷体_GB2312 color=#c709f7 size=4></FONT><BR></DIV>
<DIV align=center><FONT face=楷体_GB2312 color=#1ae66b size=4>如何在图片中加入文字?</FONT></DIV>
<DIV align=center><FONT face=楷体_GB2312 color=#1ae66b size=4></FONT><BR></DIV>
<DIV align=center><FONT face=楷体_GB2312 color=#ffff00 size=4>如何在图片中加入文字?</FONT></DIV>
<DIV align=center><FONT face=楷体_GB2312 color=#ffff00 size=4></FONT><BR></DIV>
<DIV align=center><FONT face=楷体_GB2312><FONT size=4><FONT color=#ffffff>如何在图片中加入文字?
</EMBED></FONT></FONT></FONT></DIV></TD></TR></TBODY></TABLE>

兰色是:背景网址(可换)

红色是:放入文字的位置和格式

在图中如何加入SWF特效:

如何在图片中加入文字?
如何在图片中加入SWF特效?

代码如下:

<TABLE height=300 cellPadding=10 width=500 align=center background=http://bbs.guolan.com/upload/2004813181838.gif border=3 table="0">
<TBODY>
<TR>
<TD>
<DIV align=center><FONT face=楷体_GB2312 color=#c709f7 size=4>如何在图片中加入文字?</FONT></DIV>
<DIV align=center><FONT face=楷体_GB2312 color=#c709f7 size=4></FONT></DIV>
<DIV align=center><FONT face=楷体_GB2312 color=#1ae66b size=4>如何在图片中加入SWF特效?</FONT></DIV>
<DIV align=center><FONT face=楷体_GB2312 color=#1ae66b size=4></FONT
></DIV>
<DIV align=center><EMBED pluginspage=http://www.macromedia.com/go/getflashplayer src=http://imgfree.21cn.com/free/flash/51.swf width=470 height=200 type=application/x-shockwave-flash wmode="transparent" quality="high"></EMBED></DIV></TD></TR></TBODY></TABLE>

绿色:是放入特效的位置和格式


双层表框加字 (特效)

天上云欢迎你来到制贴天地学习

代码如下:

<TABLE height=300 cellPadding=10 width=500 align=center background=http://bbs.guolan.com/upload/2004813181838.gif border=3 table>
<TBODY>
<TR>
<TD>
<P align=center><FONT face=隶书 color=#f7f709 size=5>双层表框加字<FONT color=#000000> </FONT><FONT color=#c709f7>(特效)</FONT></FONT></P></TD></TR>
<TR>
<TD height=300>
<DIV align=center><FONT face=楷体_GB2312 color=#33ff00 size=4><FONT color=#309d46>落叶无痕</FONT><FONT color=#e6bd1a>欢迎你来到制贴天地学习</
FONT></FONT></DIV>
<DIV align=center><EMBED pluginspage=http://www.macromedia.com/go/getflashplayer src=http://imgfree.21cn.com/free/flash/51.swf width=470 height=200 type=application/x-shockwave-flash quality="high" wmode="transparent"></EMBED></DIV></TD></TR></TBODY></TABLE>

如何使用上下滚动字幕?

  

如何在图片中加入文字?
如何在图片中加入文字?
如何在图片中加入文字?
如何在图片中加入文字?

代码如下:

<TABLE height=300 cellPadding=10 width=500 align=center background=http://bbs.guolan.com/upload/2004813181838.gif border=3 table="0">
<TBODY>
<TR>
<TD>
<DIV align=center><FONT face=楷体_GB2312><FONT size=4><FONT color=#ffffff></FONT></FONT></FONT>
<MARQUEE style="WIDTH: 380px; HEIGHT: 84px" scrollAmount=2 direction=up height=84><FONT color=#ff00ff>
<DIV align=center><FONT face=楷体_GB2312 color=#c709f7 size=4>如何在图片中加入文字?</FONT></DIV>
<DIV align=center><FONT face=楷体_GB2312 color=#c709f7 size=4></FONT><BR></DIV>
<DIV align=center><FONT face=楷体_GB2312 color=#1ae66b size=4>如何在图片中加入文字?</FONT></DIV>
<DIV align=center><FONT face=楷体_GB2312 color=#1ae66b size=4></FONT><BR></DIV>
<DIV align=center><FONT face=楷体_GB2312 color=#ffff00 size=4>如何在图片中加入文字?</FONT></DIV>
<DIV align=center><FONT face=楷体_GB2312 color=#ffff00 size=4></FONT><BR></DIV>
<DIV align=center><FONT face=楷体_GB2312><FONT size=4><FONT color=#ffffff>如何在图片中加入文字?</FONT></FONT></FONT></DIV></FONT></MARQUEE></DIV></TD></TR></TBODY></TABLE>

==============================

文字上下滚动代码:<MARQUEE style="WIDTH: 380px; HEIGHT: 84px" scrollAmount=2 direction=up height=84><FONT color=#ff00ff>注:scrollAmount=2   是控制字速,数值越大字速就越快!

左右移动字:


如何在图片中加入文字?
如何在图片中加入文字?
如何在图片中加入文字?
如何在图片中加入文字?

代码如下:


<TABLE height=300 cellPadding=10 width=500 align=center background=http://bbs.guolan.com/upload/2004813181838.gif border=3 table="0">
<TBODY>
<TR>
<TD>[*fly]
<DIV align=center><FONT face=楷体_GB2312 color=#c709f7 size=4>如何在图片中加入文字?</FONT></DIV>
<DIV align=center><FONT face=楷体_GB2312 color=#c709f7 size=4></FONT><BR></DIV>
<DIV align=center><FONT face=楷体_GB2312 color=#1ae66b size=4>如何在图片中加入文字?</FONT></DIV>
<DIV align=center><FONT face=楷体_GB2312 color=#1ae66b size=4></FONT><BR></DIV>
<DIV align=center><FONT face=楷体_GB2312 color=#ffff00 size=4>如何在图片中加入文字?</FONT></DIV>
<DIV align=center><FONT face=楷体_GB2312 color=#ffff00 size=4></FONT><BR></DIV>
<DIV align=center><FONT face=楷体_GB2312><FONT size=4><FONT color=#ffffff>如何在图片中加入文字?</EMBED>[*/fly]</FONT></FONT></FONT></DIV></TD></TR></TBODY></TABLE>

附注:这是方法一,在UBB操作用“飞”就可达到这效果,在使用时把[*/fly]的*号去掉

左右移动字方法(二):




左右移动的字!

左右移去的字!

左右移去的字!

谢谢!

代码如下:

<TABLE height=300 cellPadding=10 width=500 align=center background=http://bbs.guolan.com/upload/2004813181838.gif border=3 table="0">
<TBODY>
<TR>
<TD></EMBED><BR><BR>
<DIV align=center>
<MARQUEE style="WIDTH: 302px; HEIGHT: 100px" scrollAmount=2 direction=right height=100><FONT color=#ff00ff>
<P align=center><FONT face=隶书 color=#0000ff size=5>左右移动的字!</FONT></P>
<P align=center><FONT face=隶书 color=#ff0000 size=5><B>左右移去的字!</B></FONT></P>
<P align=center><FONT face=隶书 color=#00ffff size=5>左右移去的字!</FONT></P>
<P align=center><FONT face=隶书 color=#ff00ff size=5>谢谢!</FONT></P></FONT></MARQUEE></DIV></TD></TR></TBODY></TABLE>

 

文字与图片的几种排版用法

文字的左边,代码效果如下:

 在flash上加字和代码/制作旋转立体方块/如何在自己的博客中加入入音乐(代码) - 戛戛 - 戛戛的动感天空 0 && image.height>0){if(image.width>=510){this.width=510;this.height=image.height*510/image.width;}}" align=left border=0> <P><IMG height=201 src="图片连接地址" width=154 align=left border=0><FONT face=Arial> 日志文字<BR>&nbsp;</FONT><BR clear=left></P>
 

 在flash上加字和代码/制作旋转立体方块/如何在自己的博客中加入入音乐(代码) - 戛戛 - 戛戛的动感天空 0 && image.height>0){if(image.width>=510){this.width=510;this.height=image.height*510/image.width;}}" border=0>

 

 在flash上加字和代码/制作旋转立体方块/如何在自己的博客中加入入音乐(代码) - 戛戛 - 戛戛的动感天空 0 && image.height>0){if(image.width>=510){this.width=510;this.height=image.height*510/image.width;}}" align=left border=0>如果你觉得文字与图片太接近了.可加入[vspace=0 hspace=30]. 加入后的代码:<img border="0" src="图片地址" align=left vspace=0 hspace=30 width="154" height="201"> 你可以调整这两个值,通过试验看一看会有什么样的变化...
改后的代码是:
<P><IMG height=201 hspace=30 src="图片连接地址" width=154 align=left border=0><FONT face=Arial>日志文字</FONT></P>

 

 

 在flash上加字和代码/制作旋转立体方块/如何在自己的博客中加入入音乐(代码) - 戛戛 - 戛戛的动感天空 0 && image.height>0){if(image.width>=510){this.width=510;this.height=image.height*510/image.width;}}" border=0>

 在flash上加字和代码/制作旋转立体方块/如何在自己的博客中加入入音乐(代码) - 戛戛 - 戛戛的动感天空 0 && image.height>0){if(image.width>=510){this.width=510;this.height=image.height*510/image.width;}}" align=right border=0> 要想把图片放在右侧,可把[align=left ]改成[align=right ]改后的代码如下:
<P><IMG height=201 src="图片连接地址" width=154 align=right  border=0><FONT face=Arial> 日志文字<BR>&nbsp;</FONT><BR clear=left></P>

 

 

 

 

 在flash上加字和代码/制作旋转立体方块/如何在自己的博客中加入入音乐(代码) - 戛戛 - 戛戛的动感天空 0 && image.height>0){if(image.width>=510){this.width=510;this.height=image.height*510/image.width;}}" border=0>


在图片上加日志文字代码如下效果见图:

<DIV style="WIDTH: 300px; HEIGHT: 240px"><IMG height=240 src="图片连接地址" width=300 align=right>
<DIV style="FLOAT: left; WIDTH: 300px; HEIGHT: 240px; BACKGROUND-COLOR: transparent"><BR><FONT color=#ff00ff>日志文字日志文字日志文字日志文字日志文字</FONT> </DIV></DIV>

 在flash上加字和代码/制作旋转立体方块/如何在自己的博客中加入入音乐(代码) - 戛戛 - 戛戛的动感天空 0 && image.height>0){if(image.width>=510){this.width=510;this.height=image.height*510/image.width;}}" align=right>

日志文字日志文字日志文字日志文字日志文字

 

 在flash上加字和代码/制作旋转立体方块/如何在自己的博客中加入入音乐(代码) - 戛戛 - 戛戛的动感天空 0 && image.height>0){if(image.width>=510){this.width=510;this.height=image.height*510/image.width;}}" border=0>

 

常青树全背景文字混排:

<DIV style="WIDTH: 378px"><IMG height=230 src="图片连接地址" width=378 align=right>
<DIV style="FLOAT: left; WIDTH: 360px">
<DIV style="LINE-HEIGHT: 15pt; LETTER-SPACING: 0.1em">
<P><FONT color=#0099ff><FONT face="Lucida Handwriting, Cursive"><FONT size=1>這是第1行<BR>這是第2行<BR>這是第3行<BR>這是第4行<BR>這是第5行<BR>這是第6行<BR>這是第7行<BR>這是第8行</FONT></P></DIV></DIV></FONT></FONT></DIV>

 在flash上加字和代码/制作旋转立体方块/如何在自己的博客中加入入音乐(代码) - 戛戛 - 戛戛的动感天空 0 && image.height>0){if(image.width>=510){this.width=510;this.height=image.height*510/image.width;}}" align=right>

這是第1行
這是第2行
這是第3行
這是第4行
這是第5行
這是第6行
這是第7行
這是第8行

 透明FLASH的贴法

首先选好一个图片,地址如下:

http://www.zhenshui.com/UploadFile/200562020232492605.jpg

再选一个flash地址:

http://www.forshine.net/flash/6.swf

将图片如贴背景的代码一样,贴出来

代码如下:

<P align=center>
<TABLE height=366 cellSpacing=4 width=430 background=http://www.zhenshui.com/UploadFile/200562020232492605.jpg border=0>
<TBODY>
<TR>
<TD>再将flash代码跟在后面贴出:<EMBED src=http://www.forshine.net/flash/6.swf width=430 height=366 type=application/x-shockwave-flash quality="high" wmode="transparent"></EMBED></TABLE></TBODY>

 在flash上加字和代码/制作旋转立体方块/如何在自己的博客中加入入音乐(代码) - 戛戛 - 戛戛的动感天空 0 && image.height>0){if(image.width>=510){this.width=510;this.height=image.height*510/image.width;}}" border=0>

 

在swf格式中打入文字的代码及效果

 

白露含烟

<DIV style="LEFT: 0px; OVERFLOW: hidden; WIDTH: 580px; ; TOP: 0px; HEIGHT: 420px">
<DIV style="LEFT: -30px; ; TOP: -50px"><EMBED src=http://music.leiyu668.com/3_flash/tmdh/173.swf width=630 height=480 type=application/octet-stream quality="high" wmode="transparent"> </DIV>
<DIV style="LEFT: 210px; ; TOP: 315px">
<TABLE cellSpacing=0 cellPadding=0 width=510 align=center border=0>
<TBODY>
<TR>
<TD style="FILTER: chroma(color=#ffff66)">
<DIV style="FILTER: glow(color=#FFF000 strength=6); WIDTH: 100%; COLOR: white"><FONT style="FONT-SIZE: 60pt; FONT-FAMILY: 华文彩云" color=#ff0066><B>白露含烟</B> </FONT></DIV></TD></TR></TBODY></TABLE></DIV></DIV>
<P>&nbsp;</P>
<P>&nbsp;</P>     

 

 

二.如何制作旋转立体方块


        这旋转立体(图片)方块是来自www.picturetrail.com 网站,该网站里还很多不同花式的图片展示模块让你选择 ( 在玫瑰夫人的网里也有介绍),你首先到该网站注册为用户,是免费的,手续非常简单,下面会教你的。不多说了,相信朋友们也急着要做方块,现在就细心跟着下面的图解去弄吧。。。

 

 

 

1。先按www.picturetrail.com 网页浏览一下。点击红圈--用户注册

 

 在flash上加字和代码/制作旋转立体方块/如何在自己的博客中加入入音乐(代码) - 戛戛 - 戛戛的动感天空

 

 

2。用户注册表格弹出,邮政区号可以不填写,只需填写有红花记号的项目

 在flash上加字和代码/制作旋转立体方块/如何在自己的博客中加入入音乐(代码) - 戛戛 - 戛戛的动感天空

 

3。下一步是问你要不要把你的图片在该网站上公开,填不公开。下面学历随便写。然后点击提交。

 在flash上加字和代码/制作旋转立体方块/如何在自己的博客中加入入音乐(代码) - 戛戛 - 戛戛的动感天空

 

 

4。看见这个页面就是注册成功。

 在flash上加字和代码/制作旋转立体方块/如何在自己的博客中加入入音乐(代码) - 戛戛 - 戛戛的动感天空

 

 

5。再回到首页上,点击红圈里的会员登陆

 在flash上加字和代码/制作旋转立体方块/如何在自己的博客中加入入音乐(代码) - 戛戛 - 戛戛的动感天空

 

 

6。点击后就出现以下画面,红圈里就是你的第一本相簿。在上传图片前,先准备好要上传的图片,做立体方块须要六张图片。已经准备好的话就可以点击上面红圈里的Upload Pix(上传图片)。

 在flash上加字和代码/制作旋转立体方块/如何在自己的博客中加入入音乐(代码) - 戛戛 - 戛戛的动感天空

 

 

7。点击上传图片后就会出现上传图片浏览表格。点击Browse查找要上传的图片。六张图片全部点击完毕后,到最下面点击 Upload Pics Now(只点击一下)

 在flash上加字和代码/制作旋转立体方块/如何在自己的博客中加入入音乐(代码) - 戛戛 - 戛戛的动感天空

 在flash上加字和代码/制作旋转立体方块/如何在自己的博客中加入入音乐(代码) - 戛戛 - 戛戛的动感天空

 

8。图片上传完毕后会出现此画面,在原来第一本相簿处就会显示你所上传的图片。点击Pics 可以 查看全部上传图片。下一步在原画面的右边点击 Create a Photo Flick 那行字。 在flash上加字和代码/制作旋转立体方块/如何在自己的博客中加入入音乐(代码) - 戛戛 - 戛戛的动感天空

 

9。画面出现很多花样的图片展示功能模块,旋转立体图片方块就是第一个,点击 Acrobat Cube.

 在flash上加字和代码/制作旋转立体方块/如何在自己的博客中加入入音乐(代码) - 戛戛 - 戛戛的动感天空

 

10.点击后把画面往上拖,到最下面处点击 Continue(下一步)

 在flash上加字和代码/制作旋转立体方块/如何在自己的博客中加入入音乐(代码) - 戛戛 - 戛戛的动感天空

 

 

11。画面显示你要在立体方块上展示的图片,你要在白色的小格子里点击同意。最后再点击下面的 Continue (下一步),马上就完成了

 在flash上加字和代码/制作旋转立体方块/如何在自己的博客中加入入音乐(代码) - 戛戛 - 戛戛的动感天空

 

 

12。最后效果显示,

 在flash上加字和代码/制作旋转立体方块/如何在自己的博客中加入入音乐(代码) - 戛戛 - 戛戛的动感天空

 

13。移到最下面就会现一代码窗框,把里面的代码复制,用以贴到

博客的自定义html的窗里。

 在flash上加字和代码/制作旋转立体方块/如何在自己的博客中加入入音乐(代码) - 戛戛 - 戛戛的动感天空

 

14。贴到博客的自定义html后,可以修改立体方块的大小。方块的大小按你所放存的窗框大小而定。比喻我的立体方块的尺寸改为: width="240" height="240", 全正方形。

 在flash上加字和代码/制作旋转立体方块/如何在自己的博客中加入入音乐(代码) - 戛戛 - 戛戛的动感天空

 

 

 


三.如何在自己的博客中加入入音乐

 

音频播放器特效代码

代码解释:

autostart=""中true或1表示自动播放,false或0表示手动播放
loop="" 中的true或1表示重复播放,false或0表示只播放一次       
width="" height="" 中的数字分别表示播放器的宽度和高度,0表示隐藏播放器
EnableContextMenu="" 禁右键,1为显示,0为隐藏
ShowStatusBar="" 中的数字表示是否显示文件信息,1为显示,0为隐藏
hidden="" 是否隐藏播放器,1为显示,0为隐藏

音乐链接地址最好是wma、mp3、m3u、asx等

 

相关推荐:视频/音频连续播放技巧。

 

一 透明播放器代码:

<TABLE style="FILTER: Alpha(Opacity=100, FinishOpacity=0, Style=2, StartX=20, StartY=40, FinishX=0, FinishY=0)xray(); WIDTH: 200px; HEIGHT: 40px">
<TBODY>
<TR>
<TD><EMBED style="BORDER-RIGHT: silver 1px solid; BORDER-TOP: silver 1px solid; BORDER-LEFT: silver 1px solid; BORDER-BOTTOM: silver 1px solid" src=音乐链接地址 width=200 height=30 type=audio/x-mplayer2 loop="-1" autostart="0" volume="0" EnableContextMenu="0" showstatusbar="0" console="video"></TD></TR></TBODY></TABLE>

效果:

 

 

二 红色的播放器代码

<TBODY><TR><TD>
<TABLE style="FONT-WEIGHT: normal; FONT-SIZE: 12px; COLOR: #ffffff; FONT-STYLE: normal; FONT-FAMILY: Tahoma, Verdana; FONT-VARIANT: normal" cellSpacing=0 cellPadding=0 width=140 border=0>
<TBODY>
<TR>
<TD style="BACKGROUND-COLOR: red"><EMBED style="FILTER: invert alpha(opacity=50) WIDTH: 140px; HEIGHT: 45px" src=音乐链接地址 type=video/x-ms-asf autostart="FALSE" loop="-1" volume="0"></EMBED></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>

 

效果:

 

三 黑色的播放器

<EMBED style="FILTER: xray()" src=音乐连接地址 width=570 height=40 type=audio/mpeg loop="-1" autostart="true" volume="0">

效果:

 

四 白色半透明

<TABLE style="FILTER: Alpha(Opacity=100, FinishOpacity=0, Style=2, StartX=20, StartY=40, FinishX=0, FinishY=0,gray(); WIDTH: 320px; HEIGHT: 83px">
<TBODY>
<TR>
<TD><FONT color=#00441b><EMBED src=音乐链接地址 width=300 height=40 type=audio/mpeg panel="0" autostart=0 loop="true"></FONT></TD></TR></TBODY></TABLE>

效果:

 

五 银白色播放器

<EMBED style="FILTER: Gray" src=音乐链接地址 width=300 height=45 type=audio/mpeg loop="-1" autostart="1" volume="0">

效果:

 

 

六 图片背景播放器

<TABLE borderColor=#4f3256 background=http://www.dabaoku.com/sucai/shejilei/bj/pic/0197.jpg border=1>
<TBODY>
<TR>
<TD style="FILTER: alpha(opacity=50,style=3)">
<P align=center><EMBED src=音乐链接地址 width=300 height=25 type=audio/mpeg volume="0" autostart="false" loop="-1"> </P></TD></TR></TBODY></TABLE>

效果:


七 连播放时选择曲目的播放器

<EMBED pluginspage=http://www.microsoft.com/windows/mediaplayer/download/default.asp width=400 height=172 type=application/x-mplayer2 PlayCount="1" AUTOSTART="0" SHOWGOTOBAR="1" SHOWDISPLAY="1" SHOWSTATUSBAR="1" SHOWCONTROLS="1" FileName="您的音乐文件,注意最好是m3u、asx格式的播放列表">

效果:
 

 
  评论这张
 
阅读(661)| 评论(0)
推荐 转载

历史上的今天

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2017