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

梦想海滨的博客

看云起云落,尽享海阔天空的乐趣。。。。。。

 
 
 

日志

 
 

【转载】【原创】漏图制作技巧及图框合成代码运用  

2015-10-11 17:45:39|  分类: 博客代码 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

漏图制作技巧及图框合成代码运用

 

 漏 ☆图 ☆制 ☆作 ☆技 ☆巧 ☆交 ☆
          如果你是制图高手,滴墨斋主不敢在关公面前耍大刀,请老师坐一旁看看我的诗歌,看看我的博文,虽没有什么学术价值,但可以博你一乐没有问题。本帖只是为了那些上了年岁愿意和斋主交流,一同闲扯的老博友而作,和一些初开博客,不会作图又不懂代码的新朋友,混个脸熟,提高一下点击率而已。放松心态,一起玩博啊!
         漏图——原指:在项目设计竞标时,设计图纸一旦泄露,满盘皆输。
        在这里代指:把前边的图漏到后边。看到一些博友做的图生动有趣,十分美观,自己不会做,又不肯谦虚的请教他人。尤其是动闪图框合成,总也搞不明白,相框里的图片与相框内边的处理方法。从前边作图,很难解决不规则内边的交接部分,很容易出现毛边。如果有FLASH素材就更难处理。经过一段时间琢磨,想起真实的相框与图片的关系是框在前图在后,终于鼓捣出漏图(改前图后框为前框后图)代码,经过删减修改并进行一个阶段测试,运转正常。
一、全码如下
 <table title="" border="0" cellspacing="0" cellpadding="0" width="400" align="center">
<tbody>
<tr>
<td style="TEXT-ALIGN: center;" height="400" background="相片地址粘贴处" width="400"><img style="line-height: width: 400px; height: 400px; " title="" alt="" src="相框地址粘贴处"> <br></td></tr></tbody></table>
 二、代码设置
1、将白色文字替换为相片地址;
2、将蓝色文字替换为相框地址;
3、width="400" 指图片的宽400(像素)。height: 400px; 指图片的高为400(像素):4、谢绝擅自对上边的代码修改。转载、引用本帖时请切勿删除底部链接。谢谢合作!
 三、漏图制作注意事项
1、注意图与框的大小和逻辑关系:图片的大小应当依据动闪相框的内框和外框的大小做参数而定。即漏图边缘应当大于内框小于外框,大于内框——是为了达到图框链接部分更加自然。小于外框——是为了保证闪框镂空部分不受影响,更加美观。
2、按照上边的要求制作完成图片以后,另建一个透明图层,透明图层大小与闪框一致, 导入闪图,注意先不要合并,再导入前边做好的图,参考闪图放到合适位置。删除闪图,合并图层,你就得到一张(画面小像素大)虚拟“大图”。
3、就用这张“大图”按照第二步<代码设置>填写图框宽、高。复制粘贴图框地址。
4、打开日志,点击<>粘贴漏图代码后再点击<>,看到效果了吧。
有什么疑问可以给我留言,交个朋友。学会了别忘推荐一下啊!
 





自定义漏图制作 - 滴墨斋主 - 滴墨斋主的后花园

____
自定义漏图制作 - 滴墨斋主 - 滴墨斋主的后花园





 



  评论这张
 
阅读(9)| 评论(0)
推荐

历史上的今天

在LOFTER的更多文章

评论

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

页脚

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