怎样用表格制作博客浏览导航(原创)
教你活用 不是死搬
操作窗口:编辑状态下的自定义模块中或编辑状态下的日志窗口的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>单元,其宽度就是几分之一略小一点。
请看看效果:
页面名称页面名称页面名称页面名称页面名称页面名称页面名称页面名称页面名称七、怎样做文字链接,还可参看:
文字图片的链接必须学做链接后的表格浏览导航示例如下:
怎样装扮博客首页
怎样选择博客首页的风格(升级版)博客首页模块怎样选择“版式”(升级版)博客首页怎样添加系统本身具有的模块怎样自定义博客首页的风格(升级版)怎样为博客浏览器背景换上自己的图片怎样为博客首页的顶区和底区上传自己图片怎样上传博客中区的自制模板怎样装饰博客首页怎样添加自定义模块(升级版)怎样直接复制别人博客中你喜欢的的模块怎样让博客首页的日志模块只显示标题为你的首页添加漂亮时钟为你的首页添加漂亮日历为你的首页添加天气预报为你的首页添加清明上河图怎样隐藏或恢复首页模块做表格式浏览导航请参考下列表格样式:
点击进入链接表格样式1及套用代码(三列文字链接)点击进入链接表格样式2及套用代码(三列图片链接)点击进入链接表格样式3及套用代码:(2列图片链接)点击进入链接表格样式4及套用代码(四列多行文字链接)点击进入链接表格样式5及套用代码(宽窄相间的四列多行)
本站仅提供存储服务,所有内容均由用户发布,如发现有害或侵权内容,请
点击举报。