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

宁静的夏天

文字代码 图片代码 导航代码 模块代码 技巧代码 网页美化

 
 
 

日志

 
 
 
 

博客附件导航【原创】  

2010-01-31 04:22:13|  分类: 博客代码教程 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

           博客首页系统自带了很多附件,比如留言,最近访客,博友,评论等,占了首页很多位置,光是最近访客这一项就噼里啪啦的一大窜,从上面一直排到了底下,  看着总有点别扭,这还算好的,再看看留言,从上到下全是文字,没有一点漂亮图案,有的博友留言爱卖弄文明,给别人留言喜欢写诗,也不知道是他自己写的还是在哪里抄的,反正是一大串像糖葫芦一样从上往下排,占去了别人首页很多位置,网易博客月季花很早以前写过一篇文章:《最令人讨厌的访客》,博文中就提到了这样留言的访客,既占主人的地方又不美观。有没有办法解决一下呢,那就是把你不喜欢的首页附件全都隐藏起来,然后做个附件导航把它们归纳到一起放在首页,既起到了美观作用,首页也宽敞多了。本人今天在添加模块时模块数量超过了25不能添加,看了整个页面都是需要的模块,一个也不能隐藏了,于是就想了这个办法做一个附件导航,本来早就排满了的首页,又可以添加很多模块了。不喜欢隐藏附件的朋友们把导航地址和导航名称改一下,也是一款不错的首页博文导航模块。

    1:宽幅模块

博客附件导航【原创】 - 发呆 - 发呆

最近留言

  最近访客

  博友

  最新评论

  博客圈

 谢谢朋友的观赏,别忘了在这里留个脚印

 2010年1月30日 - 发呆 - 发呆  代码复制处

 

        代码:    

 <TABLE style="BORDER-RIGHT: #00ff00 5px ridge; BORDER-TOP: #00ff00 5px ridge; BORDER-LEFT: #00ff00 5px ridge; WIDTH: 448px; BORDER-BOTTOM: #00ff00 5px ridge; HEIGHT: 216px; BACKGROUND-COLOR: #0000e3" cellSpacing=0>
<TBODY>
<TR>
<TD><A href=http://qianguangmingtxz.blog.163.com/blog/static/1336677042010018111810781/edit/  target=_blank><IMG style="WIDTH: 439px; HEIGHT: 173px" height=211 src="http://img.bimg.126.net/photo/e8HTzTOlTfvkZ5YV86dBig==/1720093582679050173.jpg" width=273></A>
<TABLE style="BORDER-RIGHT: 1px solid; BORDER-TOP: 1px solid; BORDER-LEFT: 1px solid; WIDTH: 439px; BORDER-BOTTOM: 1px solid; HEIGHT: 43px" cellSpacing=1 cellPadding=1 width=439 border=1>
<TBODY>
<TR>
<TD>
<P align=center><A href=" 导航地址 " target=_blank><FONT color=#ff0000 size=2><B>最近留言 </B></FONT></A></P></TD>
<TD>
<P align=center>&nbsp;<A href=" 导航地址 " target=_blank><FONT color=#ff0000 size=2><B> 最近访客  </B></FONT></A></FONT></P></TD>
<TD>
<P align=center>&nbsp;<A href=" 导航地址 " target=_blank><FONT color=#ff0000 size=2><B> 博友 </B></FONT></A></P></TD>
<TD>
<P align=center><STRONG>&nbsp;<U><FONT color=#ff0000 size=2> </FONT></U></STRONG><A href=" 导航地址 " target=_blank><FONT color=#ff0000 size=2><STRONG> 最新评论</STRONG></FONT></A></P></TD>
<TD>
<P align=center>&nbsp;<A href=" 导航地址 " target=_blank><FONT color=#ff0000 size=2><B>  博客圈 </B></FONT></A></P></TD></TR></TBODY></TABLE>
<P align=center><U><FONT color=#ff0000 size=4>&nbsp;</FONT></U><A href=http://qianguangmingtxz.blog.163.com/edit/ target=_blank><FONT color=#ff0000 size=2><B>谢谢朋友的观赏,别忘了在这里留个脚印</B></FONT></A></P></TD></TR></TBODY></TABLE>&nbsp;<IMG title="2010年1月30日 - 发呆 - 发呆" height=20 alt="2010年1月30日 - 发呆 - 发呆" src=http://img.blog.163.com/photo/UEK_F1MrFzbF5SHvzxZ9kA==/339458821913404769.jpg width=20>&nbsp;<A href=http://qianguangmingtxz.blog.163.com/blog/static/13366770420100308210836/edit/ target=_blank><FONT color=#ff0000> <STRONG>代码复制处</STRONG></FONT></A>

 ==================================================================================

2:窄幅模块

效果图:

  

  代码:   

<TABLE style="BORDER-RIGHT: #00ff00 5px ridge; BORDER-TOP: #00ff00 5px ridge; BORDER-LEFT: #00ff00 5px ridge; WIDTH: 274px; BORDER-BOTTOM: #00ff00 5px ridge; HEIGHT: 195px; BACKGROUND-COLOR: #0000e3" cellSpacing=0>
<TBODY>
<TR>
<TD><A href="http://qianguangmingtxz.blog.163.com/blog/static/1336677042010018111810781/edit/" target=_blank><IMG style="WIDTH: 257px; HEIGHT: 97px" height=211 src=http://img.bimg.126.net/photo/e8HTzTOlTfvkZ5YV86dBig==/1720093582679050173.jpg width=273></A>
<TABLE style="BORDER-RIGHT: 1px solid; BORDER-TOP: 1px solid; BORDER-LEFT: 1px solid; WIDTH: 257px; BORDER-BOTTOM: 1px solid; HEIGHT: 64px" cellSpacing=1 cellPadding=1 width=257 border=1>
<TBODY>
<TR>
<TD>
<P align=center><A href="留言地址" target=_blank><FONT color=#ff0000 size=2><B>最近留言

</B></FONT></A></P></TD>
<TD>
<P align=center>&nbsp;<A href="最近访客地址" target=_blank><FONT color=#ff0000 size=2><B> 最近访客 </B> </FONT></A></FONT></P></TD>
<TD>
<P align=center>&nbsp;<A href="我的博友地址" target=_blank><FONT color=#ff0000 size=2><B> 博友

</B></FONT></A></P></TD>
<TD>
<P align=center><STRONG>&nbsp;<U><FONT color=#ff0000 size=2> </FONT></U></STRONG><A href="最新评论地址" target=_blank><FONT color=#ff0000 size=2><STRONG> 最新评论</STRONG></FONT></A></P></TD>
<TD>
<P align=center>&nbsp;<A href="我的博客圈地址" target=_blank><FONT color=#ff0000 size=2><B> 博客圈

</B></FONT></A></P></TD></TR></TBODY></TABLE>
<P align=center><U><FONT color=#ff0000 size=4>&nbsp;</FONT></U><A href=http://qianguangmingtxz.blog.163.com/edit/ target=_blank><FONT color=#ff0000 size=2><B>谢谢朋友的观赏,别忘了在这里留个脚印</B></FONT></A></P></TD></TR></TBODY></TABLE></DIV>
<DIV align=center>&nbsp;<IMG title="2010年1月30日 - 发呆 - 发呆" height=20 alt="2010年1月30日 - 发呆 - 发呆" src=http://img.blog.163.com/photo/UEK_F1MrFzbF5SHvzxZ9kA==/339458821913404769.jpg width=20>&nbsp;<A href=http://qianguangmingtxz.blog.163.com/blog/static/13366770420100308210836/edit/ target=_blank><FONT color=#ff0000> <STRONG>代码复制处</STRONG></FONT></A>

 

使用方法     填写好你的导航地址,直接复制代码到你的模块,朋友们可以到我首页观看模块效果。 返回首页

         原创代码,引用勿改连接。

 

 

博客代码 美女点评 益智游戏 生活百科 常用素材 美图欣赏

 

 

 
 

  评论这张
 
阅读(3721)| 评论(28)
推荐 转载

历史上的今天

评论

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

页脚

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