我首页有几个模块的链接是怎样做成的

博客技巧   2008-07-06 14:15   阅读5450   评论56  
字号:    

 

我首页有几个模块的链接是怎样做成的

 

海珠儿收集编写 欢迎光临! 引用者不能删此链接!

 

一、首先看看我首页的几个模块:

1、欢迎复制:

 

代码复制

 

代码复制

代码复制

 

代码复制

 

代码复制

2、喜欢就拿:

动态文字

 

动态小图

聊天小图

 

窄幅图片

 

动画珍藏

3、软件操作:

 

PS操作

 

制作3D字

导出gif动画

闪字制作

视频教程

4、在线制作:

 

视频制作

 

相册制作

彩字制作

 

印章制作

 

在线滤镜

 

在线获取

 

标志制作

 

在线生成

 

在线处理

 

在线生成

二、怎样做成的?

1、首先要知道下面这段基本的代码:

<TABLE style="WIDTH: 81px; HEIGHT: 80px" borderColor=#7fe000 cellPadding=0 width=81 bgColor=#080808 border=5>
<TBODY>
<TR>

 

<TD>
<P><A href="
链接地址" target=_blank><IMG style="WIDTH: 81px; HEIGHT: 80px" height=80 src="图片地址(或jpg的或gif的)" width=81 border=0></A>&nbsp;<FONT color=#ff0000 size=3> </FONT></P>
<P align=center><A href="
链接地址" target=_blank><FONT color=#ff0000 size=2>代码复制</FONT></A> </P>
<P></P></TD>

 

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

2、下面是这段代码所显示的效果:(当然要加进自己的“链接地址”和“图片地址”才能显示)

 

代码复制

3、要想做2个、3个、4 个、5个..........以上的链接怎么办?

     方法很简单:就是将红色代码复制粘贴2次、3次、4次、5次..............放在<TR>与</TR>之间,看看上面代码的安放位置就会明白。上面的“欢迎复制”、“喜欢就拿”和“软件操作”的链接都是将红色代码复制粘贴了5次的效果。

示范如下:

<TABLE style="WIDTH: 81px; HEIGHT: 80px" borderColor=#7fe000 cellPadding=0 width=81 bgColor=#080808 border=5>

<TBODY>

<TR>

 

<TD>

<P><A href="链接地址" target=_blank><IMG style="WIDTH: 81px; HEIGHT: 80px" height=80 src="图片地址(或jpg的或gif的)" width=81 border=0></A>&nbsp;<FONT color=#ff0000 size=3> </FONT></P><P align=center><A href="链接地址" target=_blank><FONT color=#ff0000 size=2>代码复制</FONT></A> </P><P></P></TD>

 

<TD>

<P><A href="链接地址" target=_blank><IMG style="WIDTH: 81px; HEIGHT: 80px" height=80 src="图片地址(或jpg的或gif的)" width=81 border=0></A>&nbsp;<FONT color=#ff0000 size=3> </FONT></P><P align=center><A href="链接地址" target=_blank><FONT color=#ff0000 size=2>代码复制</FONT></A> </P><P></P></TD>

 

<TD>

<P><A href="链接地址" target=_blank><IMG style="WIDTH: 81px; HEIGHT: 80px" height=80 src="图片地址(或jpg的或gif的)" width=81 border=0></A>&nbsp;<FONT color=#ff0000 size=3> </FONT></P><P align=center><A href="链接地址" target=_blank><FONT color=#ff0000 size=2>代码复制</FONT></A> </P><P></P></TD>

 

<TD>

<P><A href="链接地址" target=_blank><IMG style="WIDTH: 81px; HEIGHT: 80px" height=80 src="图片地址(或jpg的或gif的)" width=81 border=0></A>&nbsp;<FONT color=#ff0000 size=3> </FONT></P><P align=center><A href="链接地址" target=_blank><FONT color=#ff0000 size=2>代码复制</FONT></A> </P><P></P></TD>

 

<TD>

<P><A href="链接地址" target=_blank><IMG style="WIDTH: 81px; HEIGHT: 80px" height=80 src="图片地址(或jpg的或gif的)" width=81 border=0></A>&nbsp;<FONT color=#ff0000 size=3> </FONT></P><P align=center><A href="链接地址" target=_blank><FONT color=#ff0000 size=2>代码复制</FONT></A> </P><P></P></TD>

 

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

 

4、那么,“在线制作”的链接又是怎样做成的?那就是将“示范”的所有代码,又复制粘贴一次在后面,在2段代码之间用“br”,也就说,<br>这个代码表示换行。

5、要做成自己满意的动态文字图片,那就请参看=》

 

怎样制作立体3D文字(Xara3D的操作)

 

 

评论(?)
阅读(?)
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
网易公司版权所有 ©1997-2009