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

可可哥

人生就像一面镜子,你笑它就笑,你哭它就哭。

 
 
 

日志

 
 

【习作】关于图像重贴的代码(学码札记之七)  

2013-03-07 16:23:03|  分类: 学码札记 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

       这是博主给孙子豪豪(3岁生日)拍摄的一张照片(880×586pixels):

【原创】关于图像重贴的代码(学码札记之七) - 可可哥 - 可可哥

       传上网后,这张照片的代码(红字)为:

<DIV><IMG style="MARGIN: 0px 10px 0px 0px" src="http://img1.ph.126.net/mpHPCaZ7PiNvqTMYu8LqOA==/6597771255075841426.jpg"></DIV>

       这组代码的释义:<DIV>是段落开始,IMG style是贴图大小,MARGIN: 是贴图位置,src是图片地址,</DIV>是段落结束。贴图大小、位置及图片地址是可以因图制宜而改变的。

       将上面这组代码复制在“< >”源代码栏里,就会原封不动的生成上面这张照片。不信,请你试试。具体操作步骤是:(一)完整复制这组代码;(二)点击你博客的“写日志”,点击编辑功能栏里的“< >”标签;(三)将复制的代码粘贴在源代码草稿的正文栏内;(四)点击“< >”标签,即可显现这张照片。

       下面,博主就用这张照片进行重贴,形成双影像。双影像的代码是:

<DIV align=center><IMG src="http://img1.ph.126.net/mpHPCaZ7PiNvqTMYu8LqOA==/6597771255075841426.jpg" width=880 height=586></DIV>
<DIV style="MARGIN: -420px 0px 0px"><IMG style="FILTER: alpha(opacity=100,style=2,finishopacity=0); WIDTH: 600px; HEIGHT: 395px" src="
http://img1.ph.126.net/mpHPCaZ7PiNvqTMYu8LqOA==/6597771255075841426.jpg" width=500 height=330></DIV>

       请将上面这组代码按照刚才的四个步骤再做一遍,就会生成这样的图像:

【原创】关于图像重贴的代码(学码札记之七) - 可可哥 - 可可哥

【原创】关于图像重贴的代码(学码札记之七) - 可可哥 - 可可哥

 

       当然,运用代码还可制作成三贴图、四贴图乃至更多的重贴图。三贴图的代码是:

<DIV align=center><IMG src="http://img1.ph.126.net/mpHPCaZ7PiNvqTMYu8LqOA==/6597771255075841426.jpg" width=880 height=586></DIV>
<DIV style="MARGIN: -420px 0px 0px"><IMG style="FILTER: alpha(opacity=100,style=2,finishopacity=0); WIDTH: 600px; HEIGHT: 395px" src="
http://img1.ph.126.net/mpHPCaZ7PiNvqTMYu8LqOA==/6597771255075841426.jpg" width=500 height=330></DIV>
<DIV style="MARGIN: -300px 0px 0px"><IMG style="FILTER: alpha(opacity=100,style=2,finishopacity=0); WIDTH: 360px; HEIGHT: 235px" src="
http://img1.ph.126.net/mpHPCaZ7PiNvqTMYu8LqOA==/6597771255075841426.jpg" width=500 height=330></DIV>

       这组代码所生成的图像如下: 

【原创】关于图像重贴的代码(学码札记之七) - 可可哥 - 可可哥
【原创】关于图像重贴的代码(学码札记之七) - 可可哥 - 可可哥
【原创】关于图像重贴的代码(学码札记之七) - 可可哥 - 可可哥


 

 

        博主的体会是:应用代码制作图片,需要耐心,弄明白各个代码符号的定义(详见学码札记之四认识这些基本的博客代码》),从各组代码中找出规律,并举一反三地进行试验,熟练生巧,实践就会出真知。

       去年,我给几位朋友制作过几集图片,对制作程序及方法自以为很熟悉了,搁了一段时间没做了,没想到时过半年,类似图片竟然做不出了,原因是忘了某些代码,后悔当初没有记录这些程序和代码。所以,在学码过程中一定要做些笔记。说实话,本篇就是一份备忘录。另外,附带说明一点,由于博客风格不一,日志宽度不等,本博客宽度为900pixels,而大多数博客是750pixels因此,复制、转载本博客某些音画代码,预览时可能会出现残缺、变形现象,还需博友自行作些调整。

 

 【原创】学码札记 - 可可哥 - 可可哥 【原创】学码札记 - 可可哥 - 可可哥 【原创】学码札记 - 可可哥 - 可可哥   

——————————————————— 

  评论这张
 
阅读(666)| 评论(32)
推荐

历史上的今天

在LOFTER的更多文章

评论

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

页脚

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