多语言展示
当前在线:1863今日阅读:19今日分享:20

怎样制作立体图片

图片能不能做成立体的?有时候在装饰页面时就有这种想法。有一种办法可以做到,是实现了立体视觉效果,主要采用格子加flash来实现。不是改变了原图片,而是实现了立体效果。有兴趣的可以探讨。
工具/原料
1

一张有意境的图片

2

自己的博客或网站

3

一组代码:<table style="BORDER-RIGHT: #993300 25px ridge; BORDER-TOP: #993300 25px ridge; BORDER-LEFT: #993300 25px ridge; BORDER-BOTTOM: #993300 25px ridge;" bordercolor="#ffff00" cellspacing="0" cellpadding="0" align="center" border="1"><tbody><tr><td><table height="480" cellspacing="0" cellpadding="0" width="660" align="center" background="图片地址" border="1"><tbody><tr><td><p>&nbsp;</p></td><td><p>&nbsp;</p></td><td><p>&nbsp;</p></td><td><p>&nbsp;</p></td><td><p>&nbsp;</p></td><td><p>&nbsp;</p></td><td><p>&nbsp;</p></td><td><p>&nbsp;</p></td><td><p>&nbsp;</p></td><td><p>&nbsp;</p></td></tr><tr align="middle"><td><p>&nbsp;</p></td><td><p>&nbsp;</p></td><td><p>&nbsp;</p></td><td><p>&nbsp;</p></td><td><p>&nbsp;</p></td><td><p>&nbsp;</p></td><td><p>&nbsp;</p></td><td><p>&nbsp;</p></td><td><p>&nbsp;</p></td><td><p>&nbsp;</p></td></tr><tr align="middle"><td><p>&nbsp;</p></td><td><p>&nbsp;</p></td><td><p>&nbsp;</p></td><td><p>&nbsp;</p></td><td><p>&nbsp;</p></td><td><p>&nbsp;</p></td><td><p>&nbsp;</p></td><td><p>&nbsp;</p></td><td><p>&nbsp;</p></td><td><p>&nbsp;</p></td></tr><tr align="middle"><td><p>&nbsp;</p></td><td><p>&nbsp;</p></td><td><p>&nbsp;</p></td><td><p>&nbsp;</p></td><td><p>&nbsp;</p></td><td><p>&nbsp;</p></td><td><p>&nbsp;</p></td><td><p>&nbsp;</p></td><td><p>&nbsp;</p></td><td><p>&nbsp;</p></td></tr><tr align="middle"><td><p>&nbsp;</p></td><td><p>&nbsp;</p></td><td><p>&nbsp;</p></td><td><p>&nbsp;</p></td><td><p>&nbsp;</p></td><td><p>&nbsp;</p></td><td><p>&nbsp;</p></td><td><p>&nbsp;</p></td><td><p>&nbsp;</p></td><td><p>&nbsp;</p></td></tr><tr align="middle"><td><p>&nbsp;</p></td><td><p>&nbsp;</p></td><td><p>&nbsp;</p></td><td><p>&nbsp;</p></td><td><p>&nbsp;</p></td><td><p>&nbsp;</p></td><td><p>&nbsp;</p></td><td><p>&nbsp;</p></td><td><p>&nbsp;</p></td><td><p>&nbsp;</p></td></tr></tbody></table><table><tbody><tr><td></td></tr></tbody></table><p style="margin-top: -390px;"><embed height="150" allownetworking="internal" width="600" allowscriptaccess="never" allowfullscreen="true" invokeurls="false" src="flash地址1" type="application/x-shockwave-flash" wmode="transparent"></p><p style="MARGIN-TOP: -75px; MARGIN-LEFT: 60px;"><embed height="300" allownetworking="internal" width="540" allowscriptaccess="never" allowfullscreen="true" invokeurls="false" src=" flash地址2" type="application/x-shockwave-flash" wmode="transparent"></p><table><tbody><tr><td></td></tr></tbody></table><p style="MARGIN-TOP: -150px; MARGIN-LEFT: -520px;"><marquee scrollamount="1" scrolldelay="0" direction="up" width="40" height="120"><font style="FONT-SIZE: 30px;" color="#ff00ff"><stro

方法/步骤
1

1、登录自己的博客(本文以新浪博客为例,下同);    2、点“发博文”,进入后台编辑器。

2

1、点“图片”,开始上传图片    2、在打开的页面点“添加”、找到图片点“打开”、点“插入图片”

3

1、点“显示源代码”,使编辑器处于代码编辑;    2、找到图片地址,复制,粘贴到“记事本”备用。

4

清除全部代码后:    1、将本文“工具/原料”中给的那组代码复制粘贴到编辑器;    2、将第三步备用的图片地址复制,粘贴到“图片地址”这个地方替换;    3、将“flash地址1”、“flash地址2”分别填上你自己的、符合图片意境要求的动画地址。

5

1、点“预览博文”,调整;    2、没问题后,点“发博文”发布。

推荐信息