网易博客素材、教程、代码基地

请引用的朋友，不要删除链接，谢谢合作

日志

关于我

佳人素材教程基地

和阳光的人在一起,心里就不会晦暗,和快乐的人在一起,嘴角就常带微笑,和进取的人在一起,行动就不会落后,和大方的人在一起,处事就不小气,和睿智的人在一起,遇事就不迷茫,和聪明的人在一起,做事就变机敏。——借人之智,完善自己。学最好的别人,做最好的自己。

文章分类

学习音画最有效的捷径就是在转帖中学习

2011-11-16 11:46:46| 分类：【大图教程】 | 标签： |举报 |字号大中小订阅

下载LOFTER 我的照片书 |

本文转载自冬韵如歌《学习音画最有效的捷径就是在转帖中学习》

学习音画最有效的捷径就是在转帖中学习

冬韵如歌

学习音画最有效的捷径就是在转帖中学习 - 冬韵如歌 - 冬韵如歌

1、找教程看.(但初次接触到代码往往都是头发晕,好象在看天书)看多了您就可以从中发现代码的一些规律来,虽说有很多代码我至今也不知他是什么意思,不过也不要紧,因为那都是定式,你也不用去管他,留待以后慢慢去熟悉.

2.在转帖中学习.这是很关件的,每当你看到一幅好音画作品时,你要研究他的代码组成,(如何找到它的代码呢?你可以采用以下的步骤:

方法一:

在有些论坛你可以点引用,在新窗口中就会显示此帖原代码,复制保存下来,你会发现代码是很有规律性的:

(第一层:也就是背景底层,该层决定画面距左边距离:LEFT: -160px;负数越大越往左, 宽度:WIDTH: 850px; 通常不大于1024全屏,及离顶部距离TOP: 80px,一般在50-200之间,这些基本数据都在此层调整)

(第二层:边框,在边框层里,通常你只需换以HTTP://开头以JPG GIF后缀结尾的图片地址,其他代码可以留待以后去熟悉)

TBODY>

<TR>

<TD>

(第三层:边框)

<TBODY>

<TR>

(第四层:边框,视情况可以继续增加边框层)

<TBODY>

<TR>

(标题文字...你希望文字在哪出现就放在哪里)

<TBODY>

<TR>

<P align=center> 注:<p align="#">表示文字(或图片)在画面中的对齐方式,#号可为 left左对齐; center中对齐; right右对齐;

<FONT style="FONT-SIZE: 30pt; FILTER: shadow(color=#FFFFFF);WIDTH: 100%; COLOR: #00BB00; LINE-HEIGHT: 150%; FONT-FAMILY: 方正行书"><B>精美溶图欣赏</B></FONT></P><BR><BR>

(主题图片:图片可以是单幅也可以是多幅)

<TBODY>

<TR>

(在该图片上加FLASH)

(主题图片)

<TBODY>

<TR>

(在该图片上加FLASH)

(主题图片)

<TBODY>

<TR>

(在该图片上加FLASH)

(主题图片)

<TBODY>

<TR>

(在该图片上加FLASH)

(主题图片)

<TBODY>

<TR>

<TD align=middle width=564

background=http://i.ttsite.com/u/Mon_0701/Day_4/195550_4255_07e6012b520b046.jpg height=846></TD></TR></TBODY></TABLE><BR>

(主题图片)

<TBODY>

<TR>

<TD align=middle width=564

background=http://i.ttsite.com/u/Mon_0701/Day_4/195550_4255_973eaf75b556b59.jpg height=846></TD></TR></TBODY></TABLE><BR>

(主题图片)

<TBODY>

<TR>

<TD align=middle width=768

background=http://i.ttsite.com/u/Mon_0701/Day_4/195550_4255_0b6f0895b1c1c7b.jpg height=585></TD></TR></TBODY></TABLE><BR>

(主题图片)

<TBODY>

<TR>

<TD align=middle width=564

background=http://i.ttsite.com/u/Mon_0701/Day_4/195550_4255_8fead7c13751ea7.jpg height=846></TD></TR></TBODY></TABLE><BR>

(主题图片)

<TBODY>

<TR>

<TD align=middle width=564

background=http://i.ttsite.com/u/Mon_0701/Day_4/195550_4255_bbb8d996ad6d2ee.jpg height=846></TD></TR></TBODY></TABLE><BR>

(落款文字)

(音乐)

<EMBED src=http://www.greengra.com/Marc%20Anthony%20-%20Dimelo%20-%2001%20-%20Track%20%201.mp3 width=0 height=0 hidden=true type=audio/x-pn-realaudio-plugin autostart="true" loop="true"

这里的width(宽)=0 height(高)=0意思是播放器不可见,如要想可见请设置宽高即可

(代码结束语)

</TD></TR></TBODY></TABLE>

</TD></TR></TBODY></TABLE>

(代码结尾空行字符)

每一个循环就代表一张图片,一幅音画会有很多图片组成,所以他有规律性.你可以把代码中的连接地址复制到浏览器中看看是音画中的哪张图片,从而领悟出音画帖的结构.

方法二:

在音画帖页面点右键,查看源代码或点查看/源文件,在打开的记事本中找出该帖的代码,一般音画帖都是以:<TABLE id=table1 style="LEFT: -160px; WIDTH: 850px; POSITION: relative; TOP: 80px".......字符开头,以这些字符结尾:</TD></TR></TBODY></TABLE>

把你找到的代码保存起来慢慢领会,这是很关键的,当你对代码有所领悟后,就可以试着发帖,但一定不要心急,不要想着一次就会成功,高手也很难保证一次就OK,也需要不停地调整数据才行.

特别注意:边框是从第一层的背景层开始,一层一层往内收缩,一层压一层,视内容可以做很多的边框层,每增加一层边框相应增加一组代码.

友情提示:学习音画最有效的捷捷径就是在转帖中学习,这是个非常重要的方法.

http://blog.163.com/xw_zn/

评论这张

转发至微博

阅读(645)| 评论(3)

历史上的今天

this.p={  m:2,
              b:2,
              loftPermalink:'',
              id:'fks_087067087094084069082095094075072087088068087087087066082086',
              blogTitle:'学习音画最有效的捷径就是在转帖中学习',
              blogAbstract:'  <TABLE cellSpacing=\"10\" cellPadding=\"68\" width=\"80%\"  align=\"center\" background=\"http://blog.lanyue.com/model/luntan/upload_pic/1568120.gif\" border=\"0\" \>  <TBODY\>  <TR\>  <TD\>  <TABLE borderColor=\"#5c0e3e\" cellSpacing=\"6\" borderColorDark=\"#390526\" cellPadding=\"6\" width=\"100%\"  bgColor=\"#5c0e3e\" borderColorLight=\"#5c0e3e\" background=\"http://bbs.muwen.com/fileuploaddir/4B314766266.jpg\" border=\"1\" \>  <TBODY\>  <TR\>  <TD\>  <TABLE borderColor=\"#5c0e3e\" cellSpacing=\"0\" borderColorDark=\"#390526\" cellPadding=\"12\" width=\"100%\"  borderColorLight=\"#390526\" background=\"http://bbs.nxnews.net/forum/UploadFile/2004-10/20041038351617.jpg\" border=\"1\" \>  <TBODY\>  <TR\>  <TD\>  </TD\></TR\></TABLE\></TD\></TR\></TABLE\></TD\></TR\></TABLE\>',
              blogTag:'',
              blogUrl:'blog/static/19731116020111016114646771',
              isPublished:1,
              istop:false,
              type:2,
              modifyTime:0,
              publishTime:1321415206771,
              permalink:'blog/static/19731116020111016114646771',
              commentCount:3,
              mainCommentCount:3,
              recommendCount:1,
              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/19731116020111016114646771">${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 - 订阅此博客

网易博客素材、教程、代码基地

导航

日志

学习音画最有效的捷径就是在转帖中学习

历史上的今天

最近读者

热度

评论

页脚