|
在首页图片中添加新元素 我在书馆首页美丽的动态山水画中，添加了我与老虎的照片，显得更加有趣。我把这一做法介绍如下：
1、 选择好主、副图片。我把书馆中原有的图片称之为主图片，把要添加的照片称之为副图片。
我选择山水画为主图片，选择我的书馆头像(虎图)为副图片（如下图）
 主、副图片的搭配要和谐，山水画与虎图搭配是和谐的。倘若把虎图与下面这幅图搭配，那就很不妥了。
 1、 副图片的加工制作。 （1）用“画图”打开副图片，用『任意形状裁剪』工具剪裁出人和老虎的图像。并点击“画图”中的『图像（I）』菜单，去掉下拉菜单中的『不透明处理』，使之成为透明的图像。  （2）、在“画图”中打开主图片，把上述截取的透明的副图片『复制』—『粘贴』到主图片中，调整到合适的大小，并拖动到合适的位置（请注意：不要让副图片盖住主图片动态的部位）。借助“放大镜”工具、“取色”工具和“铅笔”工具把副图边缘修整好，得到下图：
 （3）、用“画图”的『选定』—『复制』—『新建』—『粘贴』得到如下的副图片，并用“副图.jpg”的文件名保存，以便上传到书馆。
 3、 把副图片上传并获取地址。 （1）
 （2） 点击『代码』得到副图片的代码，含地址。  4、 把副图片添加到书馆首页：
（1） 点击书馆首页的『撰写文章』菜单，打开编辑器，把下面的代码『复制』—『粘贴』入编辑器。
<d <iv>
<div> <div style="POSITION: absolute; TOP: 580px; LEFT: 270px"><img style="WIDTH: 172px; HEIGHT: 125px" border=0 src="http://userimage2.360doc.com/11/0602/93/5282328_20110602933530945.jpg" width=172 height=125></div> </div> </div> （ ( 2） 更换副图片的地址。
上述代码中图片地址： src=http://userimage2.360doc.com/11/0602/93/5282328_20110602933530945.jpg 是我的书馆地址，应该更换为您在上3（2）中获得的地址。
（3） 在编辑器中点击『编辑』—『全选』—『复制』。
（4） 在首页中点击『添加模块』—『自定义模块』—『确定』，这时，副图片上传到首页，但不一定刚好落在主图片中合适的位置。需要修改调整 4（1）中的代码。
 TOP：增大值图片下移；LEFT：增大值图片右移。从上图实际情况看来，显然应该略减TOP的值，增大LEFT的值。细心调整到合适为止。 WIDTH 与 HEIGHT 是图片的宽与高，如若要调整的话，应按比例，否则图像将会变形。
讨论：
1、如果书馆支持上传“透明图片”，就可以省掉许多麻烦。
2、副图片只是“占据”主图片的部分位置而已，没有真正“粘贴”到主图片上。因此，当编辑移动主图片时，副图片并不跟着一起移动，给书馆的维护、更新造成一些麻烦。怎样把副图片真正“粘贴”到主图片上，恭请高手指点。
|
|
|
