【原】梅竹转藏并裁析一篇网页：赏瑜伽美女 听瑜伽音乐 ......

原文转自 http://www.360doc.com/content/17/0216/19/18404798_629516002.shtml

梅竹赠给喜欢学习代码的朋友们

梅竹详析这篇网页

 

外层模板素材 http://image103.360doc.com/DownloadImg/2017/02/1619/91609082_1.jpg

 

顶部动画模板底层素材http://image103.360doc.com/DownloadImg/2017/02/1619/91609082_2.jpg（居中放在外层模板上）

加羽化代码使他作为一层顶部模板底层<td style="FILTER: Alpha(opacity=100,style=3)" height="300" background="http://image103.360doc.com/DownloadImg/2017/02/1619/91609082_2.jpg" width="741">
接着空两行（这两行代码显得繁杂，可用  <p align="center"> </p>简化。）居中加移动六方Flash

代码是<p align="center"><embed height="200" type="application/x-shockwave-flash" width="680" src="http:///Flash/18p2p/020.swf" allownetworking="internal" allowscriptaccess="never" quality="high" invokeurls="false" wmode="transparent"></p>

接着作这层模板尾标签  </td></tr></tbody></table>
-----完成顶部动画。

 接下来的这12行代码是无效的；真正有意义的，梅竹用红色标注（可用居中代码<div align="center">或<p align="center">简化！）

<p>
<p>
<p>
<p><font color="#ffffff" size="4" face="楷体_gb2312"></font></p>
<p align="center"><font color="#ffffff" size="4" face="楷体_gb2312"></font></p>
<p align="center"><font face="楷体_gb2312"><font color="#ffffff" size="4"></font></font></p>
<p align="left"><font color="#ffffff" size="4" face="楷体_gb2312"></font></p>
<p align="center"><font color="#800000" size="4" face="楷体_gb2312"></font></p>
<p align="left"><font color="#8b4513" size="4"></font></p>
<p align="left"><font color="#8b4513" size="4"></font></p>

<P style="TEXT-INDENT: 2em" align=center>
<P align=center><FONT color=#003366 size=4 face=楷体_gb2312><FONT color=#800080></FONT></FONT></P></DIV></DIV>
接下来再做两层模板；一层是那个黄彩色边线；另一层是和外层一样的绿底层；接下来居中放置那些图片和音乐以及底栏动画（这个动画，最好也放在彩色黄线以下  即绿色的第一层上，就更好的与顶部动画相对应啦，这是这个模板编辑上的一点不足）梅竹再啰嗦一句；那三个虾米音乐播放器，也应一列三行放置。会显得紧凑。

模板内两层素材：

http://image103.360doc.com/DownloadImg/2017/02/1619/91609082_3.jpg

http://image103.360doc.com/DownloadImg/2017/02/1619/91609082_1.jpg 

底层动画也是做得一个羽化模板，并居中加了Flash 闪星 

图片素材 http://image103.360doc.com/DownloadImg/2017/02/1619/91608757_10.jpg

羽化代码 <TD style="FILTER: Alpha(opacity=100,style=3)" height=468 background=http://image103.360doc.com/DownloadImg/2017/02/1619/91608757_10.jpg width=750>
居中加Flash 闪星http:///Flash/18p2p/001.swf

代码是<DIV align=center><EMBED height=346 type=application/x-shockwave-flash width=750 src=http:///Flash/18p2p/001.swf wmode="transparent"></DIV>

再作尾标签</TD></TR></TBODY></TABLE>  完成动画。

最后整体尾标签并加两空行结束，   </CENTER></TD></TR></TBODY></TABLE>
<DIV></DIV>
<DIV></DIV>
<DIV align=center> </DIV></CENTER></TD></TR></TBODY></TABLE>
<P> </P></DIV></DIV>
<DIV align=center> </DIV>
事实上下面的动画一块代码，放在<DIV align=center>  </DIV>的空格（红色 ）処是较理想的。

《梅竹编辑这个模板--喜欢您就用》

代码是

 <TABLE>
<TBODY>
<TR>
<TD width=656>
<DIV style="PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; WIDTH: 656px; PADDING-RIGHT: 0px; HEIGHT: 0px; PADDING-TOP: 0px"></DIV>
<DIV align=center>
<DIV style="POSITION: relative; WIDTH: 857px; HEIGHT: 839px; TOP: 50px; LEFT: -1px" class=divBorderStyleRelative>
<TABLE title="~* 梅竹模板再编辑 *~""
 style="WIDTH: 100%" border=2 cellSpacing=8 cellPadding=3 background=http://image103.360doc.com/DownloadImg/2017/02/1619/91609082_1.jpg align=center>
<TBODY>
<TR>
<TD>
<DIV align=center>
<TABLE border=0 align=center>
<TBODY>
<TR>
<TD style="FILTER: Alpha(opacity=100,style=3)" height=300 background=http://image103.360doc.com/DownloadImg/2017/02/1619/91609082_2.jpg width=741>
<P align=center> </P>
<P align=center> </P>
<P align=center><EMBED height=200 type=application/x-shockwave-flash width=680 src=http:///Flash/18p2p/020.swf allownetworking="internal" allowscriptaccess="never" quality="high" invokeurls="false" wmode="transparent"></P></TD></TR></TBODY></TABLE>
<P align=center>
<CENTER>
<TABLE border=1 borderColorLight=#f8f8f8 borderColorDark=#70636d width="84%" background=http://image103.360doc.com/DownloadImg/2017/02/1619/91609082_3.jpg align=center>
<TBODY>
<TR>
<TD width="100%">
<CENTER>
<TABLE border=0 cellSpacing=0 cellPadding=0 width="100%" background=http://image103.360doc.com/DownloadImg/2017/02/1619/91609082_1.jpg align=center>
<TBODY>
<TR>
<TD>
<DIV align=center> </DIV>
<DIV align=center><FONT style="FONT-SIZE: 21px" color=#ffff00>加图片素材</FONT></DIV>
<DIV align=center><FONT style="FONT-SIZE: 21px" color=#ffff00>加音乐</FONT></DIV>
<DIV align=center><FONT style="FONT-SIZE: 21px" color=#ffff00>加图片素材</FONT></DIV>
<DIV align=center> </DIV></TD></TR></TBODY></TABLE></CENTER></TD></TR></TBODY></TABLE>
<DIV align=center> </DIV>
<TABLE>
<TBODY>
<TR>
<TD style="FILTER: Alpha(opacity=100,style=3)" height=468 background=http://image103.360doc.com/DownloadImg/2017/02/1619/91608757_10.jpg width=750>
<DIV align=center><EMBED height=346 type=application/x-shockwave-flash width=750 src=http:///Flash/18p2p/001.swf wmode="transparent"></DIV></TD></TR></TBODY></TABLE>
<DIV></DIV>
<DIV></DIV>
<DIV align=center> </DIV></CENTER></DIV></TD></TR></TBODY></TABLE>
<P> </P></DIV></DIV>
<DIV align=center> </DIV></TD></TR></TBODY></TABLE>

效果是：

 

 

加图片素材 加音乐 加图片素材

 

一些朋友来函，希望梅竹把音乐变成三行一列加进来。好吧， 满足您的要求。具体做法是：做一个一行三列的透明表格，整体宽度750PX三等分；再在每一列表格里加进宽度缩小到（247*346PX的播放器，这些代码一总加在“添加音乐処”）

音乐代码如下<TABLE style="TEXT-ALIGN: left; WIDTH: 750px; BORDER-COLLAPSE: collapse; HEIGHT: 27px" border=0 cellSpacing=0 cellPadding=3 width=500>
<TBODY>
<TR style="TEXT-ALIGN: left">
<TD style="TEXT-ALIGN: left">
<DIV align=center><EMBED height=346 type=application/x-shockwave-flash width=247 src=http://www.xiami.com/widget/8004014_1770048708,1770048709,1770048710,1770048711,1770048712,1770048713,_247_346_4DB653_009609_1/multiPlayer.swf wmode="transparent"></DIV></TD>
<TD>
<DIV align=center><EMBED height=346 type=application/x-shockwave-flash width=247 src=http://www.xiami.com/widget/8004014_1770048701,1770048702,1770048703,1770048704,1770048705,1770048706,1770048707,_247_346_4DB653_009609_0/multiPlayer.swf wmode="transparent"></DIV></TD>
<TD>
<DIV align=center><EMBED height=346 type=application/x-shockwave-flash width=247 src=http://www.xiami.com/widget/8004014_1769580565,1769580566,1769580567,1769580568,1769580569,1769580570,1769580571,1769580572,1769580573,1769580574,1769580575,_247_346_4DB653_009609_0/multiPlayer.swf wmode="transparent"></DIV></TD></TR></TBODY></TABLE>

加图片素材       加图片素材