棋子墩后山遗址:相片加相框的方法

来源：百度文库 编辑：中财网 时间：2024/05/08 15:51:37
网凝解析 2010-11-08 06:39:48 阅读102 评论0   字号：大中小
相片加相框的方法
一张普通的相片(风景、人物、鲜花等图片)，加上漂亮的相框就更美丽了。相片加像框有各种方法：用软件处理加工，也可用代码贴图合成。
用软件处理加工，相片加相框合成后仍然是一张jpg或GIF格式的图片,可以广为上传,取得的图片地址可直接用于编辑网页或音画代码贴了．
如果手头没有软件加工，也可选一些相框素材用代码贴图加叠，效果也不错，但它是一组代码贴，不是一张图片，只能用于音画贴和空间贴．另外由于使用了一些特效代码,因此不是到处可直接运行,引用者请先试贴.
用hyml代码编辑相片加相框有很多模式。
㈠相片加边框的方法．
㈡用特效代码给图片加透明边框的方法．
㈢用特效代码为相片加叠相框方法 .
㈣套用代码模式快速做相片加相框．
◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆
㈠相片加边框的模式:

说明:
㈠表格(图框)和相片的宽度可以自定但要一致，不用设高度．
㈡图框的厚度border="25" ，可修改自定．
㈢图框的颜色dercolor="#003399"，可修改自定．
㈣这是相片居中靠顶的代码．
实例：
一张风景画：

图片加边框的效果：
图片加边框的代码：

◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆
（二）用特效代码给图片加透明边框．
这种方法须要学会较多代码语句，难度较大，先用现成的模式来套用吧！用特效代码给图片加透明边框的实例：
邮票框
代码:

◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆
立体阴影框
代码:

◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆
代码:

◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆
代码:

◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆
(三)用特效代码为相片加叠相框的方法 .
这部份资料供略懂代码贴图的网友参考，目前尚不懂者，暂且跳过，请参阅第四部份＂套用代码模式快速做相片加相框．＂
先认识一下用软件做相片加相框过程，大概是：①打开一个相框文件．② 用魔棒工具选中相框中心空白部分点击删除． ③打开要嵌入的相片，拖动到相框图片上。④对调相框和相片图层．⑤调整一下照片合并就OK了。
用一搬的代码贴图方法是不能实现这种效果的．我试选择内径空白无背景的相框，设置一张有控制位置无背景的空白表格(作为容器),用绝对定位和图片大小可调整的代码，先贴相片后加叠相框也可获得不错的效果．
选择相框素材：
网络上有多种类形的相框素材，例如：
①相相框的内径没有背景空洞的,可以看见网页的背景．
②相框的内径有背景非空洞的,看不见网页的背景．
这里学习用的是内径没有背景的相框．
内径没有背景的相框：

注：相框内径可看见网页背景色．
内径有背景的相框：

注：相框内径看不见网页背景色．
相片加叠相框代码模式：






◆说明◆
㈠绿色字体的代码是设置一张有定位的空表格（无背景的图框），控制相片和相框位置的范围．
㈡白色字体的代码是用位置控制指令和图片大小可变的方法,先在图框上加叠相片．
㈢黄色字体的代码是用位置控制指令和图片大小可变的方法,再在相片上加叠相框．
㈣相片与相框的选取其形状宽度和高度，最好基本相仿．
㈤表格，相片和相框的宽高度参数设置原则：
◆相片大小按原尺寸，如果要改变，宽高度必须约束比例。
◆相框的宽高参照相片的宽高，再加相框花边的大约厚度．
◆表格的宽高等于相框的宽高．
㈥调整位置控制的参数，使相片和相框加叠吻合．
位置控制代码指令与参数：
◆LEFT:40px;WIDTH．位置属性,宽度起始点离左边的距离数值．数值大在右，数值小在左．负数则溢出表格定位范围的左边．
◆TOP: 418px; HEIGHT位置属性,高度起始点离上边的距离数值．数值大在下，数值小在上．负数则溢出表格定位范围的上边．
◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆
用特效代码为相片加叠相框实例:
一张美女相片:

一张无背景相框:

相片加叠相框效果:
代码:

◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆
 
套用代码模式快速做相片加相框．
现在还不懂代码贴图的朋友，下面有各种实例模式，只要会进行＂删除，复制和粘贴＂的操作，照样套用,即学即会,具体方法:
1，把模式的代码完整的复制在记事本上．
2，在网上选一张相片，鼠标对看图片击右键，在弹出的窗口最下行击属性，把其中地址(URL)＂http:．．．．．.jpg＂复制下来，这就是图片的绝对地址．
３，将从网络上取到的相片地址(URL)，粘贴在代码中＂相片地址＂四个字上．
４，复制修改后的代码，就可发贴了．
５，发代码贴时注意：要先选择［htnl］标签，钩去自动修正的钩，后才粘贴代码．
◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆
相片加相框的简易方法实例一：
一张小美女相片：

内径没有背景的相框：
先贴相片后加叠相框的效果：
代码模式:

相片加相框的简易方法实例二：
代码模式:


相片加相框的简易方法实例三：
代码模式:









相片加相框的简易方法实例四：
代码模式:



相片加相框的简易方法实例五：



<




代码模式: