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

hdly0006502的博客

 
 
 

日志

 
 

引用 如何用动、静态图片组合制作漂亮的边框  

2008-05-07 08:52:43|  分类: 默认分类 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

引用

hdly0006502寒冬腊月如何用动、静态图片组合制作漂亮的边框

二、动、静态图片组合制作边框的方法:

制作这类边框的方法和静态边梧的制方法是完全相同的.但要想制作好这种边框,关键是素材的选用.以及怎样将动、静态图片组合?怎样搭配它们之间的颜色?等等...相对来说,其操作过程稍有难度.

下面本人仅以一张动态和五张静态图片构成的边框,来作简单讲解:先看下面的这六张图片:

     

 以上六张图片地址分别为:

       <1>:http://img.blog.163.com/photo/AF-s9HYrWM638V9wcCKxHw==/895371900917079912.jpg

<2>:http://img.blog.163.com/photo/-k5JatUg9d7tTmMUMOIkHg==/3969923071527466114.jpg

<3>:http://img.blog.163.com/photo/lOyx9KRqNgYqJgmceWJg5A==/3969923071527466113.jpg

<4>:http://img.blog.163.com/photo/4kprEaSP4i9To9yg2_TkOg==/4018336767521742745.jpg

<5>:http://img.blog.163.com/photo/tH2J1CShwEsCvASxrneKQw==/5121718676227553127.jpg

<6>:http://img.blog.163.com/photo/JB_kiOmrfwyxSRfA6v_TWg==/2298243184842961138.jpg

 

 原始代码:

<TABLE cellSpacing=6 cellPadding=0 width=700 align=center background=动态图片地址 border=0>
<TBODY>
<TR>
<TD>
<TABLE cellSpacing=5 width=700 background=静态图片地址 border=0>
<TBODY>
<TR>
<TD>
<TABLE cellSpacing=5 width=700 background=静态图片地址 border=0>
填写内容</TR></TBODY></TABLE></TR></TBODY></TABLE></TR></TBODY></TABLE>

 

 现将动态图片(第五张)来分别与另外五张静态图片做几种不同效果的搭配 .

 第一种效果,先用5、1张搭配,看它的效果图如下:(二层图片边框)

填写内容

第二种效果,先用5、3、2、张搭配,看它的效果图如下:(三层图片边框)

填写内容

 第三种效果,先用5、6、1张搭配,看它的效果图如下:(三层图片边框)

填写内容

 第四种效果,先用5、3、1、4张搭配,看它的效果图如下:(四层图片边框)

填写内容

 使用方法:

1):将选好的动、静态图片地址放在原始代码相应处即可;

2):如需制作多层边框,方法和静态图片多边框的制作方法相同;

3):内外边框的距离、各边框线的粗细、边框的宽度等.

  请叁见静态图片边框的制作方法一文.

 下面是五层边框的复制代码:(可直接复制使用) 

<TABLE cellSpacing=15 cellPadding=0 width=600 align=center background=http://img.blog.163.com/photo/tH2J1CShwEsCvASxrneKQw==/5121718676227553127.jpg border=0>
<TBODY>
<TR>
<TD>
<TABLE cellSpacing=6 width=600 background=http://img.blog.163.com/photo/lOyx9KRqNgYqJgmceWJg5A==/3969923071527466113.jpg border=0>
<TBODY>
<TR>
<TD>
<TABLE cellSpacing=6 width=600 background=http://img.blog.163.com/photo/AF-s9HYrWM638V9wcCKxHw==/895371900917079912.jpg border=0>
<TBODY>
<TR>
<TD>
<TABLE cellSpacing=6 width=600 background=http://img.blog.163.com/photo/-k5JatUg9d7tTmMUMOIkHg==/3969923071527466114.jpg border=0>
<TBODY>
<TR>
<TD>
<TABLE cellSpacing=15 cellPadding=0 width=600 background=http://img.blog.163.com/photo/4kprEaSP4i9To9yg2_TkOg==/4018336767521742745.jpg border=0>
<TBODY>
<TR>
<TD>填写内容</TR></TBODY></TABLE></TR></TBODY></TABLE></TR></TBODY></TABLE>

看它的效果图如下:

填写内容

 

 

 

二、加框有一层FLASH的图片

代码复制区:

<P><BR>

<TABLE height=300 cellSpacing=0 cellPadding=0 width=500 background=

http://img.blog.163.com/photo/wZ3-cQGS6kzvLcPOZxRvJA==/5655676707047827078.jpg border=0>

<TBODY>

<TR>

<TD>

<EMBED align=right src=http://myhome.naver.net/brown444/swish/s80-m.swf width=500 height=210 type=application/x-shockwave-flash ; quality="high" wmode="transparent" allowNetworking="internal" allowScriptAccess="never">

<EMBED align=right src=http://imgfree.21cn.com/free/flash/7.swf  width=500 height=300 type=application/x-shockwave-flash ;; quality="high" wmode="transparent" ctet-stream allowNetworking="internal" allowScriptAccess="never"> </TD></TR></TBODY></TABLE></P>

<BLOCKQUOTE>

<P></P><EMBED src=http://www.shenxianggallery.com/media/yinyue.mp3 width=0 height=0 type=audio/mpeg autostart="true" loop="false" allowNetworking="internal" allowScriptAccess="never">

<DIV></DIV></BLOCKQUOTE>

 

看效果图如下:

 

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

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

三:图片倒影效果:

<p align=center><FONT style="FONT-SIZE: 27pt; WIDTH: 220px; COLOR: #00ff00; HEIGHT: 10px"><IMG src="http://www.tianshi163.com/zy/4.gif"><FONT id=ew style="FONT-SIZE: 27pt; FILTER: wave(strength=3,freq=3,phase=0,lightstrength=30) blur() flipv(); WIDTH: 220px; COLOR: #3333ff; HEIGHT: 10px"><IMG src="http://www.tianshi163.com/zy/4.gif"></FONT></FONT></P>

四、加入背景音乐代码:

<EMBED src=http://www.flamesky.org/raynal-onwer/asoka%20theme..wma.wma hidden=true type=audio/x-ms-wma LOOP="TRUE" AUTOSTART="TRUE"></EMBED>

<EMBED align=middle src=http://baysky.com/Music/wzmkl.mp3 width=0 height=0 type=audio/x-pn-realaudio-plugin autostart="true" controls="PlayButton" volume="100" loop="true"></EMBED>

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

历史上的今天

评论

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

页脚

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