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

陈老师的博客

择善人而交, 择善书而读, 择善言而听, 择善行而从。 ?

 
 
 

日志

 
 
关于我

男,归侨知青。中学高级教师,现已退休。请博友遵守国家法律法规,提倡爱国爱民,提倡文明道德。

网易考拉推荐

首页六种友情链接的方法及代码  

2014-07-03 22:05:27|  分类: 博客代码 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |


 





















             


            首页六种友情链接的方法及代码     


 


搜集整理:蓝天  资料来源: Q仔 博客、网络


 


      一、文字链接代码:


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


    2: <a href="对方博客地址">对方博客名称</a>


      建议大家链接代码 1,这个代码在打开新窗口时原窗口保留不会隐失,运用方便。


      设定对方博客名称文字颜色、字体与大小:在对方博客名称前加<FONT face=黑体 color=#00ff00 size=3><B>名称后加<FONT></B>其中face=黑体是字体样式,color=#00ff00字体颜色,size=3字体大小,<B>字体加粗。


      要想加多个博客的话,就把<br><a href="对方博客地址" target=_blank>对方博客名称</a>加在上个链接</a>的后面,其中<br>为文字换行。


      想对方博客名称设定你喜欢的颜色,请点击—— 颜色代码表


    效果如下:


                       蓝天网易博客


    二、图片链接代码:


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


     说明:代码中 width=60 height=60 为图片的宽度与高度,可自行调整。


     如何获取图片地址 ?请点击——找到图片地址的方法  


     如果做多个图片链接,只要把<a href="对方博客地址" target=_blank><img src="对方图片" width=60 height=60 border=0> 加在上个链接</a>的后面。


效果如下:


首页五种友情链接的方法及代码 - 蓝天 - 蓝天博客


 


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


    <marquee direction=right width=450 scrollamount=2><a href="对方博客地址" target=_blank><img src="对方图片" width=60 height=60 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=60 height=60 border=0> 加在代码最后</marquee>的前面。


效果如下:



首页五种友情链接的方法及代码 - 蓝天 - 蓝天博客首页五种友情链接的方法及代码 - 蓝天 - 蓝天博客首页五种友情链接的方法及代码 - 蓝天 - 蓝天博客首页五种友情链接的方法及代码 - 蓝天 - 蓝天博客首页五种友情链接的方法及代码 - 蓝天 - 蓝天博客首页五种友情链接的方法及代码 - 蓝天 - 蓝天博客


 


    四、图框移动链接代码:


<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=60 height=60 border=0></a></td>


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


<TD><a href="对方3博客地址" target=_blank><img src="对方3图片" width=60 height=60 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=60 height=60 border=0></a></td>对应的表格第二行也应添加一格名称<td>对方1名称</td> 。


    想了解表格的制作方法吗?请点击:各种表格的制作


    效果如下:




















首页五种友情链接的方法及代码 - 蓝天 - 蓝天博客首页五种友情链接的方法及代码 - 蓝天 - 蓝天博客首页五种友情链接的方法及代码 - 蓝天 - 蓝天博客首页五种友情链接的方法及代码 - 蓝天 - 蓝天博客首页五种友情链接的方法及代码 - 蓝天 - 蓝天博客首页五种友情链接的方法及代码 - 蓝天 - 蓝天博客首页五种友情链接的方法及代码 - 蓝天 - 蓝天博客

蓝天网易博客


蓝天网易博客


蓝天网易博客


蓝天网易博客


蓝天网易博客


蓝天网易博客


蓝天网易博客


 


      五、表格链接代码:




 


<TABLE borderColor=#33ccff height=100 width=437


align=center bgColor=#000000 border=1><TBODY><TR><TD>


<A href=" 对方1地址"> 对方1名称</A></TD><TD>


<A href=" 对方1地址">对方2名称</A> </TD><TD>


<A href=" 对方1地址"> 对方3名称</A></TD><TR><TR><TD>


<A href=" 对方1地址">对方1名称</A></TD><TD>



<A href=" 对方1地址">对方2名称</A></TD><TD>



<A href="对方1地址 ">对方3名称</A></TD><TR><TR><TD>


<A href=" 对方1地址">对方1名称</A></TD><TD>


<A href=" 对方1地址">对方2名称</A></TD><TD>


<A href=" 对方1地址">对方3名称</A></TD></TR>


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


        效果:


















   哥们干杯   蓝天博客    醉龙归舟
   晚霞博客   玫瑰夫人   双木林风
   静水澜语   沉默是金   憧憬博客






 


            


 你会制作表格吗?相关日志:表格制作及表内文字链接


请引用的朋友保留所有链接,谢谢!      


 


 


  




             日志底部浏览导航 - 蓝天 - 宁静的夜


                      更多精彩内容,请点击蓝天精品日志链接浏览! 


                    ●新手必读● ●博客代码● ●博客素材● ●阅览指南● ●博客技巧●


                    ●名人博客● ●滚动美图● ●我的建议● ●博客推广● ●影视歌曲●


                    ●脑筋转弯● ●趣味游戏● ●明星秘闻● ●经典幽默● ●名画收藏●


                    ●优美词曲● ●flsh欣赏● ●音画模板● ●男女空间● ●子女教育●


                    ●横竖背景● ●趣味测试● ●饮食健康● ●数码摄影● ●名篇朗诵●



                    ●电脑网络● ●扮靓博客● ●心灵释放● ●经典视听● ●人生感悟●


          ●极品美图● ●奇趣八卦● ●顶栏图库● ●佳句华章● ●导航复制●


      ●音乐收藏● ●P S教程●     ●U 5教程●  ●3 D教程●  ●时钟书架●



       日志底部浏览导航 - 蓝天 - 宁静的夜



          























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

历史上的今天

在LOFTER的更多文章

评论

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

页脚

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