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

易水寒

风萧萧兮易水寒这里是你学习的基地,SEO、网络推广,电商营销,微信营销教程

 
 
 

日志

 
 

怎样用表格制作博客浏览导航(原创)  

2010-10-29 16:55:59|  分类: 博客素材 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

怎样用表格制作博客浏览导航(原创)

教你活用   不是死搬

  

操作窗口:编辑状态下的自定义模块中或编辑状态下的日志窗口的HTML编辑器中

      一、表格基本代码:

<TABLE cellSpacing=5 borderColorDark=#330000 cellPadding=2 width=750 align=center bgColor=#204040 borderColorLight=#000000 border=2>
<TBODY>单元格代码粘贴处</TR></TBODY></TABLE>

      说明:width=750 表单元格宽度;bgColor=#204040 表边框背景颜色,borderColorDark=#330000 表下边线和右边线的颜色,borderColorLight=#000000 表上边线和左边线的颜色,#号后的颜色值可以根据自己的喜好进行修改,要改变颜色值可参看颜色代码表。

       二、表格单元格代码:

<TR>

<TD height="10" borderColorDark="#808080" width="750" align="middle" borderColorLight="#000000">链接代码粘贴处</TD>

三、网页链接代码:

<A href="链接地址" target=_blank><FONT color=#ffffff size=1>页面名称</FONT></A>

四、将链接代码粘贴到“表格单元格代码”的“链接代码粘贴处”,看下面的演示:

<TR>

<TD height="10" borderColorDark="#808080" width="750" align="middle" borderColorLight="#000000"><A href="链接地址" target=_blank><FONT color=#ffffff size=1>页面名称</FONT></A></TD>

 五、将粘贴好链接代码后的单元格代码插入“基本代码”中后的示范:

<TABLE cellSpacing=5 borderColorDark=#330000 cellPadding=2 width=750 align=center bgColor=#204040 borderColorLight=#000000 border=2>
<TBODY>

<TR>

<TD height="10" borderColorDark="#808080" width="750" align="middle" borderColorLight="#000000"><A href="链接地址" target=_blank><FONT color=#ffffff size=1>页面名称</FONT></A></TD>

<TR>

<TD height="10" borderColorDark="#808080" width="750" align="middle" borderColorLight="#000000"><A href="链接地址" target=_blank><FONT color=#ffffff size=1>页面名称</FONT></A></TD>

</TR></TBODY></TABLE>

说明:

1、<TR>与<TD>之间的代码是粘贴入的单元格代码(含有链接代码)

2、插在<TR>与<TD>之间的单元格代码可以根据你的需要进行粘贴,需要5次就粘贴5次;(上面是粘贴了2次的,即两行)

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

4、红色代码是代入的单元格代码;

5、height=10 这是单元格的高度, “10”这个值是可以改大改小的;

    六、怎样将行分成若干个小单元格?

    1、如果在一行中又分成2个小单元格,那就是在<TR>的后面放2个<TD></TD>单元,宽度为2分之一小一点(即750的二分之一小一点),

     代码示范如下:

<TABLE cellSpacing=5 borderColorDark=#330000 cellPadding=2 width=750 align=center bgColor=#204040 borderColorLight=#000000 border=2>
<TBODY>

<TR>

<TD height="10" borderColorDark="#808080" width="370" align="middle" borderColorLight="#000000"><A href="链接地址" target=_blank><FONT color=#ffffff size=1>页面名称</FONT></A></TD>

<TD height="10" borderColorDark="#808080" width="370" align="middle" borderColorLight="#000000"><A href="链接地址" target=_blank><FONT color=#ffffff size=1>页面名称</FONT></A></TD>

</TR></TBODY></TABLE>

    2、思考:如果要将一行单元分成3个、4个、5个......小单元格怎么办?

  答案:分成几个小单元格,那就是在<TR>的后面放几个<TD></TD>单元,其宽度就是几分之一略小一点。

请看看效果:

页面名称

页面名称

 


页面名称

页面名称

页面名称


 

页面名称

页面名称

页面名称

页面名称

七、怎样做文字链接,还可参看:文字图片的链接必须学

    做链接后的表格浏览导航示例如下: 

  评论这张
 
阅读(327)| 评论(0)
推荐 转载

历史上的今天

在LOFTER的更多文章

评论

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

页脚

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