logo
搜索
我的图书馆

发文章

发文工具

其他工具

留言交流
搜索
分享

《如何制作玻璃材质背景导航栏》

 晓晓的世界 2010-08-15
 
文/晓晓 
　　我推荐这个导航栏的原因是它漂亮的玻璃效果，看看下面这个黑色玻璃效果是不是很有范儿很有质感呀。还有字体的设置和倒影效果，如果你用不到里面的小图片可以取消掉换成自己的。还有颜色可以自己调节，不懂颜色代码的到我首页博客在线工具去找，这里就不再说明了。       
 
代码如下：
<P>
<TABLE borderColor=#444444 height=211 cellSpacing=0 cellPadding=0 width=720 align=center border=1>
<TBODY>
<TR>
<TD style="FILTER: Blur(Add=true, Direction=180, Strength=20)" align=middle bgColor=#444444 colSpan=4><FONT face=隶书 color=#ffffff size=5>首页文章导航栏</FONT></TD></TR>
<TR>
<TD width="25%"><IMG title=晓晓的世界欢迎您 alt=晓晓的世界欢迎您 src="http://image14.360doc.com/DownloadImg/2010/08/1517/4637978_1.gif" border=0><A href="http://xiao--911.blog.163.com/" target=_blank><FONT color=#000000 size=2>你的文章标题</FONT></A></TD>
<TD width="25%"><FONT size=2><IMG title=晓晓的世界欢迎您 alt=晓晓的世界欢迎您 src="http://image14.360doc.com/DownloadImg/2010/08/1517/4637978_1.gif" border=0></FONT><A href="http://xiao--911.blog.163.com/" target=_blank><FONT color=#000000 size=2>你的文章标题</FONT></A></TD>
<TD width="25%"><FONT size=2><IMG title=晓晓的世界欢迎您 alt=晓晓的世界欢迎您 src="http://image14.360doc.com/DownloadImg/2010/08/1517/4637978_1.gif" border=0></FONT><A href="http://xiao--911.blog.163.com/" target=_blank><FONT color=#000000 size=2>你的文章标题</FONT></A></TD>
<TD width="25%"><FONT size=2><IMG title=晓晓的世界欢迎您 alt=晓晓的世界欢迎您 src="http://image14.360doc.com/DownloadImg/2010/08/1517/4637978_1.gif" border=0></FONT><A href="http://xiao--911.blog.163.com/" target=_blank><FONT color=#000000 size=2>你的文章标题</FONT></A></TD></TR>
<TR>
<TD width="25%"><FONT size=2><IMG title=晓晓的世界欢迎您 alt=晓晓的世界欢迎您 src="http://image14.360doc.com/DownloadImg/2010/08/1517/4637978_1.gif" border=0></FONT><A href="http://xiao--911.blog.163.com/" target=_blank><FONT color=#000000 size=2>你的文章标题</FONT></A></TD>
<TD width="25%"><FONT size=2><IMG title=晓晓的世界欢迎您 alt=晓晓的世界欢迎您 src="http://image14.360doc.com/DownloadImg/2010/08/1517/4637978_1.gif" border=0></FONT><A href="http://xiao--911.blog.163.com/" target=_blank><FONT color=#000000 size=2>你的文章标题</FONT></A></TD>
<TD width="25%"><FONT size=2><IMG title=晓晓的世界欢迎您 alt=晓晓的世界欢迎您 src="http://image14.360doc.com/DownloadImg/2010/08/1517/4637978_1.gif" border=0></FONT><A href="http://xiao--911.blog.163.com/" target=_blank><FONT color=#000000 size=2>你的文章标题</FONT></A></TD>
<TD width="25%"><FONT size=2><IMG title=晓晓的世界欢迎您 alt=晓晓的世界欢迎您 src="http://image14.360doc.com/DownloadImg/2010/08/1517/4637978_1.gif" border=0></FONT><A href="http://xiao--911.blog.163.com/" target=_blank><FONT color=#000000 size=2>你的文章标题</FONT></A></TD></TR>
<TR>
<TD width="25%"><FONT size=2><IMG title=晓晓的世界欢迎您 alt=晓晓的世界欢迎您 src="http://image14.360doc.com/DownloadImg/2010/08/1517/4637978_1.gif" border=0></FONT><A href="http://xiao--911.blog.163.com/" target=_blank><FONT color=#000000 size=2>你的文章标题</FONT></A></TD>
<TD width="25%"><FONT size=2><IMG title=晓晓的世界欢迎您 alt=晓晓的世界欢迎您 src="http://image14.360doc.com/DownloadImg/2010/08/1517/4637978_1.gif" border=0></FONT><A href="http://xiao--911.blog.163.com/" target=_blank><FONT color=#000000 size=2>你的文章标题</FONT></A></TD>
<TD width="25%"><FONT size=2><IMG title=晓晓的世界欢迎您 alt=晓晓的世界欢迎您 src="http://image14.360doc.com/DownloadImg/2010/08/1517/4637978_1.gif" border=0></FONT><A href="http://xiao--911.blog.163.com/" target=_blank><FONT color=#000000 size=2>你的文章标题</FONT></A></TD>
<TD width="25%"><FONT size=2><IMG title=晓晓的世界欢迎您 alt=晓晓的世界欢迎您 src="http://image14.360doc.com/DownloadImg/2010/08/1517/4637978_1.gif" border=0></FONT><A href="http://xiao--911.blog.163.com/" target=_blank><FONT color=#000000 size=2>你的文章标题</FONT></A></TD></TR>
<TR>
<TD width="25%"><FONT size=2><IMG title=晓晓的世界欢迎您 alt=晓晓的世界欢迎您 src="http://image14.360doc.com/DownloadImg/2010/08/1517/4637978_1.gif" border=0></FONT><A href="http://xiao--911.blog.163.com/" target=_blank><FONT color=#000000 size=2>你的文章标题</FONT></A></TD>
<TD width="25%"><FONT size=2><IMG title=晓晓的世界欢迎您 alt=晓晓的世界欢迎您 src="http://image14.360doc.com/DownloadImg/2010/08/1517/4637978_1.gif" border=0></FONT><A href="http://xiao--911.blog.163.com/" target=_blank><FONT color=#000000 size=2>你的文章标题</FONT></A></TD>
<TD width="25%"><FONT size=2><IMG title=晓晓的世界欢迎您 alt=晓晓的世界欢迎您 src="http://image14.360doc.com/DownloadImg/2010/08/1517/4637978_1.gif" border=0></FONT><A href="http://xiao--911.blog.163.com/" target=_blank><FONT color=#000000 size=2>你的文章标题</FONT></A></TD>
<TD width="25%"><FONT size=2><IMG title=晓晓的世界欢迎您 alt=晓晓的世界欢迎您 src="http://image14.360doc.com/DownloadImg/2010/08/1517/4637978_1.gif" border=0></FONT><A href="http://xiao--911.blog.163.com/" target=_blank><FONT color=#000000 size=2>你的文章标题</FONT></A></TD></TR>
<TR>
<TD width="25%"><FONT size=2><IMG title=晓晓的世界欢迎您 alt=晓晓的世界欢迎您 src="http://image14.360doc.com/DownloadImg/2010/08/1517/4637978_1.gif" border=0></FONT><A href="http://xiao--911.blog.163.com/" target=_blank><FONT color=#000000 size=2>你的文章标题</FONT></A></TD>
<TD width="25%"><FONT size=2><IMG title=晓晓的世界欢迎您 alt=晓晓的世界欢迎您 src="http://image14.360doc.com/DownloadImg/2010/08/1517/4637978_1.gif" border=0></FONT><A href="http://xiao--911.blog.163.com/" target=_blank><FONT color=#000000 size=2>你的文章标题</FONT></A></TD>
<TD width="25%"><FONT size=2><IMG title=晓晓的世界欢迎您 alt=晓晓的世界欢迎您 src="http://image14.360doc.com/DownloadImg/2010/08/1517/4637978_1.gif" border=0></FONT><A href="http://xiao--911.blog.163.com/" target=_blank><FONT color=#000000 size=2>你的文章标题</FONT></A></TD>
<TD width="25%"><FONT size=2><IMG title=晓晓的世界欢迎您 alt=晓晓的世界欢迎您 src="http://image14.360doc.com/DownloadImg/2010/08/1517/4637978_1.gif" border=0></FONT><A href="http://xiao--911.blog.163.com/" target=_blank><FONT color=#000000 size=2>你的文章标题</FONT></A></TD></TR>
<TR>
<TD width="25%"><FONT size=2><IMG title=晓晓的世界欢迎您 alt=晓晓的世界欢迎您 src="http://image14.360doc.com/DownloadImg/2010/08/1517/4637978_1.gif" border=0></FONT><A href="http://xiao--911.blog.163.com/" target=_blank><FONT color=#000000 size=2>你的文章标题</FONT></A></TD>
<TD width="25%"><FONT size=2><IMG title=晓晓的世界欢迎您 alt=晓晓的世界欢迎您 src="http://image14.360doc.com/DownloadImg/2010/08/1517/4637978_1.gif" border=0></FONT><A href="http://xiao--911.blog.163.com/" target=_blank><FONT color=#000000 size=2>你的文章标题</FONT></A></TD>
<TD width="25%"><FONT size=2><IMG title=晓晓的世界欢迎您 alt=晓晓的世界欢迎您 src="http://image14.360doc.com/DownloadImg/2010/08/1517/4637978_1.gif" border=0></FONT><A href="http://xiao--911.blog.163.com/" target=_blank><FONT color=#000000 size=2>你的文章标题</FONT></A></TD>
<TD width="25%"><FONT size=2><IMG title=晓晓的世界欢迎您 alt=晓晓的世界欢迎您 src="http://image14.360doc.com/DownloadImg/2010/08/1517/4637978_1.gif" border=0></FONT><A href="http://xiao--911.blog.163.com/" target=_blank><FONT color=#000000 size=2>你的文章标题</FONT></A></TD></TR></TBODY></TABLE></P>
 
代码说明:
将代码中的“你的文章标题”换成自己的的文章名称，再把<A href="http://xiao--911.blog.163.com/" target=_blank>中我的网址换成你自己的文章网址即可。很简单吧~
 
晓晓的世界欢迎您的来访，无论您觉得这篇文章合不合胃口，希望您能留下对这篇文章的意见和看法。
如果您觉得和晓晓志同道合欢迎 加 我好友 http://xiao--911.blog.163.com/

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

    来自： 晓晓的世界 > 《博客代码》

    举报/认领

    0条评论

    发表

    请遵守用户 评论公约

    类似文章 更多