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

风儿轻轻

让梦随心飞

 
 
 

日志

 
 

引用 网易博客首页无框表格制作 1【原创】  

2009-11-04 22:02:28|  分类: 默认分类 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

 

引用

明眸网易博客首页无框表格制作 1【原创】

  写在前面:本博文是博主借鉴了“心吾之家的原始创作,加入了文字链接和颜色更改的内容。网易博客表格制作的文章很多,大多是转来转去的。像这样傻瓜式操作,讲解详尽的文章不多见,希望转载者说明出处,原创的劳动应得到尊重。

 

一个博客想上一个档次离不开表格。下面是本博客博主根据网络搜集来的部分数据改良而来的网易博客表格的制作方法。

样式一:

   方法:1、将下列您选中的表格样式代码复制下来。

              2、 登陆您自己的博客,点击“换风格”——设置首页内容——添加自定义模块——在新出现的对话框中,上面一格填“栏目的名称”,在下面一格将您刚才复制的程序代码粘上去——确定。

              3、如果您想在表格里加入沙漠王那么操作如下。首先把“添加文字”四个字换成“沙漠”,然后把“链接地址”换成沙漠王博客的网址就OK了。(在粘贴代码尚未确定时改动)

              4、代码中浅绿色的 FOFOFO 是表格底色的代码,可以从颜色代码中选择其他的颜色替换。

              5、代码中红色的 0 代表表格边框的宽度,您可以根据自己的需要改成1、2或3或其他宽度。这时将出现边框。

              6、代码中黄色的 B5A642 是表格边框的颜色代码,可以从颜色代码中选择其他颜色替换。     

      从这里返回表格汇总——选择更多款式  

 *******************************************************************************************************

一行五列代码如下:

<TABLE cellSpacing=0.5cellPadding=0 width="100%" bgColor=#B5A642  border=0>

<TBODY>

<TR bgColor=#FOFOFO height=20>

<TD>

<DIV align=center>※<a href="链接地址" target="_blank">添加文字</a></DIV></TD>

<TD>

<DIV align=center>※<a href="链接地址" target="_blank">添加文字</a></DIV></TD>

<TD>

<DIV align=center>※<a href="链接地址" target="_blank">添加文字</a></DIV></TD>

<TD>

<DIV align=center>※<a href="链接地址" target="_blank">添加文字</a></DIV></TD>

<TD>

<DIV align=center>※<a href="链接地址" target="_blank">添加文字</a></DIV></TD>

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

效果图:(上述代码粘贴四遍即可有四行)

沙 漠 王

沙 漠 王

添加文字

添加文字

添加文字

添加文字

添加文字

添加文字

添加文字

添加文字

添加文字

添加文字

添加文字

添加文字

添加文字

添加文字

添加文字

添加文字

添加文字

添加文字

***************************************************************************************************************************************

一行四列代码如下:

<TABLE cellSpacing=0.5cellPadding=0 width="100%" bgColor=#B5A642  border=0>

<TBODY>

<TR bgColor=#FOFOFO height=20>

<TD>

<DIV align=center>※<a href="链接地址" target="_blank">添加文字</a></DIV></TD>

<TD>

<DIV align=center>※<a href="链接地址" target="_blank">添加文字</a></DIV></TD>

<TD>

<DIV align=center>※<a href="链接地址" target="_blank">添加文字</a></DIV></TD>

<TD>

<DIV align=center>※<a href="链接地址" target="_blank">添加文字</a></DIV></TD>

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

 

 效果图:(上述代码粘贴四遍即可有四行)

添加文字

添加文字

添加文字

添加文字

添加文字

添加文字

添加文字

添加文字

添加文字

添加文字

添加文字

添加文字

添加文字

添加文字

添加文字

添加文字

 *********************************************************************************************************************************

      一行三列代码如下:

<TABLE cellSpacing=0.5cellPadding=0 width="100%" bgColor=#B5A642  border=0>

<TBODY>

<TR bgColor=#FOFOFO height=20>

<TD>

<DIV align=center>※<a href="链接地址" target="_blank">添加文字</a></DIV></TD>

<TD>

<DIV align=center>※<a href="链接地址" target="_blank">添加文字</a></DIV></TD>

<TD>

<DIV align=center>※<a href="链接地址" target="_blank">添加文字</a></DIV></TD>

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

效果图:(上述代码粘贴四遍即可有四行)

添加文字

添加文字

添加文字

添加文字

添加文字

添加文字

添加文字

添加文字

添加文字

添加文字

添加文字

添加文字

***********************************************************************************************************************************

一行两列代码如下:

<TABLE cellSpacing=0.5cellPadding=0 width="100%" bgColor=#B5A642  border=0>

<TBODY>

<TR bgColor=#FOFOFO height=20>

<TD>

<DIV align=center>※<a href="链接地址" target="_blank">添加文字</a></DIV></TD>

<TD>

<DIV align=center>※<a href="链接地址" target="_blank">添加文字</a></DIV></TD>

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

效果图:(上述代码粘贴四遍即可有四行)

 

添加文字

添加文字

添加文字

添加文字

添加文字

添加文字

添加文字

添加文字

*************************************************************************************************************************************

一行一列代码如下:

<TABLE cellSpacing=0.5cellPadding=0 width="100%" bgColor=#B5A642  border=0>

<TBODY>

<TR bgColor=#FOFOFO height=20>

<TD>

<DIV align=center>※<a href="链接地址" target="_blank">添加文字</a></DIV></TD>

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

   效果图:(上述代码粘贴四次即可有四行)

 

添加文字

添加文字

添加文字

添加文字

 

$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$

¥¥¥¥¥¥¥¥¥¥¥¥¥¥¥¥¥¥¥¥¥¥¥¥¥¥¥¥¥¥¥¥¥¥¥¥¥¥¥¥¥¥¥¥¥¥¥4

样式二:

   方法:1、将下列您选中的表格样式代码复制下来。

              2、 登陆您自己的博客,点击“换风格”——设置首页内容——添加自定义模块——在新出现的对话框中,上面一格填“栏目的名称”,在下面一格将您刚才复制的程序代码粘上去——确定。

   说明:1、下列每一组代码可制作一行表格,同样的代码每粘一次增加一行,直粘到够用为止。

              2、如果您想在表格里加入沙漠王,那么操作如下。首先把“添加文字”四个字换成“沙漠”,然后把“链接地址”换成沙漠王博客的网址就OK了。(在粘贴代码尚未确定时改动)

              3、代码中浅绿色的 FFF5EE 是表格底色的代码,可以从颜色代码中选择其他的颜色替换。

             4、代码中红色的 0 代表表格边框的宽度,您可以根据自己的需要改成1、2或3或其他宽度。这时将出现边框。

              5、代码中黄色的 B5A642 是表格边框的颜色代码,可以从颜色代码中选择其他颜色替换。

一行五列代码如下:

<TABLE cellSpacing=0.5cellPadding=0 width="100%" bgColor=#B5A642  border=0>

<TBODY>

<TR bgColor=#FFF5EE height=20>

<TD>

<DIV align=center>[<a href="链接地址" target="_blank">添加文字</a>]</DIV></TD>

<TD>

<DIV align=center>[<a href="链接地址" target="_blank">添加文字</a>]</DIV></TD>

<TD>

<DIV align=center>[<a href="链接地址" target="_blank">添加文字</a>]</DIV></TD>

<TD>

<DIV align=center>[<a href="链接地址" target="_blank">添加文字</a>]</DIV></TD>

<TD>

<DIV align=center>[<a href="链接地址" target="_blank">添加文字</a>]</DIV></TD>

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

效果图:(上述代码粘贴四遍即可有四行)

添加文字

添加文字

添加文字

添加文字

添加文字

添加文字

添加文字

添加文字

添加文字

添加文字

添加文字

添加文字

添加文字

添加文字

添加文字

添加文字

添加文字

添加文字

添加文字

添加文字

****************************************************************************************************************************************

一行四列代码如下:

<TABLE cellSpacing=0.5cellPadding=0 width="100%" bgColor=#B5A642  border=0>

<TBODY>

<TR bgColor=#FFF5EE height=20>

<TD>

<DIV align=center>[<a href="链接地址" target="_blank">添加文字</a>]</DIV></TD>

<TD>

<DIV align=center>[<a href="链接地址" target="_blank">添加文字</a>]</DIV></TD>

<TD>

<DIV align=center>[<a href="链接地址" target="_blank">添加文字</a>]</DIV></TD>

<TD>

<DIV align=center>[<a href="链接地址" target="_blank">添加文字</a>]</DIV></TD>

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

效果图:(上述代码粘贴四遍即可有四行)

添加文字

添加文字

添加文字

添加文字

添加文字

添加文字

添加文字

添加文字

添加文字

添加文字

添加文字

添加文字

添加文字

添加文字

添加文字

添加文字

***********************************************************************************************************************************

一行三列代码如下:

<TABLE cellSpacing=0.5cellPadding=0 width="100%" bgColor=#B5A642  border=0>

<TBODY>

<TR bgColor=#FFF5EE height=20>

<TD>

<DIV align=center>[<a href="链接地址" target="_blank">添加文字</a>]</DIV></TD>

<TD>

<DIV align=center>[<a href="链接地址" target="_blank">添加文字</a>]</DIV></TD>

<TD>

<DIV align=center>[<a href="链接地址" target="_blank">添加文字</a>]</DIV></TD>

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

效果图:(上述代码粘贴四遍即可有四行)

添加文字

添加文字

添加文字

添加文字

添加文字

添加文字

添加文字

添加文字

添加文字

添加文字

添加文字

添加文字

***************************************************************************************************************************************

一行二列代码如下:

<TABLE cellSpacing=0.5cellPadding=0 width="100%" bgColor=#B5A642  border=0>

<TBODY>

<TR bgColor=#FFF5EE height=20>

<TD>

<DIV align=center>[<a href="链接地址" target="_blank">添加文字</a>]</DIV></TD>

<TD>

<DIV align=center>[<a href="链接地址" target="_blank">添加文字</a>]</DIV></TD>

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

效果图:(上述代码粘贴四遍即可有四行)

添加文字

添加文字

添加文字

添加文字

添加文字

添加文字

添加文字

添加文字

**********************************************************************************************************************************

一行一列代码如下:

<TABLE cellSpacing=0.5cellPadding=0 width="100%" bgColor=#B5A642  border=0>

<TBODY>

<TR bgColor=#FFF5EE height=20>

<TD>

<DIV align=center>[<a href="链接地址" target="_blank">添加文字</a>]</DIV></TD>

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

效果图:(上述代码粘贴四遍即可有四行)

添加文字

添加文字

添加文字

添加文字

$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$

¥¥¥¥¥¥¥¥¥¥¥¥¥¥¥¥¥¥¥¥¥¥¥¥¥¥¥¥¥¥¥¥¥¥¥¥¥¥¥¥¥¥¥¥¥¥¥¥¥

样式三:

   方法:1、将下列您选中的表格样式代码复制下来。

              2、 登陆您自己的博客,点击“换风格”——设置首页内容——添加自定义模块——在新出现的对话框中,上面一格填“栏目的名称”,在下面一格将您刚才复制的程序代码粘上去——确定。

   说明:1、下列每一组代码可制作一行表格,同样的代码每粘一次增加一行,直粘到够用为止。

              2、如果您想在表格里加入沙漠王,那么操作如下。首先把“添加文字”四个字换成“沙漠”,然后把“链接地址”换成沙漠王博客的网址就OK了。(在粘贴代码尚未确定时改动)

              3、代码中浅绿色的   FFF5EE  是表格底色的代码,可以从颜色代码中选择其他的颜色替换。

             4、代码中红色的 0 代表表格边框的宽度,您可以根据自己的需要改成1、2或3或其他宽度。这时将出现边框。

              5、代码中黄色的 B5A642 是表格边框的颜色代码,可以从颜色代码中选择其他颜色替换。

一行五列代码如下:

<TABLE cellSpacing=0.5cellPadding=0 width="100%" bgColor=#B5A642  border=0>

<TBODY>

<TR bgColor=#FFF5EE height=20>

<TD>

<DIV align=center>~<a href="链接地址" target="_blank">添加文字</a></DIV></TD>

<TD>

<DIV align=center>~<a href="链接地址" target="_blank">添加文字</a></DIV></TD>

<TD>

<DIV align=center>~<a href="链接地址" target="_blank">添加文字</a></DIV></TD>

<TD>

<DIV align=center>~<a href="链接地址" target="_blank">添加文字</a></DIV></TD>

<TD>

<DIV align=center>~<a href="链接地址" target="_blank">添加文字</a></DIV></TD>

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

效果图:(上述代码粘贴四遍即可有四行)

添加文字

添加文字

添加文字

添加文字

添加文字

添加文字

添加文字

添加文字

添加文字

添加文字

添加文字

添加文字

添加文字

添加文字

添加文字

添加文字

添加文字

添加文字

添加文字

添加文字

***************************************************************************************************************************************

一行四列代码如下:

<TABLE cellSpacing=0.5cellPadding=0 width="100%" bgColor=#B5A642  border=0>

<TBODY>

<TR bgColor=#FFF5EE height=20>

<TD>

<DIV align=center>~<a href="链接地址" target="_blank">添加文字</a></DIV></TD>

<TD>

<DIV align=center>~<a href="链接地址" target="_blank">添加文字</a></DIV></TD>

<TD>

<DIV align=center>~<a href="链接地址" target="_blank">添加文字</a></DIV></TD>

<TD>

<DIV align=center>~<a href="链接地址" target="_blank">添加文字</a></DIV></TD>

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

效果图:(上述代码粘贴四遍即可有四行)

添加文字

添加文字

添加文字

添加文字

添加文字

添加文字

添加文字

添加文字

添加文字

添加文字

添加文字

添加文字

添加文字

添加文字

添加文字

添加文字

**********************************************************************************************************************************

一行三列代码如下:

<TABLE cellSpacing=0.5cellPadding=0 width="100%" bgColor=#B5A642  border=0>

<TBODY>

<TR bgColor=#FFF5EE height=20>

<TD>

<DIV align=center>~<a href="链接地址" target="_blank">添加文字</a></DIV></TD>

<TD>

<DIV align=center>~<a href="链接地址" target="_blank">添加文字</a></DIV></TD>

<TD>

<DIV align=center>~<a href="链接地址" target="_blank">添加文字</a></DIV></TD>

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

效果图:(上述代码粘贴四遍即可有四行)

添加文字

添加文字

添加文字

添加文字

添加文字

添加文字

添加文字

添加文字

添加文字

*************************************************************************************************************************************

 一行二列代码如下:

<TABLE cellSpacing=0.5cellPadding=0 width="100%" bgColor=#B5A642  border=0>

<TBODY>

<TR bgColor=#FFF5EE height=20>

<TD>

<DIV align=center>~<a href="链接地址" target="_blank">添加文字</a></DIV></TD>

<TD>

<DIV align=center>~<a href="链接地址" target="_blank">添加文字</a></DIV></TD>

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

效果图:(上述代码粘贴四遍即可有四行)

添加文字

添加文字

添加文字

添加文字

添加文字

添加文字

添加文字

添加文字

**********************************************************************************************************************************

 一行一列代码如下:

<TABLE cellSpacing=0.5cellPadding=0 width="100%" bgColor=#B5A642  border=0>

<TBODY>

<TR bgColor=#FFF5EE height=20>

<TD>

<DIV align=center>~<a href="链接地址" target="_blank">添加文字</a></DIV></TD>

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

效果图:(上述代码粘贴四遍即可有四行)

添加文字

添加文字

添加文字

添加文字

$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$

¥¥¥¥¥¥¥¥¥¥¥¥¥¥¥¥¥¥¥¥¥¥¥¥¥¥¥¥¥¥¥¥¥¥¥¥¥¥¥¥¥¥¥¥¥¥¥¥

样式四:

   方法:1、将下列您选中的表格样式代码复制下来。

              2、 登陆您自己的博客,点击“换风格”——设置首页内容——添加自定义模块——在新出现的对话框中,上面一格填“栏目的名称”,在下面一格将您刚才复制的程序代码粘上去——确定。

   说明:1、下列每一组代码可制作一行表格,同样的代码每粘一次增加一行,直粘到够用为止。

              2、如果您想在表格里加入沙漠王,那么操作如下。首先把“添加文字”四个字换成“沙漠”,然后把“链接地址”换成沙漠王博客的网址就OK了。(在粘贴代码尚未确定时改动)

              3、代码中浅绿色的   FFF5EE  是表格底色的代码,可以从颜色代码中选择其他的颜色替换。

             4、代码中红色的 0 代表表格边框的宽度,您可以根据自己的需要改成1、2或3或其他宽度。这时将出现边框。

              5、代码中黄色的 B5A642 是表格边框的颜色代码,可以从颜色代码中选择其他颜色替换。

 

一行五列代码如下:

<TABLE cellSpacing=0.5cellPadding=0 width="100%" bgColor=#B5A642  border=0>

<TBODY>

<TR bgColor=#FFF5EE height=20>

<TD>

<DIV align=center><a href="链接地址" target="_blank">添加文字</a></DIV></TD>

<TD>

<DIV align=center><a href="链接地址" target="_blank">添加文字</a></DIV></TD>

<TD>

<DIV align=center><a href="链接地址" target="_blank">添加文字</a></DIV></TD>

<TD>

<DIV align=center><a href="链接地址" target="_blank">添加文字</a></DIV></TD>

<TD>

<DIV align=center><a href="链接地址" target="_blank">添加文字</a></DIV></TD>

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

效果图:(上述代码粘贴四遍即可有四行)

添加文字

添加文字

添加文字

添加文字

添加文字

添加文字

添加文字

添加文字

添加文字

添加文字

添加文字

添加文字

添加文字

添加文字

添加文字

添加文字

添加文字

添加文字

添加文字

添加文字

 

一行四列代码如下:

<TABLE cellSpacing=0.5cellPadding=0 width="100%" bgColor=#B5A642  border=0>

<TBODY>

<TR bgColor=#FFF5EE height=20>

<TD>

<DIV align=center><a href="链接地址" target="_blank">添加文字</a></DIV></TD>

<TD>

<DIV align=center><a href="链接地址" target="_blank">添加文字</a></DIV></TD>

<TD>

<DIV align=center><a href="链接地址" target="_blank">添加文字</a></DIV></TD>

<TD>

<DIV align=center><a href="链接地址" target="_blank">添加文字</a></DIV></TD>

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

效果图:(上述代码粘贴四遍即可有四行)

添加文字

添加文字

添加文字

添加文字

添加文字

添加文字

添加文字

添加文字

添加文字

添加文字

添加文字

添加文字

添加文字

添加文字

添加文字

添加文字

***********************************************************************************************************************************

一行三列代码如下:

<TABLE cellSpacing=0.5cellPadding=0 width="100%" bgColor=#B5A642  border=0>

<TBODY>

<TR bgColor=#FFF5EE height=20>

<TD>

<DIV align=center><a href="链接地址" target="_blank">添加文字</a></DIV></TD>

<TD>

<DIV align=center><a href="链接地址" target="_blank">添加文字</a></DIV></TD>

<TD>

<DIV align=center><a href="链接地址" target="_blank">添加文字</a></DIV></TD>

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

效果图:(上述代码粘贴四遍即可有四行)

添加文字

添加文字

添加文字

添加文字

添加文字

添加文字

添加文字

添加文字

添加文字

添加文字

添加文字

添加文字

****************************************************************************************************************************************

一行二列代码如下:

<TABLE cellSpacing=0.5cellPadding=0 width="100%" bgColor=#B5A642  border=0>

<TBODY>

<TR bgColor=#FFF5EE height=20>

<TD>

<DIV align=center><a href="链接地址" target="_blank">添加文字</a></DIV></TD>

<TD>

<DIV align=center><a href="链接地址" target="_blank">添加文字</a></DIV></TD>

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

效果图:(上述代码粘贴四遍即可有四行)

添加文字

添加文字

添加文字

添加文字

添加文字

添加文字

添加文字

添加文字

************************************************************************************************************************************

一行一列代码如下:

<TABLE cellSpacing=0.5cellPadding=0 width="100%" bgColor=#B5A642  border=0>

<TBODY>

<TR bgColor=#FFF5EE height=20>

<TD>

<DIV align=center><a href="链接地址" target="_blank">添加文字</a></DIV></TD>

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

效果图:(上述代码粘贴四遍即可有四行)

添加文字

添加文字

添加文字

添加文字

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

历史上的今天

评论

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

页脚

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