创建博客 登录  
 关注
   显示下一条  |  关闭

蓝天博客

(正在更新中......知识的海洋 休闲的乐园

 
 
 

日志

 
 

在首页贴图和制作图片移动  

2008-12-31 13:40:40|  分类: 【博客技巧】 |  标签: |字号 订阅

 

 

 

 

 

 

在首页模块中贴图和制作图片移动效果

   

            在首页模块中贴图和制作图片移动效果有三大步骤:

            一、生成代码:首先明确,代码是在日志窗口的HTML代码编辑器中生成的,在自定义模块中不能直接生成HTML代码,所以必须先在日志窗口HTML代码编辑器中生成后,再复制粘贴到自定义模块中。

在首页贴图和制作图片移动 - 蓝天 - 宁静的夜

      

           1、进入添加日志的编辑状态,在方框处点击“添加图片”按钮;

在首页贴图和制作图片移动 - 蓝天 - 宁静的夜

     

          2、在打开的“博客相册”窗口中选择红色方框里的所需相片的相册;

在首页贴图和制作图片移动 - 蓝天 - 宁静的夜

     

           3、打开相册后,单张勾选或点击红色方框处全选相片;

在首页贴图和制作图片移动 - 蓝天 - 宁静的夜

     

            4、选中后,点击红色方框处的“添加图片”按钮;

在首页贴图和制作图片移动 - 蓝天 - 宁静的夜

     

          5、图片打开,导入到编辑日志的窗口中,然后点击红色方框处的“HTML代码生成”按钮;

在首页贴图和制作图片移动 - 蓝天 - 宁静的夜

     

          6、到此,图片已经生成了HTML代码;(即超文本标记语言代码)

 

               二、复制粘贴代码:这一步就是把生成的代码搬到首页的自定义模块中去。

在首页贴图和制作图片移动 - 蓝天 - 宁静的夜

       

          1、选中所有代码,复制代码(Ctrl+C);   

在首页贴图和制作图片移动 - 蓝天 - 宁静的夜

             

            2、回到首页,点击右上角的“换衣服”---“设置首页内容”---“添加自定义模块”---将光标放在自定义模块中,然后Cter+V粘贴先复制好的代码---给模块命个标题---点击“确定”后模块就到首页了;              

            3、如果不做移动效果,只贴图的话,那就可以在“模块名称”中填一个名称,点“确定”,再点顶栏上边的“保存修改”就行了。 但如果还要做出移动效果的话,那就还走第三大步。

           三、添加移动代码:这就很简单了。

            1、在所有代码的前面添加一个移动代码<marquee> ,所有代码的后面添加一个移动代码:</marquee> ,注意,不同的是比前面的一个代码多了一个/ .输入名称,点“确定”,点顶栏上边的“保存修改”就行了。效果是向左移动。

            2、如果要更改图片移动方向,就在前一个移动代码的后面还添加一个方向代码:

            A、向上移动,添加direction=up  前一个移动代码就变为:<marquee direction=up>

            B、向下移动,添加direction=down 前一个移动代码变为:<marquee direction=down>

            C、向右移动,添加direction=right 前一个移动代码变为:<marquee direction=right>

            3、控制速度的代码是:scrollamount=n,这个“n”数值越大,图片移动的就越快。 如:<marquee direction=right scrollamount=2>

            4、注意:  小于号<和大于号>千万不要用《》  ;每添加一个属性代码,都要空格,如:<marquee direction=right scrollamount=2>

             不能这样:<marqueedirection=rightscrollamount=2>

             四、一切就绪后,点击“预览我的博客”,完成。

           

            教你一个傻瓜制作法:

          编辑——排版——模块——添加自定义HTML  然后把<marquee behavior="scroll" direction=right width="90%" height="100" scrollamount="2" scrolldelay="30" ><a target="cont" href="对方地址"><img src="对方图片" width="100" height="100" border="0"></a></marquee> 复制上去就行了.

            要想加多个的话就把<a target="cont" href="对方地址"><img src="对方图片" width="100" height="100" border="0"></a> 加在最后那个</marquee>的前面

          其中的 direction= 是图片移动方向 up(上)、 down(下) right(右)、 left(左)  任意添写

 

       还有一个简单的方法可以比猫画虎,就是点击 滚动美图 ,里面的每个日志都是滚动美图,下面都有代码,你一看就懂了,哈哈!  

        

 

  评论这张
转发至微博
转发至微博
1   分享到:        
阅读(975)| 评论(6)| 引用 (22) |举报

历史上的今天

相关文章

最近读者

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--相关文章--> <#--历史上的今天--> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

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