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

唐老鴨(kenltx)的博客

物以稀为贵,月以明为贵。人以正为贵,友以挚为贵。心以诚为贵,情以真为贵。

 
 
 

日志

 
 

引用 自己动手制作导航条  

2008-07-03 09:59:57|  分类: 博客制作 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

引用

理智自己动手制作导航条

 (引用此日志请标明出处----理智博客)

在博客里制作导航条,是非常必要的,有了它一切都好办了。

制作步骤:

1. 进入我的博客,点击顶栏右上方的“设置” →“开始装扮博客” →“设置首页内容” →“添加自定义模块” →输入模块名称→将制作好的导航代码粘贴下面窗口→预览→没有问题就可以确定。

 

2. 制作导航代码:

A.  单行两列表格的代码:

</FONT></STRONG></P><TABLE cellSpacing=1 cellPadding=0 width=450 align=center bgColor=#CC99CC border=0>

<TBODY>

<TR bgColor=#FFFFCC height=25>

<TD width="50%"><a href="日志地址" target="_blank">日志名称</a></TD>

<TD width="50%"><a href="日志地址" target="_blank">日志名称</a></TD></TR></TBODY></TABLE>

 

效果图:

网络证件的制作及代码 在博客上添加魔方相册

 

B.   单行三列表格的代码:

</FONT></STRONG></P><TABLE cellSpacing=1 cellPadding=0 width=450 align=center bgColor=#CC99CC border=0>

<TBODY>

<TR bgColor=#FFFFCC height=25>

<TD width="33%"><a href="日志地址" target="_blank">日志名称</a></TD>

<TD width="33%"><a href="日志地址" target="_blank">日志名称</a></TD>

<TD width="33%"><a href="日志地址" target="_blank">日志名称</a></TD></TR></TBODY></TABLE>

效果图:

日志名称 日志名称 日志名称

 

 

C.  四列表格以上的代码制作:

同以上代码一样,只增加<TD width="33%"><H2><a href="日志地址" target="_blank">日志名称</a></H2></TD>代码的数目,并将width="33%">里面的33%数值改变成100除以列数即可,自己动手试试。

D:  多行表格的代码:重复以上代码即可达到目的。

</FONT></STRONG></P><TABLE cellSpacing=1 cellPadding=0 width=450 align=center bgColor=#CC99CC border=0>

<TBODY>

<TR bgColor=#FFFFCC height=25>

<TD width="50%"><a href="日志地址" target="_blank">日志名称</a></TD>

<TD width="50%"><a href="日志地址" target="_blank">日志名称</a></TD></TR></TBODY></TABLE>

</FONT></STRONG></P><TABLE cellSpacing=1 cellPadding=0 width=450 align=center bgColor=#CC99CC border=0>

<TBODY>

<TR bgColor=#FFFFCC height=25>

<TD width="50%"><a href="日志地址" target="_blank">日志名称</a></TD>

<TD width="50%"><a href="日志地址" target="_blank">日志名称</a></TD></TR></TBODY></TABLE>

</FONT></STRONG></P><TABLE cellSpacing=1 cellPadding=0 width=450 align=center bgColor=#CC99CC border=0>

<TBODY>

<TR bgColor=#FFFFCC height=25>

<TD width="50%"><a href="日志地址" target="_blank">日志名称</a></TD>

<TD width="50%"><a href="日志地址" target="_blank">日志名称</a></TD></TR></TBODY></TABLE>

效果图:

网络证件的制作及代码 在博客上添加魔方相册

将许愿树种在自己博客上 在博客上添加时钟

在博客添加视频 在博客挂QQ和POPO交谈

点击进入更多博客技巧>> 将此导航移到我的博客

 

 

注意事项:

1.  width=450 这是单元格的宽度,“450”这个值是可以变的。如果把表放在首页中间宽的一栏,这个值可设为“440--450”为宜;如果把表放在窄的一栏,这个值可设为“220”为宜。

2.  height=25 这是单元格的高度, “25”这个值是可以改大改小的;

3.  width="100%" 这是表单元格的宽度的百分比,100%这个值也是可以变化的。如果在一行中不需再分成小单元格,那么它的百分比就是100%;(即单元格宽度width=450 的100%);

4.  bgColor=#FFFFCC为颜色,“#FFFFCC”可以改成适合你版面的颜色,具体代码在《256颜色代码表》里找;点击进入颜色代码表

5.  日志地址的粘贴要注意http://z-lizhi.blog.163.com/blog/static/39579391200772485335388/edit/为编辑状态地址。只有改为http://z-lizhi.blog.163.com/blog/static/39579391200772485335388/ 才是浏览的地址。

(引用此日志请标明出处----------理智博客)

点击进入我的娱乐篇>>>>

点击进入我的生活篇>>>>

点击进入博客技巧篇>>>>

 点击图片可进入理智的博客

  评论这张
 
阅读(330)| 评论(5)

历史上的今天

评论

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

页脚

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