洞庭居士 的 博客装扮与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>
二、看看效果:
|
|