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

风儿轻轻

让梦随心飞

 
 
 

日志

 
 

引用 网易首页立体表格 1[原创】  

2009-11-08 18:37:28|  分类: 默认分类 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

 

引用

明眸网易首页立体表格 1[原创】

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

 

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

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

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

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

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

              3、代码中红色的 450 代表表格的宽度,可自行更改。

              4、代码中黄色的 8B4513 是文字的颜色代码,可以从颜色代码中选择其他颜色替换。

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

温馨提示:本表格在编辑状态下,既可以用于博客首页,也可用于博客日志。

    

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

 

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

一行五列代码如下:

<table border="1" bordercolorlight="#ffffff" bordercolordark="#ffffff" width="450" cellpadding="0" cellspacing="0"><tr align="center"> <td bgcolor="#D2B48C" bordercolorlight="#000000" bordercolordark="#eeeeee" ><DIV align=center><a href="链接地址" target="_blank"><h4><font color="#8B4513">添加文字</font></h4></a></DIV></TD></td><td bgcolor="#D2B48C" bordercolorlight="#000000" bordercolordark="#eeeeee" ><DIV align=center><a href="链接地址" target="_blank"><h4><font color="#8B4513">添加文字</font></h4></a></DIV></TD></td><td bgcolor="#D2B48C" bordercolorlight="#000000" bordercolordark="#eeeeee" ><DIV align=center><a href="链接地址" target="_blank"><h4><font color="#8B4513">添加文字</font></h4></a></DIV></TD></td><td bgcolor="#D2B48C" bordercolorlight="#000000" bordercolordark="#eeeeee" ><DIV align=center><a href="链接地址" target="_blank"><h4><font color="#8B4513">添加文字</font></h4></a></DIV></TD></td><td bgcolor="#D2B48C" bordercolorlight="#000000" bordercolordark="#eeeeee" ><DIV align=center><a href="链接地址" target="_blank"><h4><font color="#8B4513">添加文字</font></h4></a></DIV></TD></td></tr>

          

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

          

       

添加文字

添加文字

添加文字

添加文字

添加文字

添加文字

添加文字

添加文字

添加文字

添加文字

添加文字

添加文字

添加文字

添加文字

添加文字

添加文字

添加文字

添加文字

添加文字

添加文字

 

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

一行四列代码如下:

<table border="1" bordercolorlight="#ffffff" bordercolordark="#ffffff" width="450" cellpadding="0" cellspacing="0"><tr align="center"> <td bgcolor="#D2B48C" bordercolorlight="#000000" bordercolordark="#eeeeee" ><DIV align=center><a href="链接地址" target="_blank"><h4><font color="#8B4513">添加文字</font></h4></a></DIV></TD></td><td bgcolor="#D2B48C" bordercolorlight="#000000" bordercolordark="#eeeeee" ><DIV align=center><a href="链接地址" target="_blank"><h4><font color="#8B4513">添加文字</font></h4></a></DIV></TD></td><td bgcolor="#D2B48C" bordercolorlight="#000000" bordercolordark="#eeeeee" ><DIV align=center><a href="链接地址" target="_blank"><h4><font color="#8B4513">添加文字</font></h4></a></DIV></TD></td><td bgcolor="#D2B48C" bordercolorlight="#000000" bordercolordark="#eeeeee" ><DIV align=center><a href="链接地址" target="_blank"><h4><font color="#8B4513">添加文字</font></h4></a></DIV></TD></td></tr>

          

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

添加文字

添加文字

添加文字

添加文字

添加文字

添加文字

添加文字

添加文字

添加文字

添加文字

添加文字

添加文字

添加文字

添加文字

添加文字

添加文字

 

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

一行三列代码如下:

<table border="1" bordercolorlight="#ffffff" bordercolordark="#ffffff" width="450" cellpadding="0" cellspacing="0"><tr align="center"> <td bgcolor="#D2B48C" bordercolorlight="#000000" bordercolordark="#eeeeee" ><DIV align=center><a href="链接地址" target="_blank"><h4><font color="#8B4513">添加文字</font></h4></a></DIV></td><td bgcolor="#D2B48C" bordercolorlight="#000000" bordercolordark="#eeeeee" ><DIV align=center><a href="链接地址" target="_blank"><h4><font color="#8B4513">添加文字</font></h4></a></DIV></TD></td><td bgcolor="#D2B48C" bordercolorlight="#000000" bordercolordark="#eeeeee" ><DIV align=center><a href="链接地址" target="_blank"><h4><font color="#8B4513">添加文字</font></h4></a></DIV></TD></td></tr>

          

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

添加文字

添加文字

添加文字

添加文字

添加文字

添加文字

添加文字

添加文字

添加文字

添加文字

添加文字

添加文字

 

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

一行二列代码如下:

<table border="1" bordercolorlight="#ffffff" bordercolordark="#ffffff" width="450" cellpadding="0" cellspacing="0"><tr align="center"> <td bgcolor="#D2B48C" bordercolorlight="#000000" bordercolordark="#eeeeee" ><DIV align=center><a href="链接地址" target="_blank"><h4><font color="#8B4513">添加文字</font></h4></a></td><td bgcolor="#D2B48C" bordercolorlight="#000000" bordercolordark="#eeeeee" ><DIV align=center><a href="链接地址" target="_blank"><h4><font color="#8B4513">添加文字</font></h4></a></DIV></TD></td></tr>

          

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

添加文字

添加文字

添加文字

添加文字

添加文字

添加文字

添加文字

添加文字

 

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

一行一列代码如下:

<table border="1" bordercolorlight="#ffffff" bordercolordark="#ffffff" width="450" cellpadding="0" cellspacing="0"><tr align="center"> <td bgcolor="#D2B48C" bordercolorlight="#000000" bordercolordark="#eeeeee" ><DIV align=center><a href="链接地址" target="_blank"><h4><font color="#8B4513">添加文字</font></h4></a></td></tr>

          

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

添加文字

添加文字

添加文字

添加文字

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

历史上的今天

评论

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

页脚

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