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

山青水绿的博客

学习知识,广交朋友。

 
 
 

日志

 
 

让好友的头像在自己的首页移动起来  

2011-02-28 13:32:22|  分类: 电脑知识 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |


 

 

引用 让好友的头像在自己的首页移动起来

博客制作技巧及代码   2009-10-18 18:50   阅读4   评论1  

字号: 大  中 

 

引用

猪猪平儿让好友的头像在自己的首页移动起来

登陆新博客,进入编辑状态:

 

点排版---模块---自定义---显示---新增(输入你要新增的标题)---保存---再点排版下面的保存页面---将你编辑好的代码直接复制粘贴(点预览可直接看效果)---保存---再进行相应的页面调整---再点排版下面的保存页面  (完成后预览看一下效果)

 

我的好友链接是这样的:

 

<P style="TEXT-INDENT: 2em">&nbsp;&nbsp;&nbsp;

      <MARQUEE>

      <P></P>

     <P style="TEXT-INDENT: 2em">

   <TABLE cellSpacing=0 cellPadding=2 width=200 border=2>

   <TBODY>

   <TR>

  <TD></TD>

<TD width="10%"><A href="好友博客地址"><IMG src="头像地址" border=0></A>

<P></P>

<P style="TEXT-INDENT: 2em"><A href="好友博客地址">好友姓名

</A></A></P></TD>

<TD width="10%"><A href="好友博客地址"><IMG src="头像地址" border=0></A>

<P></P>

<P style="TEXT-INDENT: 2em"><A href="好友博客地址">好友姓名

</A></A></P></TD>

<TD width="10%"><A href="好友博客地址"><IMG src="头像地址" border=0></A>

<P></P>

<P style="TEXT-INDENT: 2em"><A href="好友博客地址">好友姓名

</A></A></P></TD>

 

需要多少个自己复制添加……

</A></TR></TABLE></P></MARQUEE></P>

 

 效果如下:

   

 

 

 

<P align=center><BR></P>

<P align=center>

<MARQUEE style="WIDTH: 397px; HEIGHT: 200px" scrollAmount=2 direction=right>

<description><div>

<a href="好友博客地址"> <img src="好友头像地址" border="0" width="80" height="80"/>好友姓名</a>

 

<a href="好友博客地址"> <img

src="好友头像地址" border="0" width="80" height="80"/>好友姓名</a>

 

<a href="好友博客地址"> <img

src="好友头像地址" border="0" width="80" height="80"/>好友姓名</a>

......

 

 

WIDTH: 397px; HEIGHT: 200px   为:显示窗口大小

 

width="80" height="80"为好友头像的图片大小

 

可以根据自己需要进行调整

              

 

       让带连接的文字移动

 

晕呀,本人对这些一点都不懂,只能从众多代码一点一点试,试过后,觉得还可以用,所以就帖出来与大家一起学习,如有不妥的地方,还请懂代码的朋友提点一下,对于我们这些对这方面知识不懂的人来说,看这些代码就是看天书,在众多博友的博客里也有帖出来的代码,有些太难懂了,所以还望懂代码的朋友,制作点最简单最实用的代码出来,让更多博友一起学习一下,这样也可以让博友的博客更具个性化,谢谢大家点评和支持!

 

 

单行文字向上移动代码:

<marquee scrollAmount=2 width=300 height=160 direction=up><ul> <li> <a

href="输入你要连接的地址">输入你要显示的文字

 

多行文字同步向上移动代码:

<marquee scrollAmount=2 width=300 height=160 direction=up><ul> <li> <a

href="输入你要连接的地址">输入你要显示的文字<ul> <li> <a

href="输入你要连接的地址">输入你要显示的文字<ul> <li> <a

......

 

文字向左移动代码:

<marquee scrollAmount=1.5 width=250 height=350

direction=up<description><ul>

<description><ul> <li> <a

href="输入你要连接的地址">输入你要显示的文字</a> </li> <li> <a

href="输入你要连接的地址">输入你要显示的文字</a> </li> <li> <a

......

 

文字向右移动代码:

<P align=center><BR></P>

<P align=center>

<MARQUEE style="WIDTH: 397px; HEIGHT: 200px" scrollAmount=2 direction=right>

<a

href="输入你要连接的地址">输入你要显示的文字</a> </li> <li> <a

href="输入你要连接的地址">输入你要显示的文字</a> </li> <li> <a

......

 

scrollAmount=1.5(为速度值,值越小速度越慢,反之越快)

width=250(宽度值)

height=350(高度值)

 

  评论这张
 
阅读(44)| 评论(0)
推荐

历史上的今天

在LOFTER的更多文章

评论

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

页脚

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