注册 登录  
 加关注
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

一丝小雨盈盈而落......

对雨我有种莫名的喜欢,尤其是夜雨。无数个黄昏 ,雨伴着蔼蔼暮色飘然而至。

 
 
 

日志

 
 

制作首页浏览导航的方法【含代码】  

2010-08-23 01:05:22|  分类: 【细雨实用】 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |
 制作首页浏览导航的方法

 

 

代码(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>&nbsp;</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>&nbsp;</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>&nbsp;</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>&nbsp;</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>&nbsp;</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>&nbsp;</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>&nbsp;我的空间</FONT></FONT></A></P></TD>
<TD>
<P align=center><FONT face=楷体_GB2312 color=#ff6600 size=4>&nbsp;</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>&nbsp;</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>&nbsp;我 的空间</FONT></A></P></TD></TR>
<TR>
<TD>
<P align=center><FONT face=楷体_GB2312 color=#ff6600 size=4>&nbsp;</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>&nbsp;我的空间</FONT></A></P></TD></TR>
<TR>
<TD>
<P align=center><FONT face=楷体_GB2312 color=#00ffff size=4>&nbsp;</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>&nbsp;</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>&nbsp;</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>&nbsp;</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>&nbsp;</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>&nbsp;</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>&nbsp;</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>&nbsp;</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>&nbsp;</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>&nbsp;</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>&nbsp;</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>&nbsp;</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.insightbb.com/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>

效果图:

.

 

操作方法:

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

 

 
 
温柔细雨推荐阅读:
  评论这张
 
阅读(2024)| 评论(39)
推荐 转载

历史上的今天

在LOFTER的更多文章

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2017