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

.

.

 
 
 

日志

 
 

引用 网易博客首页带链接表格模块教程【原创】  

2008-02-28 16:50:26|  分类: 博客制作 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

引用

玫瑰夫人网易博客首页带链接表格模块教程【原创】

      昨天在我留言版有朋友询问下面这种首页模块的做法,可能很多朋友喜欢这种模块,那么下面就教大家如何制作!

 

引用 网易博客首页带链接表格模块教程【原创】 - 白云飘瓢 - .

引用 网易博客首页带链接表格模块教程【原创】 - 白云飘瓢 - .
 
这里要用到的是html在线编辑器,我一般用这个:
 
1 打开在线编辑器:
 
引用 网易博客首页带链接表格模块教程【原创】 - 白云飘瓢 - .
 
 
2  点引用 网易博客首页带链接表格模块教程【原创】 - 白云飘瓢 - .插入表格,如下图
 
引用 网易博客首页带链接表格模块教程【原创】 - 白云飘瓢 - .
 
3 出现对话框,填入数据:
 
引用 网易博客首页带链接表格模块教程【原创】 - 白云飘瓢 - .
 
5 点确定,就会出现下列图示:
 
引用 网易博客首页带链接表格模块教程【原创】 - 白云飘瓢 - .
 
 
6 把光标移到红框内,贴上你喜欢的图,写上你需要的字,并调整大小,选择字的颜色:
 
 
引用 网易博客首页带链接表格模块教程【原创】 - 白云飘瓢 - .
 
 
7  选中其中一个图和字,点引用 网易博客首页带链接表格模块教程【原创】 - 白云飘瓢 - .,添加链接网址:
 
 
引用 网易博客首页带链接表格模块教程【原创】 - 白云飘瓢 - .
 
 
8 以此类推,把所有的图标和字都选中,添加链接后,效果如下:
 
 
9 完成!那么如何放到博客首页作为模块呢?现在就要查看代码了,勾选引用 网易博客首页带链接表格模块教程【原创】 - 白云飘瓢 - .查看代码,
 
引用 网易博客首页带链接表格模块教程【原创】 - 白云飘瓢 - .
 
复制代码如下:
 
<TABLE borderColor=#ff0000 cellSpacing=15 cellPadding=6 bgColor=#000000 border=10>
<TBODY>
<TR>
<TD>
<DIV class=g_c_hand id=curPhoto><A href="http://q.163.com/rosecenter"><IMG id=curPhotoImg style="VISIBILITY: visible; WIDTH: 91px; HEIGHT: 83px" height=153 src="http://img.blog.163.com/photo/WkajtjcSkRFeIcjFc1FGow==/1431863206527606559.jpg" width=148> </A></DIV>
<DIV class=g_c_hand align=center><FONT color=#f70909><A href="http://q.163.com/rosecenter">玫瑰茶苑</A></FONT></DIV></TD>
<TD>
<P><A href="http://q.163.com/rosecenter"><IMG id=photo_src style="WIDTH: 77px; HEIGHT: 64px" height=123 src="http://img.blog.163.com/photo/oYXSH3g8ihRZvheu-HGOCA==/1446499905316364860.jpg" width=203></A></P>
<P align=center><FONT color=#ff0000><A href="http://q.163.com/rosecenter">玫瑰茶苑</A></FONT></P></TD>
<TR>
<TD>
<P class=g_c_hand align=center><A href="http://blog.163.com/xxyy9090"><IMG id=curPhotoImg style="VISIBILITY: visible; WIDTH: 78px; HEIGHT: 64px" height=101 src="http://img.blog.163.com/photo/kG8S3mAoVcCm-8hmOTrdcw==/330733097635456652.jpg" width=153></A></P>
<P class=g_c_hand align=center><FONT color=#f70909><A href="http://blog.163.com/xxyy9090">玫瑰夫人</A></FONT></P></TD>
<TD>
<P class=g_c_hand align=center><A href="http://blog.163.com/xxyy9090"><IMG id=curPhotoImg style="VISIBILITY: visible; WIDTH: 82px; HEIGHT: 71px" height=171 src="http://img.blog.163.com/photo/8THukv9fWGfg2BGNDJViHA==/3739958015554986713.jpg" width=212></A></P>
<DIV align=center><FONT color=#f70909><A href="http://blog.163.com/xxyy9090">玫瑰夫人</A></FONT></DIV></TD></TR></TBODY></TABLE></DIV>
 
10  在首页建自定义模块,点换衣服,设置首页内容:
 
引用 网易博客首页带链接表格模块教程【原创】 - 白云飘瓢 - .
 
添加自定义模块:
 
引用 网易博客首页带链接表格模块教程【原创】 - 白云飘瓢 - .
 
贴上代码,填入名称,确定!ok完成了!看看效果吧!
 
 
 
 
说明:边框颜色和宽度,底色都可以选自和自己博客页面相符的颜色和宽度。呵呵,蓝色的就不用我说了吧!大家自己动手试试看吧,很简单是不是!自己动手才是最好的!祝大家开心快乐!
 
 
 
 
玫瑰茶苑欢迎您的光临!
欢迎您常回家看看哦!
  
引用 网易博客首页带链接表格模块教程【原创】 - 白云飘瓢 - .
 
  评论这张
 
阅读(341)| 评论(0)
推荐 转载

历史上的今天

评论

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

页脚

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