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

明月照禅心

月光,音乐,清茶,书香。一颗心,安静,干净。也许这样就可以一生。

 
 
 
 
 

日志

 
 

引用 友情链接的制作方法与代码  

2009-11-15 22:37:47|  分类: 默认分类 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

 

引用

奥若友情链接的制作方法与代码


一、文字链接代码:

<a href="对方博客地址" target=_blank>对方博客名称</a>

说明:一般的链接代码 <a href="对方博客地址">对方博客名称</a> Q仔建议大家使用上面那个链接代码,上面那个代码在新窗口打开链接地址而原窗口保留不会丢失。如果要改文字颜色与大小,在对方名称前加:<FONT face=黑体 color=#00ff00 size=3><B>名称后加<FONT></B>其中face=黑体是字体样式,color=#00ff00字体颜色,size=3字体大小,<B>字体加粗。要想加多个的话就把<br><a href="对方博客地址" target=_blank>对方博客名称</a>加在上个链接</a>的后面,其中<br>为文字换行。具体颜色可以参照——HTML颜色代码表
效果如下:

Q仔*网易博客



二、图片链接代码:

<a href="对方博客地址" target=_blank><img src="对方图片" width=100 height=100 border=0></a>

说明:代码中 width=100 height=100为图片的宽度与高度,可自行调整。
如何获取图片地址——右键点击图片——左键点击属性——出现的对话框就有图片的链接地址与规格大小。如果做多个图片链接,只要把<a href="对方博客地址" target=_blank><img src="对方图片" width=100 height=100 border=0> 加在上个链接</a>的后面。
效果如下:

友情链接的制作方法与代码 - Q仔 - Q仔*网易博客



三、简单图片移动链接代码:

<marquee direction=right width=450 scrollamount=2><a href="对方博客地址" target=_blank><img src="对方图片" width=100 height=100 border=0></a></marquee>

说明:图片的移动链接只要在上一个图片链接代码的基础上在代码前加入移动属性<marquee direction=right width=450 scrollamount=2>代码后加入</marquee>,其中direction=right是图片的移动方向,up / down / right / left 任意添写scrollamount=2为移动速度,数值越小移动越慢。width=450为图片的移动范围,如果做多个图片移动链接,只要把<a href="对方博客地址" target=_blank><img src="对方图片" width=100 height=100 border=0> 加在代码最后</marquee>的前面。更详尽的图片移动方法请看《图片移动跟我学
效果如下:
友情链接的制作方法与代码 - Q仔 - Q仔*网易博客 友情链接的制作方法与代码 - Q仔 - Q仔*网易博客 友情链接的制作方法与代码 - Q仔 - Q仔*网易博客 友情链接的制作方法与代码 - Q仔 - Q仔*网易博客 友情链接的制作方法与代码 - Q仔 - Q仔*网易博客 友情链接的制作方法与代码 - Q仔 - Q仔*网易博客


四、图框移动链接代码:
<marquee direction=right width=450 scrollamount=2>
<center><TABLE cellSpacing=5 cellPadding=1 width=300  border=1>
<TBODY>
<TR>
<TD><a href="对方1博客地址" target=_blank><img src="对方1图片" width=100 height=100 border=0></a></td>
<TD><a href="对方2博客地址" target=_blank><img src="对方2图片" width=100 height=100 border=0></a></td>
<TD><a href="对方3博客地址" target=_blank><img src="对方3图片" width=100 height=100 border=0></a></td>
<tr><td>对方1名称</td><td>对方2名称</td><td>对方3名称</td>
</tr></TBODY></TABLE></marquee>

说明:这款链接就是把图片链接放入一个表格,分上下两行,第一行的图片与第二行的博客名称相对照。如果想多添加,只要在表格的第一行多加入一格图片<TD><a href="对方4博客地址" target=_blank><img src="对方4图片" width=100 height=100 border=0></a></td>对应的表格第二行也应添加一格名称<td>对方1名称</td>更详尽的表格制作方法请看《十分种学会做表格
效果如下:
友情链接的制作方法与代码 - Q仔 - Q仔*网易博客 友情链接的制作方法与代码 - Q仔 - Q仔*网易博客 友情链接的制作方法与代码 - Q仔 - Q仔*网易博客 友情链接的制作方法与代码 - Q仔 - Q仔*网易博客 友情链接的制作方法与代码 - Q仔 - Q仔*网易博客 友情链接的制作方法与代码 - Q仔 - Q仔*网易博客 友情链接的制作方法与代码 - Q仔 - Q仔*网易博客
Q仔*网易博客 Q仔*网易博客 Q仔*网易博客 Q仔*网易博客 Q仔*网易博客 Q仔*网易博客 Q仔*网易博客

如何给日志做封面 - Q仔 - Q仔*网易博客 滚动条框制作方法与代码 如何给日志做封面 - Q仔 - Q仔*网易博客 十分钟学会做边框
如何给日志做封面 - Q仔 - Q仔*网易博客 日志图文排列样式与代码 如何给日志做封面 - Q仔 - Q仔*网易博客 一分钟建立自已的博客日报
如何给日志做封面 - Q仔 - Q仔*网易博客 移动文字全都汇 如何给日志做封面 - Q仔 - Q仔*网易博客 图框链接教你做
如何给日志做封面 - Q仔 - Q仔*网易博客 特效文字代码大全 如何给日志做封面 - Q仔 - Q仔*网易博客 图片特效代码大全
如何给日志做封面 - Q仔 - Q仔*网易博客 一分钟学会查找音乐地址 如何给日志做封面 - Q仔 - Q仔*网易博客 一分钟学会查找日志地址
如何给日志做封面 - Q仔 - Q仔*网易博客 如何下载Flash动画 如何给日志做封面 - Q仔 - Q仔*网易博客 如何上传Flash(swf)文件到博客
如何给日志做封面 - Q仔 - Q仔*网易博客 如何给日志做封面 如何给日志做封面 - Q仔 - Q仔*网易博客 图片移动跟我学
如何给日志做封面 - Q仔 - Q仔*网易博客 彩色闪字教你做 如何给日志做封面 - Q仔 - Q仔*网易博客 博客时钟自己做
博客学堂 电脑学堂 素材超市 搏客顶栏动态图片(一) - Q仔 - Q仔*网易博客 软件教程 博客代码 精美图库
音画图文 经典摘录 休闲娱乐 艺术殿堂 模块共享 收藏本站
交换链接 博友推荐 查看关于本站的更多信息搏客顶栏动态图片(一) - Q仔 - Q仔*网易博客 站内留言 灌水特区


 

  评论这张
 
阅读(87)| 评论(1)

历史上的今天

评论

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

页脚

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