找回密码
 立即注册
搜索
总共850条微博

动态微博

查看: 1416|回复: 16
打印 上一主题 下一主题
收起左侧

【网页设计】教你用代码做透明相框(图)

[复制链接]

3293

主题

1万

帖子

19万

积分

跳转到指定楼层
楼主
发表于 2007-7-4 06:36:53 | 只看该作者 回帖奖励 |正序浏览 |阅读模式


效果:



代码:


http://upload.topchinesenews.com/show.aspx?id=63603.jpg " width=490 height=370>

style="filter: Alpha(Opacity=43,Style=0)">




第二层实际上就是一个简单的颜色框:





把蓝色代码放进去,就变成透明了:



style="filter: Alpha(Opacity=43,Style=0)">


解释一下这个蓝色代码:
style="filter: Alpha(Opacity=43,Style=0)"
Alpha它是CSS滤镜中的专门用来设置透明度的滤镜

参数Opacity:设置不透明度,它的值用百分比表示,从0到100,0-完全透明,100-完全不透明.
参数Style=0在这里不能改动。

也可将图片透明,如将透明相框图(这个透明指中空):



透明处理后效果:




代码:

http://upload.topchinesenews.com/show.aspx?id=63604.gif " style="filter: Alpha(Opacity=33,Style=0)">

也可将它复盖到图片上:






代码:








大家凭想象力将透明的图片和背景图有机地结合起来,有时会有意想不到的效果.






冬 天





为了加强立体感,也可将框的向阳设白色,背阳为黑色:





加透明度后:



style="filter: Alpha(Opacity=23,Style=0)">


复盖到图片上效果:



代码:










 

 

  本贴由[best88]最后编辑于:2007-7-3 22:43:48  


 

  本贴由[best88]最后编辑于:2007-7-3 23:53:54  

回复

使用道具 举报

0

主题

13

帖子

78

积分

17#
发表于 2008-12-13 14:26:30 | 只看该作者

回复:回复:【网页设计】教你用代码做透明相框(图)


............


 
回复 支持 反对

使用道具 举报

560

主题

5460

帖子

5万

积分

16#
发表于 2007-7-5 07:38:52 | 只看该作者

回复:谢谢隐班[@};-]!请问这里可以上传吧?可我没有找到在哪里上传啊[:((]。


燕子不用客气
音乐欣赏主页上面一排方框下拉按钮里的"顶顶资源",下拉菜单有一个顶顶上传功能.
 


 
回复 支持 反对

使用道具 举报

486

主题

7729

帖子

6万

积分

15#
发表于 2007-7-5 07:10:34 | 只看该作者

谢谢隐班[@};-]!请问这里可以上传吧?可我没有找到在哪里上传啊[:((]。


  谢谢隐班 !请问这里可以上传吧?可我没有找到在哪里上传啊




回复 支持 反对

使用道具 举报

487

主题

1228

帖子

2万

积分

14#
发表于 2007-7-5 04:19:42 | 只看该作者

回复:【网页设计】教你用代码做透明相框(图)


好好学习~~~~~~


 
回复 支持 反对

使用道具 举报

34

主题

670

帖子

5278

积分

13#
发表于 2007-7-4 23:53:14 | 只看该作者

制贴艺术的展览和分享! 谢谢Best88的给予...


  制贴艺术的展览和分享! 谢谢Best88的给予...




回复 支持 反对

使用道具 举报

3293

主题

1万

帖子

19万

积分

12#
 楼主| 发表于 2007-7-4 19:14:45 | 只看该作者

你说的礼物是指顶顶的那些礼物吗 [:-*]


你说的礼物是指顶顶的那些礼物吗 

 

  本贴由[best88]最后编辑于:2007-7-4 11:16:15  

回复 支持 反对

使用道具 举报

409

主题

6716

帖子

5万

积分

11#
发表于 2007-7-4 18:46:17 | 只看该作者

回复:[@};-][@};-][>:D<]


 
 
我发现
 
我在这个帖里送的礼物,,
 
要到你发下个帖时才显示。。。
 
如果你在礼物有效期内没发帖,,,那么有效期过后再发帖就不显示礼物了
 
斑斑是不是这样啊


 
回复 支持 反对

使用道具 举报

3293

主题

1万

帖子

19万

积分

10#
 楼主| 发表于 2007-7-4 18:42:07 | 只看该作者

[@};-][@};-][>:D<]


  




回复 支持 反对

使用道具 举报

409

主题

6716

帖子

5万

积分

9#
发表于 2007-7-4 18:39:46 | 只看该作者

回复:回复:【网页设计】教你用代码做透明相框(图)


遥遥推荐欣賞Maksim精湛的演出,,鋼琴是他得唯一,也是他活下去的理由!


 
回复 支持 反对

使用道具 举报

409

主题

6716

帖子

5万

积分

8#
发表于 2007-7-4 18:26:13 | 只看该作者

回复:【网页设计】教你用代码做透明相框(图)


不错,,,收到家里去。,。。。


 
回复 支持 反对

使用道具 举报

560

主题

5460

帖子

5万

积分

7#
发表于 2007-7-4 13:33:50 | 只看该作者

回复:燕子(图)


你这个是个图框的图片:
可以加入BB上面的代码,此行兰色部分代码:http://upload.ddhw.com/show.aspx?id=63604.gif
回复 支持 反对

使用道具 举报

486

主题

7729

帖子

6万

积分

6#
发表于 2007-7-4 13:22:21 | 只看该作者

回复:【网页设计】教你用代码做透明相框(图)


喜欢这个框呢!我好像没有找到这个代码。。。



 

回复 支持 反对

使用道具 举报

3293

主题

1万

帖子

19万

积分

5#
 楼主| 发表于 2007-7-4 07:53:05 | 只看该作者

haha 我修改一下 [:-D]


  haha 我修改一下




回复 支持 反对

使用道具 举报

560

主题

5460

帖子

5万

积分

地板
发表于 2007-7-4 07:49:50 | 只看该作者

回复:BB


(在我24页,472楼有详细)???

24页?472楼?我怎么找不到呢?

你这个帖很不错,我加到知识顶帖里去了。



 

回复 支持 反对

使用道具 举报

3499

主题

8821

帖子

18万

积分

板凳
发表于 2007-7-4 07:25:05 | 只看该作者

回复:太好了,我一定要学到手!


  回复:太好了,我一定要学到手!




回复 支持 反对

使用道具 举报

436

主题

5642

帖子

4万

积分

沙发
发表于 2007-7-4 06:46:10 | 只看该作者

学到了[;)] 谢谢BEST [@};-][@};-]


  学到了 谢谢BEST




回复 支持 反对

使用道具 举报

24小时热帖
    一周热门
      原创摄影
        美食美文
          您需要登录后才可以回帖 登录 | 立即注册

          本版积分规则

          Archiver|手机版|珍珠湾ART

          Powered by Discuz! X3 © 2001-2013 All Rights Reserved