分享

利用flash动画和图片自制首页漂亮导航模块

 chwm1201 2010-04-29

 

代码:

<TABLE borderColor=#ffff00 height=600 cellSpacing=15 cellPadding=1 width=650 bgColor=#99ccff border=1>
<TBODY>
<TR align=middle>
<TD width=120>
<TABLE borderColor=#ffff00 height=600 cellSpacing=1 cellPadding=6 width=120 align=center bgColor=#99ccff background= 背景图片地址 border=1>
<TBODY>
<TR>
<TD><BR><BR><BR><BR><BR><BR></TD></TR></TBODY></TABLE></TD>
<TD>
<TABLE borderColor=#ffff00 height=600 cellSpacing=12 cellPadding=0 width=370 align=center bgColor=#99ccff border=1>
<TBODY>
<TR>
<TD>
<DIV align=center>
<TABLE align=center border=0>
<TBODY>
<TR>
<TD style="FILTER: Alpha(opacity=100,style=2)" width=300 background= 背景图片地址 height=224>
<P align=center><EMBED src= 背景动画地址  width=300 height=224 type=application/x-shockwave-flash WMODE="transparent" QUALITY="high"></EMBED></P></TD></TR></TBODY></TABLE></DIV>
<P> <BR></P>
<P> </P>
<P><SPAN style="FONT-FAMILY: 宋体"><FONT face="黑体, Arial Black, Geneva, Arial, Sans-serif" color=#cc00cc size=3>日志文字内容</FONT></SPAN></P>
<P><SPAN style="FONT-FAMILY: 宋体"><FONT face="黑体, Arial Black, Geneva, Arial, Sans-serif" color=#cc00cc size=3>日志文字内容</FONT></SPAN></P>
<P><SPAN style="FONT-FAMILY: 宋体"><FONT face="黑体, Arial Black, Geneva, Arial, Sans-serif" color=#cc00cc size=3> 导航文字内容</FONT></SPAN></P>
<P><SPAN style="FONT-FAMILY: 宋体"><FONT face="黑体, Arial Black, Geneva, Arial, Sans-serif" color=#cc00cc size=3> 导航文字内容</FONT></SPAN></P>
<P><SPAN style="FONT-FAMILY: 宋体"><FONT face="黑体, Arial Black, Geneva, Arial, Sans-serif" color=#cc00cc size=3> 导航文字内容</FONT></SPAN></P>
<P><SPAN style="FONT-FAMILY: 宋体"><FONT face="黑体, Arial Black, Geneva, Arial, Sans-serif" color=#cc00cc size=3> 导航文字内容</FONT></SPAN></P>
<P><SPAN style="FONT-FAMILY: 宋体"><FONT face="黑体, Arial Black, Geneva, Arial, Sans-serif" color=#cc00cc size=3> 导航文字内容</FONT></SPAN></P>
<P><SPAN style="FONT-FAMILY: 宋体"><FONT face="黑体, Arial Black, Geneva, Arial, Sans-serif" color=#cc00cc size=3> 导航文字内容</FONT></SPAN></P>
<P><SPAN style="FONT-FAMILY: 宋体"><FONT face="黑体, Arial Black, Geneva, Arial, Sans-serif" color=#fcc00cc size=3> 导航文字内容</FONT></SPAN><BR></P></TD></TR></TBODY></TABLE></TD>
<TD width=120>
<TABLE borderColor=#ffff00 height=600 cellSpacing=1 cellPadding=6 width=120 align=center bgColor=#99ccff background= 背景图片地址 border=1>
<TBODY>
<TR>
<TD><BR><BR><BR><BR><BR><BR></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>

背景图片可以参阅我的日志:漂亮的盆景,装饰你的博客

导航代码可以根据导航的内容多少而增加和减少,有多少内容就加多少代码。此导航模块也可以做成漂亮日志模块,输入不带连接地址的文字,就是一个漂亮的首页日志装饰模块。

 

 

-----------------------------------------------------------------------------------------------------------------------------

不会使用代码的朋友直接把下面代码放在模块或者日志里面,在文字处填上导航地址和导航内容就可以使用了。

<TABLE borderColor=#ffff00 height=600 cellSpacing=15 cellPadding=1 width=650 bgColor=#99ccff border=1>
<TBODY>
<TR align=middle>
<TD width=120>
<TABLE borderColor=#ffff00 height=600 cellSpacing=1 cellPadding=6 width=100 align=center bgColor=#99ccff background=http://image9.360doc.com/DownloadImg/2010/04/2905/3038290_1.jpg border=1>
<TBODY>
<TR>
<TD><BR><BR><BR><BR><BR><BR></TD></TR></TBODY></TABLE></TD>
<TD>
<TABLE borderColor=#ffff00 height=600 cellSpacing=12 cellPadding=0 width=370 align=center bgColor=#99ccff border=1>
<TBODY>
<TR>
<TD>
<DIV align=center>
<TABLE align=center border=0>
<TBODY>
<TR>
<TD style="FILTER: Alpha(opacity=100,style=2)" width=300 background=http://image9.360doc.com/DownloadImg/2010/04/2905/3038290_2.jpg height=224>
<P align=center><EMBED src=http://imgfree.21cn.com/free/flash/95.swf width=300 height=224 type=application/x-shockwave-flash wmode="transparent" QUALITY="high" WMODE="transparent" allowNetworking="internal" allowScriptAccess="never"></EMBED></P></TD></TR></TBODY></TABLE></DIV>
<P> <BR></P>
<P> </P>
<P><SPAN style="FONT-FAMILY: 宋体"><FONT face="黑体, Arial Black, Geneva, Arial, Sans-serif" size=3><U><FONT color=#800080> </FONT></U><A href=http://qianguangmingtxz.blog.163.com/edit/ _blank?>导航文字内容</A></FONT></SPAN></P>
<P><SPAN style="FONT-FAMILY: 宋体"><FONT color=#ffff00 size=3><A href="
导航地址" target=_blank><FONT face=Arial color=#ce0000 size=3><B>导航名称 </B></FONT></A>  </FONT></SPAN></P>
<P><SPAN style="FONT-FAMILY: 宋体"><FONT color=#ffff00 size=3><A href="
导航地址" target=_blank><FONT face=Arial color=#ce0000 size=3><B>导航名称 </B></FONT></A></FONT></SPAN></P>
<P><SPAN style="FONT-FAMILY: 宋体"><FONT color=#ffff00 size=3><A href="
导航地址/" target=_blank><FONT face=Arial color=#ec0000 size=3><B>导航名称 </B></FONT></A></FONT></SPAN></P>
<P><SPAN style="FONT-FAMILY: 宋体"><FONT color=#ffff00 size=3><A href="
导航地址" target=_blank><FONT face=Arial color=#ec0000 size=3><B>导航名称 </B></FONT></A></FONT></SPAN></P>
<P><SPAN style="FONT-FAMILY: 宋体"><FONT color=#ffff00 size=3><A href="
导航地址" target=_blank><FONT face=Arial color=#ec0000 size=3><B>导航名称 </B></FONT></A></FONT></SPAN></P>
<P><SPAN style="FONT-FAMILY: 宋体"><FONT color=#ffff00 size=3><A href="
导航地址" target=_blank><FONT face=Arial color=#ec0000 size=3><B>导航名称 </B></FONT></A></FONT></SPAN></P>
<P><SPAN style="FONT-FAMILY: 宋体"><FONT size=3></FONT></SPAN><FONT color=#ffff00><A href="
导航地址" target=_blank><FONT color=#ec0000 size=3><B>导航名称 </B></FONT></A></FONT></P>
<P><FONT color=#ffff00></FONT><A href="
导航地址" target=_blank><FONT color=#ec0000 size=3><B>导航名称 </B></FONT></A></P>
<P><A href="
导航地址" target=_blank><FONT color=#ce0000 size=3><B>导航名称 </B></FONT></A></P>
<P><A href="
导航地址" target=_blank><FONT color=#ec0000 size=3><B>导航名称 </B></FONT></A> <BR></P></TD></TR></TBODY></TABLE></TD>
<TD width=120>
<TABLE borderColor=#ffff00 height=600 cellSpacing=1 cellPadding=6 width=100 align=center bgColor=#99ccff background=http://image9.360doc.com/DownloadImg/2010/04/2905/3038290_3.jpg border=1>
<TBODY>
<TR>
<TD><BR><BR><BR><BR><BR><BR></TD></TR></TBODY></TABLE></TD></TR></TBODY
></TABLE>

    本站是提供个人知识管理的网络存储空间,所有内容均由用户发布,不代表本站观点。请注意甄别内容中的联系方式、诱导购买等信息,谨防诈骗。如发现有害或侵权内容,请点击一键举报。
    转藏 分享 献花(0

    0条评论

    发表

    请遵守用户 评论公约