分享

制作首页浏览导航的方法 (含代码)

 昵称190486 2009-12-09
 制作首页浏览导航的方法

 

 

代码(1)

<DIV align=center>
<TABLE style="BORDER-RIGHT: 3px solid; BORDER-TOP: 3px solid; BORDER-LEFT: 3px solid; BORDER-BOTTOM: 3px solid" borderColor=#33ccff cellSpacing=10 cellPadding=10 width="50%" align=center border=3>
<TBODY>
<TR>
<TD>
<P align=center><FONT face=楷体_GB2312 color=#ff00ff size=4> </FONT><A href="连接地址" target=_blank><FONT face=楷体_GB2312 color=#ff0000 size=4>我的空间</FONT></A></P></TD>
<TD>
<P align=center><FONT face=楷体_GB2312 color=#ff0000 size=4> </FONT><A href="连接地址" target=_blank><FONT face=楷体_GB2312 color=#ff0000 size=4>我的空间 </FONT></A></P></TD></TR>
<TR>
<TD>
<P align=center><FONT face=楷体_GB2312 color=#ff6600 size=4> </FONT><A href="连接地址" target=_blank><FONT face= 楷体_GB2312 color=#ff6600 size=4>我的空间</FONT></A></P></TD>
<TD>
<P align=center><FONT face=楷体_GB2312 color=#ff6600 size=4> </FONT><A href="连接地址" target=_blank><FONT face=楷体_GB2312 color=#ff6600 size=4>我的空间 </FONT></A></P></TD></TR>
<TR>
<TD>
<P align=center><FONT face=楷体_GB2312 size=4> </FONT><A href="连接地址" target=_blank><FONT face= 楷体_GB2312 color=#00ffff size=4>我的空间</FONT></A></P></TD>
<TD>
<P align=center><FONT face=楷体_GB2312 color=#00ffff size=4> </FONT><A href="连接地址" target=_blank><FONT face=楷体_GB2312 color=#00ffff size=4>我的空间 </FONT></A></P></TD></TR>
<TR>
<TD>
<P align=center><A href="连接地址" target=_blank><FONT face=楷体_GB2312><FONT color=#ff6600 size=4> 我的空间</FONT></FONT></A></P></TD>
<TD>
<P align=center><FONT face=楷体_GB2312 color=#ff6600 size=4> </FONT><A href="连接地址" target=_blank><FONT face=楷体_GB2312 color=#ff6600 size=4>我的空间 </FONT></A></P></TD></TR>
<TR>
<TD>
<P align=center><FONT face=楷体_GB2312 size=4> </FONT><A href="
http://blog.163.com/krazy_doll" target=_blank><FONT face= 楷体_GB2312 color=#ff0000 size=4>我的空间</FONT></A></P></TD>
<TD>
<P align=center><A href="连接地址" target=_blank><FONT face=楷体_GB2312 color=#ff0000 size=4> 我 的空间</FONT></A></P></TD></TR>
<TR>
<TD>
<P align=center><FONT face=楷体_GB2312 color=#ff6600 size=4> </FONT><A href="连接地址" target=_blank><FONT face=楷体_GB2312 color=#ff6600 size=4>我的空间</FONT></A></P></TD>
<TD>
<P align=center><A href="连接地址" target=_blank><FONT face=楷体_GB2312 color=#ff6600 size=4> 我的空间</FONT></A></P></TD></TR>
<TR>
<TD>
<P align=center><FONT face=楷体_GB2312 color=#00ffff size=4> </FONT><A href="连接地址" target=_blank><FONT face=楷体_GB2312 color=#00ffff size=4>我的空间 </FONT></A></P></TD>
<TD>
<P align=center><FONT face=楷体_GB2312 color=#00ffff size=4> </FONT><A href="连接地址" target=_blank><FONT face= 楷体_GB2312 color=#00ffff size=4>我的空间</FONT></A></P></TD></TR>
<TR>
<TD>
<P align=center><FONT face=楷体_GB2312 size=4> </FONT><A href="连接地址" target=_blank><FONT face=楷体_GB2312 color=#ff6600 size=4>我的空间 </FONT></A></P></TD>
<TD>
<P align=center><FONT face=楷体_GB2312 color=#ff6600 size=4> </FONT><A href="连接地址" target=_blank><FONT face= 楷体_GB2312 color=#ff6600 size=4>我的空间</FONT></A></P></TD></TR>
<TR>
<TD>
<P align=center><FONT face=楷体_GB2312 size=4> </FONT><A href="连接地址" target=_blank><FONT face=楷体_GB2312 color=#ff0000 size=4>我的空间 </FONT></A></P></TD>
<TD>
<P align=center><FONT face=楷体_GB2312 color=#ff0000 size=4> </FONT><A href="连接地址" target=_blank><FONT face= 楷体_GB2312 color=#ff0000 size=4>我的空间</FONT></A></P></TD></TR>
<TR>
<TD>
<P align=center><FONT face=楷体_GB2312 size=4> </FONT><A href="连接地址" target=_blank><FONT face=楷体_GB2312 color=#ff6600 size=4>我的空间 </FONT></A></P></TD>
<TD>
<P align=center><FONT face=楷体_GB2312 color=#ff6600 size=4> </FONT><A href="连接地址" target=_blank><FONT face= 楷体_GB2312 color=#ff6600 size=4>我的空间</FONT></A></P></TD></TR>
<TR>
<TD>
<P align=center><FONT face=楷体_GB2312 color=#00ffff size=4> </FONT><A href="连接地址" target=_blank><FONT face=楷体_GB2312 color=#00ffff size=4>我的空间 </FONT></A></P></TD>
<TD>
<P align=center><FONT face=楷体_GB2312 color=#00ffff size=4> </FONT><A href="连接地址" target=_blank><FONT face= 楷体_GB2312 color=#00ffff size=4>我的空间</FONT></A></P></TD></TR>
<TR>
<TD>
<P align=center><FONT face=楷体_GB2312 size=4> </FONT><A href="连接地址" target=_blank><FONT face=楷体_GB2312 color=#ff0000 size=4>我的空间 </FONT></A></P></TD>
<TD>
<P align=center><FONT face=楷体_GB2312 color=#ff0000 size=4> </FONT><A href="连接地址" target=_blank><FONT face= 楷体_GB2312 color=#ff0000 size=4>我的空间</FONT></A></P>

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

表格导航栏效果图:

.

 

 

朋友们注意:上面的表格是自动调整大小的,你只要把代码按照方法复制粘贴过去就可以了!

 

代码(2)


<DIV align=center>
<DIV style='color: red; background-color: 000000; border:000000 solid 1px; width: 290px;    height: 408px;  overflow: scroll;  scrollbar-face-color:red;  scrollbar-highlight-color:000000;  scrollbar-3dlight-color:000000;  scrollbar-darkshadow-color:000000;  scrollbar-Shadow-color:000000;  scrollbar-arrow-color:000000;  scrollbar-track- color:000000;'>
<br>
<a href="连接地址" target="_blank"><font color="00FF00">  <h4><IMG src="
http://image5.360doc.com/DownloadImg/2009/12/9/190486_10691927_1.jpg">我的空间</h5></h4></font></a>
<br>
<a href="连接地址" target="_blank"><font color="FFFFFF">  <h4><IMG src="
http://image5.360doc.com/DownloadImg/2009/12/9/190486_10691927_1.jpg">我的空间</h5></h4></font></a>
<br>
<a href="连接地址" target="_blank"><font color="FFFFFF">  <h4><IMG src="
http://image5.360doc.com/DownloadImg/2009/12/9/190486_10691927_1.jpg">我的空间</h5></h4></font></a>
<br>
<a href="连接地址" target="_blank"><font color="red">  <h4><IMG src="
http://image5.360doc.com/DownloadImg/2009/12/9/190486_10691927_1.jpg">我的空间</h5></h4></font></a>
<br>
<a href="连接地址" target="_blank"><font color="FFFFFF">  <h4><IMG src="
http://image5.360doc.com/DownloadImg/2009/12/9/190486_10691927_1.jpg">我的空间</h5></h4></font></a>
<br>
<a href="连接地址" target="_blank"><font color="FFFFFF">  <h4><IMG src="
http://image5.360doc.com/DownloadImg/2009/12/9/190486_10691927_1.jpg">我的空间</h5></h4></font></a>
<br>
<a href="连接地址" target="_blank"><font color="FFFFFF">  <h4><IMG src="
http://image5.360doc.com/DownloadImg/2009/12/9/190486_10691927_1.jpg">我的空间</h5></h4></font></a>
<br>
<a href="连接地址" target="_blank"><font color="FFFFFF">  <h4><IMG src="
http://image5.360doc.com/DownloadImg/2009/12/9/190486_10691927_1.jpg">我的空间</h5></h4></font></a>
<br>
<a href="连接地址" target="_blank"><font color="FFFFFF">  <h4><IMG src="
http://image5.360doc.com/DownloadImg/2009/12/9/190486_10691927_1.jpg">我的空间 </h5></h4></font></a>
<br>
</h5></h4></font></a>
<br>
<embed allowScriptAccess="never" allowNetworking="internal" src=http://foryahoo.home./blog/kd.swf quality="high"  width="170" height="156" wmode="transparent"></embed><br><br>

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

效果图:

.

 
 

代码(3)

<DIV align=center>

<h3><a href="导航网址" target="_blank">*导航名称</a><a href="导航网址" target="_blank">*<FONT color=#ff0000>导航名称</FONT></a><a href="导航网址" target="_blank">*<FONT color=#ff0000>导航名称</FONT></a><BR><a href="导航网址" target="_blank">*<FONT color=#ff0000>导航名称</FONT></a><a href="导航网址" target="_blank">*导航名称</a><a href="导航网址" target="_blank">*<FONT color=#ff0000>导航名称</FONT></a><BR><a href="导航网址" target="_blank">*导航名称</a><a href="导航网址" target="_blank">*<FONT color=#ff0000>导航名称</FONT></a><a href="导航网址" target="_blank">*导航名称</a><BR><a href="导航网址" target="_blank">*<FONT color=#ff0000>导航名称</FONT></a><a href="导航网址" target="_blank">*导航名称</a><a href="导航网址" target="_blank">*<FONT color=#ff0000>导航名称</FONT></a><BR><a href="导航网址" target="_blank">*导航名称</a><a href="导航网址" target="_blank">*<FONT color=#ff0000>导航名称</FONT></a><a href="导航网址" target="_blank">*导航名称</a></h3>

效果图:

.

 

操作方法:

复制上面代码---回到首页顶栏右上方点击“换衣服”---选择“设置首页内容”---在弹出的窗口最下面点击“添加自定义模块”---将先复制的代码粘贴在此自定义模块中---再将你先做好的导航网址一个一个地粘贴在“导航网址”处并在“导航名称”处填上导航目录名称---为这个模块命名---保存---模块便出现在首页的左上方---拖放到合适的位置---在首页上方点“保存修改”---点“关闭”,完成

 
 
 
 

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

    0条评论

    发表

    请遵守用户 评论公约

    类似文章 更多