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

婉馨之苑

一种美好的心情比十剂良药更能解除心理上的疲惫和痛苦。

 
 
 

日志

 
 
关于我

我的名字就如同我,是个温馨婉约善解人意乐天的女人 ,我喜欢交朋友, 爱玩也喜欢热心助人,外柔内刚的我喜欢倾听也希望我的快乐与朋友你一起分享... http://angel2006999.blog.163.com/我的另一个博客欢迎大家光临

网易考拉推荐

如何在背景图片上加载图片  

2010-10-20 19:10:44|  分类: 分享。。。 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

 

引用

三月飞春雪(原创)如何在背景图片上加载图片

(原创)如何在背景图片上加载图片

三月飞春雪

 

        近期,有位博友问我:“怎样在一张图片上上传图片?”其实,就是如何在背景图片上加载另一张图片!通过改编试验,我得到如下代码,并探索出调正方位的方法,现与各位博友分享:

一,例一效果

 

(原创)如何在背景图片上加载图片 -  三月飞春雪 - 三月飞春雪

二,例一代码:

 <TABLE width=440 background=http://img33.bimg.126.net/photo/O3OFa-rj1ERD7rfazVvUZw==/2864007888031608637.jpg align=center height=300>
<TBODY>
<TR>
<TD>
<TABLE width=400 background=http://img2.bimg.126.net/photo/Nnpl1xUpLvtMTsLu4ZCjsA==/577868127187468122.jpg align=center height=300>
<TBODY>
<TR>
<TD></FONT></STRONG></A></TD></TR></TBODY></TABLE></MARQUEE></TD></TR></TBODY></TABLE>

三,例一代码注释:

 

 <TABLE width=背景图片宽度值 background=背景图片地址 align=图片居中码 height=背景图片宽高度值 >
<TBODY>
<TR>
<TD>
<TABLE width=加载图的宽度值 background=加载的图片地址 align=图片居中码height=加载图的高度值>
<TBODY>
<TR>
<TD></FONT></STRONG></A></TD></TR></TBODY></TABLE></MARQUEE></TD></TR></TBODY></TABLE>

四,使用方法:

1,登录你的博客,点开你的博客首页导航栏上的“日志”,点“写日志”,点“< >”,在日志代码编辑框内点上光标,将上述源代码复制后,粘贴在日志代码编辑页面。点“预览”,看效果。点“返回编辑状态”继续编辑。

2,选择你博客相册中的图片或其他网站上的图片均可(图片格式为 jpg  jpeg  gif 或其他网易支持的图片格式),因为加载的图片会覆盖背景图片,所以加载的图片一般要选择具有透明背景的图片。选好后,点开选中的图片(动态图须处于动态时),鼠标对着图片点右键,左键点菜单上的属性,复制属性菜单上的图片地址(URL),就是其后面的代码。

3,按照上面源代码注释位置,用你选择的两张图片的地址分别替换背景图片的地址和加载图片的地址。点“预览”,试看效果。点“返回编辑状态”继续编辑。

4,在所选图片的原有规格内,根据画面情况,分别调整两张图片的高度值和宽度值。

5,调整加载图片在背景图片中的位置:

 (1)左中右的调整码: 左:align=left     中:align=center     右:align=right

 (2)上下调整:
       完成上述程序后,注意:须点关“< >”,进入文字编辑页面,在加载图片右尾部点上鼠标光标后,敲击键盘上的回车键,可将加载图片上移。使用方向键,将鼠标光标移到加载图片的左端后,敲击键盘上的回车键,可将加载图片下移。使用方向键,将鼠标的光标移到加载图片的左端后,敲击键盘上的空格键,可将加载图片右移。敲击键盘上的删除键,可将加载图片左移。

6,调整很好图片后,点“保存草稿'或"发表日志"

五,例二效果(背景图不变,更新了加载图)

 

六,例二代码:

 <TABLE width=440 background=http://img33.bimg.126.net/photo/O3OFa-rj1ERD7rfazVvUZw==/2864007888031608637.jpg align=center height=300>
<TBODY>
<TR>
<TD>
<TABLE width=400 background=http://img1.bimg.126.net/photo/yLYOsrUgfMlz9tn50JhjNQ==/322851798287594725.jpg align=center height=300>
<TBODY>
<TR>
<TD></FONT></STRONG></A></TD></TR></TBODY></TABLE></MARQUEE></TD></TR></TBODY></TABLE>

七,例三效果(两层加载图):

 

 

八,例三代码:

<TABLE width=440 background=http://img33.bimg.126.net/photo/O3OFa-rj1ERD7rfazVvUZw==/2864007888031608637.jpg align=center height=300>
<TBODY>
<TR>
<TD>
<TABLE width=400 background=http://img1.bimg.126.net/photo/yLYOsrUgfMlz9tn50JhjNQ==/322851798287594725.jpg align=center height=300>
<TBODY>
<TR>
<TD>
<TABLE width=200 background=http://img2.bimg.126.net/photo/Nnpl1xUpLvtMTsLu4ZCjsA==/577868127187468122.jpgalign=center height=200>
<TBODY>
<TR>
<TD></FONT></STRONG></A></TD></TR></TBODY></TABLE></MARQUEE></TD></TR></TBODY></TABLE></TR></TBODY></TABLE>

九,只要增加若干组代码,还可以加更多层图片。

 

(原创)如何在背景图片上加载图片 -  三月飞春雪 - 三月飞春雪

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

历史上的今天

评论

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

页脚

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