淡月映雪温馨博客

心情短文音画大图诗词歌赋，描绘人生

日志

关于我

淡月映雪

了悟本性之精美。

文章分类

LOFTER精选

八招诀窍，教你实力撩妹 >

网易考拉推荐

【引用】【博客代码】几种大图音画代码——初学者可套用（网易博客）

2011-04-21 17:25:57| 分类：引用 | 标签： |举报 |字号大中小订阅

下载LOFTER 我的照片书 |

本文转载自玫瑰夫人《【博客代码】几种大图音画代码——初学者可套用（网易博客）》

现在很多朋友越来越喜欢音画制作，特别是大图音画由于图片加上flash效果，会使您的音画更漂亮，所以受到越来越多的朋友的喜欢，也经常有朋友询问我这方面的代码，就网易博客的大图音画方面，在这里说两句，我想讲得太详细可能不利于初学者学习，还是把一些现成的代码发出来，让大家套用，这样更方便初学者套用即可，以下是基本代码，喜欢的朋友请使用“引用”，我会不定期更新补充新的进来！

1 一张图+三个flash的代码为：

说明：网易限制的宽度为780，我一般用750。供大家参考！

2 多张图拼合+flash代码:

大家看得到大图音画+flash的代码，就是把一张图+flash的代码多次复制，粘贴即可，当您把整张图在ps中制作好了之后，切割成N个小图，以N=10 (即10张图)为例，代码如下：

说明：
最后这个代码：

是音乐代码

实例演示：【大图音画】梦醉西楼

3 多张竖向图拼合不加flash代码：

实例：【ps教程】大图音画谁在红尘里等待（附教程素材）

3 一张整图+flash分布整个音画的代码：

注明：后面的：<EMBED src=音乐代码 hidden=true type=audio/mp eg AUTOSTART="1" loop="-1" allowScriptAccess="never" allowNetworking="internal"> 仍然是音乐代码

实例演示：【大图音画】女人心

4 双层移动音画代码：

音乐代码为：
<P> </P><EMBED style="LEFT: 6px; WIDTH: 1px; TOP: 3708px; HEIGHT: 45px" src=音乐网址 width=0 height=45 type=audio/mpeg autostart="true" loop="true" allowNetworking="internal" allowScriptAccess="never">

4 双层移动音画代码：

音乐代码为：
<P> </P><EMBED style="LEFT: 6px; WIDTH: 1px; TOP: 3708px; HEIGHT: 45px" src=音乐网址 width=0 height=45 type=audio/mpeg autostart="true" loop="true" allowNetworking="internal" allowScriptAccess="never">

总结出来大图音画制作并不是很难，只要构图先做好了，套用现成的代码，发表在您的日志上就可以了！如果哪位朋友有什么好的创意也可以跟贴说明，欢迎交流学习！最后祝您好运！让您的博客更漂亮！

相关链接

【唯美音画】唯美舒缓钢琴曲

内容

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

【生活百科】如何改善睡眠质量，治疗失眠 - 玫瑰夫人 -

玫瑰夫人的博客收藏及代码

【生活百科】如何改善睡眠质量，治疗失眠 - 玫瑰夫人 -

（以下代码可分享到您的首页）

我博客友情链接代码：

效果：

博客模块可复制放置您的博客首页模块

精品收藏 

精彩相册

玫瑰夫人

点击增加您的流量！

【背景素材】古典花纹素材	【圣诞素材总汇】祝圣诞快乐！	【素材】元旦新年贺卡，
【博客顶图】美女系列（5）	【圣诞素材】之圣诞贺卡	【圣诞素材】之圣诞节的起源
【圣诞素材】闪图系列(三)	【在线资源】各种编辑器在线查询	【博客顶图】人景动态篇（1）
【圣诞素材】圣诞贺卡篇	【圣诞素材】之——圣诞树篇	【2圣诞素材】圣诞树篇（2）
【素材】超炫个性签名(4)	【圣诞素材】之—圣诞老人篇	【闪底素材】之5小块闪底素材
【圣诞素材】闪图系列篇（2）	【图图素材】玫瑰花背景插图（6）	【图图素材】金色小花边素材
【8圣诞素材】之闪图系篇（1）	【桌面壁纸】自然风景，蓝天白云	【图图素材】古代仕女图（1）
各种编辑器，在线查询	【圣诞素材】动态日志背景篇（3）	【签名素材】超炫个性动签名
【圣诞新春】圣诞贺卡边框材	【博客顶图】美女系列素材（2）	【在线书架】最全的在线书架二
【背景素材】磨砂背景，边条素材	【代码】文学作品在线书架模块	【闪卡素材】超多韩国闪卡素材

【ps视频教程】李涛ps教程（2）光和色的关系	【ps教程】李涛ps教程(5)绘画与修饰工具（二）
【博客代码】在线书架代码之三	【U5教程】U5制作旋转滚动盘个性签名
【博客代码】最全的在线书架之二	【图片素材】各种透明扇子素材
【博客代码】在线书架之二	【图片素材】各种透明装饰花朵素材
【ps教程】Photoshop制作精美的古典封面效果	【ps教程】ps古典屏风的制作教程
【ps教程】ps制作炫光动态文字	【ps教程】ps制作电影胶片边框效果
【ps教程】用ps画漫画之基础教程	【ps教程】ps简单操作换图片背景教程
【抠图学习】一款简单抠图插件，knockout 2	【ps教程】ps制作炫光动态文字
【ps音画教程】ps溶图制作大图音画教程	【PS教程】ps文字排版技巧
【ps教程】ps视频教程（5）如何使用ps样式	【ps教程】ps视频教程（6）水晶字的制作
【ps教程】ps视频教程（3）图片阴影效果处理	【ps教程】ps视频教程（4）制作立体效果特效字
【ps教程】ps视频教程（1）特效文字的制作	【ps教程】ps视频教程（2）图片的羽化处理

【ps教程总汇】

【ps教程】ps制作教程总汇之七	【ps教程】ps动画教程总汇
【ps教程】制作各种字体的教程	【ps教程】ps调色教程总汇
【ps教程】ps抠图教程总汇	【ps总汇】之ps美磨皮，抽丝图文制作
【ps教程】ps文字特效制作教程总汇	【ps教程】ps大图音画教程之四
【ps教程】ps图文制作教程之二	【ps教程】ps教程总汇之五
【ps教程】ps教程总汇之六	【ps教程】李涛讲解PS CS5 五大块新功能

时尚生活相关链接

【美食】紫菜包饭图解做法	【ps教程】制作各种字体的教程
粗胳膊的休闲瘦臂方案	ps水中倒影（动态）效果制作
十款2009最风尚的软床家居(组图)	【健康】有益于健康的饮食20条
一天只睡2个钟头就够了的秘密	【大图音画】2010新年快乐！
买房必须远离的十类建筑	【民间偏方】治疗慢性咽喉炎方法
【软件】ps软件，U5软件下载	【大图音画】梦醉西楼
玫瑰花茶，菊花茶，枸杞子的功效	【图文】经典古代风俗百图(上)
【唯美音画】唯美舒缓钢琴曲	【图文赏析】经典古代风俗百图下)

【生活百科】如何改善睡眠质量，治疗失眠	【家常菜谱】几种家常鸡鸭鱼肉及甜点的做法
【生活百科】春季养生及饮食注意事项	【美容养颜】女人每天8杯水怎样喝才美容
【生活百科】81个生活小窍门儿	【美容护肤】职场女人保养皮肤小妙招
【生活百科】睡眠是第一养生	【时尚盘头】教您各种盘头发的方法图解
【生活百科】养生的10个最佳时间	【图文赏析】菜根谭图文例解60篇（上）
【电脑知识】防止别人蹭网几种方法	【图文赏析】菜根谭图文例解60篇（下）
【手机常识】极少人知道的手机隐藏的密码	【大图音画】2011中国年

【音画】没有人比你更爱我	玫瑰夫人图文音画精选篇（1）	玫瑰夫人博客素材代码总汇（1）
【播放代码】最新播放器大全	网易博客素材汇总模块代码	【ps教程】ps渐变映射抠图方法
【ps教程】蒙版复杂边缘抠图	【ps教程】用加深减淡抠婚纱	U5制作超炫动态签名教程之三
【PS教程】抠图的后期去杂边	超炫动态个性签名（22）	【色彩说明】色彩的奥秘及说明
【ps滤镜】ps11种滤镜收集帖	ps教程总汇（3）——给初学者	【ps教程】ps经典教程3000例之二
ps图片加边框教程集合（3）	【U5制作超炫动态签名教程之三	【【U5代码】U5教程模块代码
【U5代码】U5教程模块代码	【分割线素材】精美分割线(27)	【分割线素材】古典分割线

- 玫瑰夫人予人玫瑰手有余香 -

相关链接

【ps教程】ps抠图完全攻略（1）

ps溶图教程大集合

【PS教程】ps溶图，图片合成教程总汇

【ps教程】ps调色教程总汇

【ps教程】ps文字特效制作教程总汇

【ps教程总汇】之ps美容，磨皮，抽丝，音画图文制作

【FW教程】Fireworks制作超炫动态签名

【ps教程】教您制作图文音画

Photoshop动画教程：打造美丽春天里飞舞的蝴蝶

Photoshop钢笔工具的使用详解

【ps教程】PS笔刷设置详解：效果选项

PS笔刷设置详解：异形笔刷散布

【ps教程】窗格效果制作

PS笔刷设置详解：笔刷间距圆度和角度动态形状

【ps教程】大图音画教程——给初学者

【u5教程】U5制作超炫动态签名教程之三

【ps教程】ps文字特效制作教程总汇

【PS教程】ps抠图完全攻略(1)

photoshop溶图教程

【博客装饰】教您制作自己的播放器 - 玫瑰夫人 - '

.

【健康减肥】快速减肥的方法收集 - 玫瑰夫人 -

【音画】没有人比你更爱我	玫瑰夫人图文音画精选篇（1）	玫瑰夫人网易博客素材代码总汇（1）
【播放器代码】最新播放器大全	网易博客素材汇总模块代码	ps美容，磨皮，抽丝，音画图文制作
【ps教程】ps文字特效制作教程总汇	【ps教程】ps大图音画教程之四	U5制作超炫动态签名教程之三
【ps教程】ps图文制作教程之二	超炫动态个性签名（22）	【ps教程】ps教程总汇之六
【ps教程】ps教程总汇之五	ps教程总汇（3）——给初学者	【ps教程】ps经典教程3000例之二
【ps教程】给图片加边框教程集合（3）	【U5制作超炫动态签名教程之三	【【U5代码】U5教程模块代码
【U5代码】U5教程模块代码	【分割线素材】精美分割线素材(27)	【分割线素材】古典分割线

【PS教程】再来一款时尚流行签名

【情感图文】真心相爱的要做的20件事

【ps教程】简单的几种皮肤调色制作

【图图素材】动态边条素材（2）

【边框套装】各种日志边框套装85款

【html代码】表格的各种画法代码

【背景素材】砖墙背景，中国风风格背景素材

【生活常识】最有效的清肠排毒食物

【美容减肥】20天瘦10斤的减肥方法，和大家分享

【网络技巧】不让IP地址冲突干扰你的局域网

【图文赏析】经典古代风俗百图(上)

【图文赏析】经典古代风俗百图(下)

【ps教程】教您制作图文音画

【素材总汇】玫瑰夫人网易博客素材代码总汇（1）

【代码】古典名著，文学作品，新书架模块代码

【时尚生活】玫瑰花茶，菊花茶，枸杞子的功效

【减肥须知】水果怎样吃才减肥

【ps大图音画教程】醉红颜大图音画素材及视频教程 -

【ps大图音画教程】大图音画《深宫怨》教程&素材

【ps教程】水云心老师ps图文教程总汇 (2)

【ps教程】水云心老师ps图文教程总汇(1)

【电脑知识】如何去掉浏览提出现的“允许此网页访问剪贴板”提示

提示：您若想看本博的随时更新，请点击“获取此模板”将本博客日报的代码复制，再粘贴到您的首页。

玫瑰夫人

点击进入玫瑰夫人的精品博客
玫瑰夫人博客_

点击增人气

头像链接代码

博主推荐博文精品大全（值得收藏）更多精彩日志欢迎推荐点评引用并注明出处

玫瑰夫人新浪微博，欢迎关注！ http://t.sina.com.cn/redroselady

【生活百科】如何改善睡眠质量，治疗失眠 - 玫瑰夫人 -

评论这张

转发至微博

阅读(54)| 评论(3)

推荐转载

历史上的今天

this.p={  m:2,
              b:2,
              loftPermalink:'',
              id:'fks_095067086087081066092085082095085094081065085094084064093',
              blogTitle:'【引用】【博客代码】几种大图音画代码——初学者可套用（网易博客）',
              blogAbstract:'  <DIV align=\"center\"  \>  <TABLE style=\"WIDTH: 1000px; HEIGHT: 267px;\"  borderColor=\"#c78017\"  cellSpacing=\"13\"  cellPadding=\"1\"  width=\"1000\"  align=\"center\"  background=\"http://img609.ph.126.net/tcsRcvWWwwWMBzAzB2dE5g==/1653384013200220530.gif\"  border=\"0\"  \>  <TBODY\>  <TR\>  <TD\>  <CENTER\></CENTER\></TD\></TR\></TABLE\>  <CENTER\></CENTER\>  <CENTER\>  <TABLE style=\"WIDTH: 1000px; HEIGHT: 432px;\"  borderColor=\"#c78017\"  cellSpacing=\"13\"  cellPadding=\"1\"  width=\"1000\"  align=\"center\"  background=\"http://img128.ph.126.net/11_FVnaPrTMgXSid0tElqA==/2097551526449405466.gif\"  border=\"0\"  \>  <TBODY\>  <TR\>  <TD\>  <P align=\"center\"  \>  <TABLE borderColor=\"#ff0033\"  cellSpacing=\"0\"  cellPadding=\"3\"  width=\"800\"  align=\"center\"  bgColor=\"#000000\"  border=\"2\"  \>  <TBODY\>  <TR\>  <TD\>    <P\></P\></TD\></TR\></TABLE\></P\></TD\></TR\></TABLE\></CENTER\></DIV\>',
              blogTag:'',
              blogUrl:'blog/static/180218239201132152557691',
              isPublished:1,
              istop:false,
              type:2,
              modifyTime:1316789880506,
              publishTime:1303377957691,
              permalink:'blog/static/180218239201132152557691',
              commentCount:3,
              mainCommentCount:1,
              recommendCount:0,
              bsrk:-100,
              publisherId:0,
              recomBlogHome:false,
              currentRecomBlog:false,
              attachmentsFileIds:[],
              vote:{},
              groupInfo:{},
              friendstatus:'none',
              followstatus:'unFollow',
              pubSucc:'',
              visitorProvince:'',
              visitorCity:'',
              visitorNewUser:false,
              postAddInfo:{},
              mset:'000',
              mcon:'',
              srk:-100,
              remindgoodnightblog:false,
              isBlackVisitor:false,
              isShowYodaoAd:false,
              hostIntro:'了悟本性之精美。',
              hmcon:'1',
              selfRecomBlogCount:'0',
              lofter_single:'<iframe width="140" height="560" style="overflow:hidden;" src="http://www.lofter.com/mailEntry.do?blogad=1&blog" frameBorder="0"></iframe>'
            }

{list a as x}
    {if !!x}
    <div class="iblock nbw-fce nbw-f40">
      <a class="fc03 noul" target="_blank" hidefocus="true" href="http://blog.163.com/${x.visitorName}/">
      {if x.visitorName==visitor.userName}
      <img alt="${x.visitorNickname|escape}" onerror="this.src=location.f40" class="cwd bdwa bdc0" src="${fn1(x.visitorName)}&r=${visitor.imageUpdateTime}"/>
      {else}
      <img alt="${x.visitorNickname|escape}" onerror="this.src=location.f40" class="cwd bdwa bdc0" src="${fn1(x.visitorName)}"/>
      {/if}
      </a>
      <div class="cwd vname thide">
        {if x.moveFrom=='wap'}
          <a class="noul pnt" target="_blank" href="http://blog.163.com/services/wapblog.html?frompersonalbloghome"><span title="来自网易手机博客" class="iblock wapIcon"> </span></a>
        {elseif x.moveFrom=='iphone'}
          <a class="noul pnt" target="_blank"><span title="来自iPhone客户端" class="iblock iphoneIcon"> </span></a>
        {elseif x.moveFrom=='android'}
          <a class="noul pnt" target="_blank"><span title="来自Android客户端" class="iblock androidIcon"> </span></a>
        {elseif x.moveFrom=='mobile'}
          <a class="noul pnt" target="_blank" href="http://blog.163.com/services/emsblog.html?frompersonalbloghome"><span title="来自网易短信写博" class="iblock wapIcon"> </span></a>
        {/if}
        <a class="fc03 m2a"  target="_blank" hidefocus="true" href="http://blog.163.com/${x.visitorName}/">
          ${fn(x.visitorNickname,8)|escape}
        </a>
      </div>
    </div>
    {/if}
    {/list}

<#--最新日志，群博日志--> <#--推荐日志-->

<p class="fc06">推荐过这篇日志的人：</p>
    <div>
      {list a as x}
      {if !!x}
      <div class="iblock nbw-fce nbw-f40">
        <a class="fc03 noul" target="_blank" hidefocus="true" href="http://blog.163.com/${x.recommenderName}/">
        <img alt="${x.recommenderNickname|escape}" onerror="this.src=location.f40" class="cwd bdwa bdc0" src="${fn1(x.recommenderName)}"/>
        </a>
        <div class="cwd thide">
          <a class="fc03 m2a" target="_blank" hidefocus="true" href="http://blog.163.com/${x.recommenderName}/">
            ${fn(x.recommenderNickname,6)|escape}
          </a>
        </div>
      </div>
      {/if}
      {/list}
    </div>
    {if !!b&&b.length>0}
    <p  class="fc06">他们还推荐了：</p>
    <ul>
    {list b as y}
      {if !!y}
        <li class="rrb"><span class="iblock">·</span><a class="fc03 m2a" target="_blank" href="http://blog.163.com/${y.recommendBlogPermalink}/?from=blog/static/180218239201132152557691">${y.recommendBlogTitle|escape}</a></li>
      {/if}
    {/list}
    </ul>
    {/if}

<#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇，下一篇--> <#-- 热度 -->

{list a as x}
    {if !!x}
    <div class="hotItem iblock nbw-fce nbw-f40">
      <a class="fc03 noul" target="_blank" hidefocus="true" href="http://blog.163.com/${x.publisherUsername}/">
      {if x.publisherUsername==visitor.userName}
      <img alt="${x.publisherNickname|escape}" onerror="this.src=location.f40" class="cwd bdwa bdc0" src="${fn1(x.publisherUsername)}&r=${visitor.imageUpdateTime}"/>
      {else}
      <img alt="${x.publisherNickname|escape}" onerror="this.src=location.f40" class="cwd bdwa bdc0" src="${fn1(x.publisherUsername)}"/>
      {/if}
      </a>
      <div class="cwd vname thide">
        <a class="fc03 m2a"  target="_blank" hidefocus="true" href="http://blog.163.com/${x.publisherUsername}/">
          ${fn(x.publisherNickname,8)|escape}
        </a>
      </div>
      <a class="f-myLikeIcons hottype {if x.type==1} js-liketype{elseif x.type==2} js-reblogtype{elseif x.type==3} js-sharetype{else}{/if}" target="_blank" hidefocus="true" href="http://blog.163.com/${x.publisherUsername}/"> </a>
    </div>
    {/if}
    {/list}

<#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->

页脚

我的照片书 - 博客风格 - 手机博客 - 下载LOFTER APP - 订阅此博客

淡月映雪温馨博客

导航

日志

【引用】【博客代码】几种大图音画代码——初学者可套用（网易博客）

时尚生活相关链接

历史上的今天

最近读者

热度

评论

页脚