照片处理网,有你更精彩

[注意]html新手入门

题外话★★特殊声明:

由于是教学交流帖子,需要保持其整洁,所以禁止灌水,违者必删,但如果你有好的经验和方法,欢迎跟贴。望大家遵守,互惠互利!!!!

本人能力有限,以前写的那个帖子仍是有人反映难懂,这次基本上是重新写的,只是希望能够尽量做到通俗易懂,有什么不足之处,也望各位大侠指正,非常感谢:)

1楼 ================【序言】

2、3楼 ================【一、文字篇】

4楼 ================【二、贴图篇】

5、6楼 ================【三、表格篇】(重点)

7楼 ================【四、多媒体篇】

8楼 ================【五、特效篇】

9楼 ================【CSS滤镜简要说明】

后序将不定期添加......

++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++

羡慕别人做的漂亮帖子吗?

与其临渊羡鱼,不如退而结网

让我们一起学习或温习怎么做html漂亮帖子吧,慢慢来,一天学一点,不是难事

也欢迎各位朋友将您的成果与大家一起分享,不管是简单的效果或多重的美贴,只要是您的努力,就是对这里的支持:)


怎么样,准备好了吗???LET'S STUDY!

首先是怎样发html贴:

如上图,进入发贴界面,看到箭头指的地方了吗,点html,进入html编辑状态,在上图空白处输入您的html代码,发贴前点预览可以看到您贴的效果。

好了,现在该说代码了


首先要注意:

一般不需要了解这些html代码的意义,但是最简单的一些html代码是需要理解的,一般做帖所用到的html代码,说白了主要就是学会如何套用,照格式去套用,加上您的想象,理解一些简单的html语言,就会做出漂亮的帖子来,这里提供的是一些简单的html代码解释和使用方法,主要用于论坛发贴,如果需要了解更多做网页的效果,可以参照网上有关这方面更详细的教程。

如果想查看别人帖子的代码,最简单的方法就是点引用,再转到html状态,就可以看到完整的代码了。


++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++

世间最珍贵的不是‘得不到’和‘已失去’,而是现在能把握的幸福。http://chuanchuan.photops.com/ QQ:56172035

一:文字标记
文字标记是<font>,用<font>标记的不同属性来分别设置文本中文字的大小,字体,字型,字色等,<Font>标记的格式是:
<font 属性=属性值>被设置的字</font>

1.1 文字的大小
设置文字大小的属性是“size”,它的取值范围是1到7。其中1为最小,7为最大,默认为3

实例:

星辰欢迎你

代码:
<font size=1>星辰欢迎你</font>
<font size=2>星辰欢迎你</font>
<font size=3>星辰欢迎你</font>
<font size=4>星辰欢迎你</font>
<font size=5>星辰欢迎你</font>
<font size=6>星辰欢迎你</font>
<font size=7>星辰欢迎你</font>


1.2 文字的字体,颜色

字体属性是:face
颜色的属性是color
用法与上同

星辰欢迎你

代码:
<font face=隶书 color==#b822dd size=6>百宝原创精品屋期待您的参与</font>

附色码表:(color的定义可以是代码,也可以是相应颜色的英文,比如color=#0000ff和color=blue是一样的都代表蓝色,背景也就是表格的颜色和字体颜色代码定义相同)




二:段落标记与文字布局

2.1 文字换行
换行标记是<br>放在文字结尾处使得其后的文字在下一行显示

2.2 段控制
标记是<p>放在文字后,使得其后文字空一行后换行显示
<p>的属性align用来设置文字的对齐方式。属性值是center(居中对齐),left(向左对齐),right(向右对齐)

如以下文字就设置成了居中的效果:

百宝原创精品屋期待您的参与

代码:
<p align=center>百宝原创精品屋期待您的参与</p>

世间最珍贵的不是‘得不到’和‘已失去’,而是现在能把握的幸福。http://chuanchuan.photops.com/ QQ:56172035

三、文字及图片的移动(注:用此效果显示需取消论坛的自动修正,否则会影响内容的显示和输出格式,如下图点选框中绿色小勾,使其成空白的框即可)

移动标记是<marquee></marquee>

属性:
方向:direction=(left, right ,up ,down)

方式:behavior=(scroll, slide, alternate)

循环:loop=(次数;若未指定则循环不止(infinite))

速度:scrollamount=(数值表示,数值越大则越快)

延时:scrolldelay=(用延时效果会出现走一走停一停的样子)

相关说明:
left 向右移动
right 向左移动
sccroll 一圈一圈绕着走
slide 只走一次
alternate 来回走
direction=up 向上
direction=down 向下

相关实例说明:

百宝原创精品欢迎您的参与



百宝原创精品欢迎您的参与


百宝原创精品欢迎您的参与


百宝原创精品欢迎您的参与


百宝原创精品欢迎您的参与


百宝原创精品欢迎您的参与


百宝原创精品欢迎您的参与


百宝原创精品欢迎您的参与



大家复制代码,可以改动方向,宽度,高度以及移动的内容

世间最珍贵的不是‘得不到’和‘已失去’,而是现在能把握的幸福。http://chuanchuan.photops.com/ QQ:56172035
转载哦!!
世间最珍贵的不是‘得不到’和‘已失去’,而是现在能把握的幸福。http://chuanchuan.photops.com/ QQ:56172035

【二、贴图篇】

在页面中插入图片用<img>标记,通过对<img>标记的属性值的调节可以控制图片在页面中的精确显示。其格式如下:
<img src=“图片地址” 属性1=属性值 属性2=属性值>
图片的属性主要有高度(height),宽度(width),对齐方式(align)等,属性值主要是数字,对齐方式的属性值为:center、left、right。
(注:现如果用img贴图,论坛暂不支持自定义其高度和宽度,要自定义的话可以在表格中来实现)
例:

代码:
<img src=http://bbs.100bao.com/UploadFile/2005-5/20055231492871926.jpg>

例子:
结合上面移动语法,把文字换成图片,可以做成如下几种效果,控制移动的方向和方式,随各人自己发挥了:

代码:
<TABLE cellSpacing=0 cellPadding=0 width="100%" align=center border=0>
<TBODY>
<TR>
<TD align=middle>
<MARQUEE scrollAmount=1 scrollDelay=100 direction=right width=180><IMG src=http://bbs.100bao.com/UploadFile/2005-5/20055231492871926.jpg></MARQUEE></TD>
<TD align=middle>
<MARQUEE scrollAmount=1 scrollDelay=100 width=180><IMG src=http://bbs.100bao.com/UploadFile/2005-5/20055231492871926.jpg></MARQUEE></TD>
<TD align=middle>
<MARQUEE scrollAmount=1 scrollDelay=100 direction=right width=180><IMG src=http://bbs.100bao.com/uploadfile/2005-5/20055231492871926.jpg></marquee></TD>
<TD align=middle>
<MARQUEE scrollAmount=1 scrollDelay=100 width=180><IMG src=http://bbs.100bao.com/UploadFile/2005-5/20055231492871926.jpg></MARQUEE></TD></TR></TBODY></TABLE>

代码:
<TABLE cellSpacing=0 cellPadding=0 width=524 align=center bgColor=#000000 border=0>
<tbody>
<tr>
<td>
<marquee behavior=alternate>
<img src=http://bbs.100bao.com/UploadFile/2005-5/20055231492871926.jpg><img src=http://bbs.100bao.com/UploadFile/2005-5/20055231492871926.jpg><img src=http://bbs.100bao.com/UploadFile/2005-5/20055231492871926.jpg><img src=http://bbs.100bao.com/UploadFile/2005-5/20055231492871926.jpg></marquee>
</td></tr></tbody></table>

代码:
<TABLE cellSpacing=0 cellPadding=0 height=405 width=524 align=center border=0>
<tbody>
<tr>
<td>
<marquee direction=up>
<img src=http://bbs.100bao.com/UploadFile/2005-5/20055231492871926.jpg><img src=http://bbs.100bao.com/UploadFile/2005-5/20055231492871926.jpg><img src=http://bbs.100bao.com/UploadFile/2005-5/20055231492871926.jpg><img src=http://bbs.100bao.com/UploadFile/2005-5/20055231492871926.jpg></marquee>
</td></tr></tbody></table>

世间最珍贵的不是‘得不到’和‘已失去’,而是现在能把握的幸福。http://chuanchuan.photops.com/ QQ:56172035

【三、表格篇】(重点)

表格说白了,就是你做一个帖子,首先要确定的是整个帖子的背景和框架,而这里就是用表格来定义了,代码就是table,学好怎么用table是关键:
表格是用<table>来定义其开始,用</table>定义其结束的,必须与<table>标记配合使用的还有<tr>和<td>标记,构成表格的简单格式如下:
<table 属性=属性值>
<tr>
<td>

里面是你的内容

</td>
</tr>
</table>

1.表格的主要属性

1.1 <table>标记的主要属性:

实例说明:

以纯色为背景:

百宝原创精品屋期待您的参与!

代码:
<TABLE borderColor=#0EBE31 align=center cellSpacing=2 cellPadding=3 width=240 bgColor=#ffff00 border=1>
<TBODY>
<TR>
<TD>
百宝原创精品屋期待您的参与!
</TD>
</TR>
</TBODY>
</TABLE>
上面的代码就是实例的代码,具体的数值可以根据各人的需要设置不同,中间可以贴图或者文字皆可,如果贴图的话一定要注意总背景边框大小一定要合图片的大小

例:

代码:
<TABLE borderColor=#0EBE31 align=center cellSpacing=2 cellPadding=3 width=550 bgColor=#ffff00 border=1>
<TBODY>
<TR>
<TD>
<img src=http://bbs.100bao.com/UploadFile/2005-5/20055231492871926.jpg>
</TD>
</TR>
</TBODY>
</TABLE>


世间最珍贵的不是‘得不到’和‘已失去’,而是现在能把握的幸福。http://chuanchuan.photops.com/ QQ:56172035
以图片为背景:

百宝原创精品屋期待您的参与!

代码:
<TABLE height=226 cellSpacing=3 cellPadding=15 width=386 align=center background=http://bbs.100bao.com/UploadFile/2005-5/20055239562618330.jpg border=10>
<TBODY>
<TR>
<TD>
<P></P>
<P><FONT color=#e61a94 size=6><B>百宝原创精品屋期待您的参与!</font></B></P>
</TD>
</TR>
</TBODY>
</TABLE>


具体相关属性说明:

align定义表格的对齐方式,有三个属性值center,left,right

background定义表格的背景图案,属性值为图片的地址

bgcolor定义表格的背景颜色,属性值是各种颜色代码

border定义表格的边框宽度,属性值是数字

bordercolor定义表格边框的颜色,属性值是各种颜色代码

cellpadding定义单元格内容与单元格边框之间的距离,属性值是数字

cellspacing定义表格中单元格之间的距离

height定义表格的高度,属性值是数字

width定义表格的宽度,属性值是数字


1.2 <tr>标记

表格是由多行与多列组成的,<tr>标记用来定义表格的一行,他的属性极其属性值定义的是表格中的该行,其主要属性与属性值如下:

align定义对齐方式,属性值与上同

background定义背景图案 bgcolor定义背景色


1.3 <td>标记

用<td>标记概况起来的内容表示表格的单元。其主要属性与属性值和<table>标记的一样,补充两个合并列和行的代码:

colspan定义合并表格的列数,属性值是数字

rowspan定义合并表格的行数,属性值是数字


综合上面举个例子(图片以前选的,不是太好看,太懒不想再找图,就这样哈)


这个例子里面有两层背景,代码说明:
<TABLE borderColor=#0ebe31 cellSpacing=10 cellPadding=13 width=650 align=center bgColor=#ffff00 border=1>
<TBODY>
<TR>
<TD>
===========================上面这段代码是第一层以纯色黄色为背景
<P align=center>
<TABLE height=470 cellSpacing=10 cellPadding=0 width=600 align=center background=http://bbs.100bao.com/UploadFile/2005-5/20055231492871926.jpg border=3>
<TBODY>
<TR>
<TD>
===========================这段代码是第二层以图片为背景
<P align=center>
<MARQUEE behavior=alternate><B><FONT face=楷体 color=green size=5>
<MARQUEE direction=up behavior=alternate width=50 height=60>百</MARQUEE>
<MARQUEE direction=up behavior=alternate width=40 height=70>宝</MARQUEE>
<MARQUEE direction=up behavior=alternate width=40 height=80>原</MARQUEE>
<MARQUEE direction=up behavior=alternate width=40 height=90>创</MARQUEE>
<MARQUEE direction=up behavior=alternate width=40 height=100>精</MARQUEE>
<MARQUEE direction=up behavior=alternate width=40 height=90>品</MARQUEE>
<MARQUEE direction=up behavior=alternate width=50 height=80>欢</MARQUEE>
<MARQUEE direction=up behavior=alternate width=40 height=90>迎</MARQUEE>
<MARQUEE direction=up behavior=alternate width=30 height=70>您</MARQUEE>
<MARQUEE direction=up behavior=alternate width=60 height=80>的</MARQUEE>
<MARQUEE direction=up behavior=alternate width=30 height=60>参</MARQUEE>
<MARQUEE direction=up behavior=alternate width=80 height=90>与</MARQUEE></FONT></B></MARQUEE></P>

===========================这段代码是在第二层图片背景中加入跳动的文字

</P></TD></TR></TBODY></TABLE>
===========================第二层背景结束码

</TD></TR></TBODY></TABLE>
===========================第一层背景结束码

世间最珍贵的不是‘得不到’和‘已失去’,而是现在能把握的幸福。http://chuanchuan.photops.com/ QQ:56172035

【四、多媒体篇】

1.音乐

EMBED,<EMBED> 是用来插入各种多媒体,不管是mms.http.rtsp.只要看尾档是asf.wma.wmv.wmv.rm.mp3等等都适用这个的代码

相关属性说明:

src="音乐地址"
设定音乐档案及路径,可以是相对或绝对。

autostart=true
是否在音乐档下载完之后就自动播放。true 是,false 否 (内定值)。

loop="true"
是否自动反复播放。LOOP=2 表示重复两次,true 是, false 否。

HIDDEN="true"
是否完全隐藏控制画面,true 为是,no 为否 (内定)。

STARTTIME="分:秒"
设定歌曲开始播放的时间。如 STARTTIME="00:30" 表示从第30秒处开始播放。

VOLUME="0-100"
设定音量的大小,数值是0到100之间。内定则为使用系统本身的设定。

WIDTH="整数" 和 HIGH="整数"
设定控制面板的高度和宽度。(若 HIDDEN="no")

ALIGN="center"
设定控制面板和旁边文字的对齐方式,其值可以是 top、bottom、center、baseline、 left、right、texttop、middle、absmiddle、absbottom

CONTROLS="smallconsole"
设定控制面板的外观。预设值是 console。
console 一般正常面板   
smallconsole 较小的面板   
playbutton 只显示播放按钮   
pausecutton 只显示暂停按钮   
stopbutton 只显示停止按钮   
volumelever 只显示音量调节按钮


实例说明:

1.打开页面自动播放,且作为背景音乐不显示控制面板

大家听到这个帖的背景音乐就是以下介个代码了,(其中autostart=true,就是自动播放,loop=true让它无限循环,width="0" height="0"隐藏控制面板,当然你也可以用hidden=true来隐藏控制面板,相关详细数值对照上面属性值可以看看) :


<embed src="http://www.rhythmoftherain.com/mp3s/cascades.mp3" width="0" height="0" loop="true" align="middle" volume="100" type="audio/x-pn-realaudio-plugin" controls="PlayButton" autostart="true">

2.打开页面不自动播放,显示为一般正常面板


属性同上,只是相应数值改变了一下,可以对照上面比较一下,注意如果你点选上面播放按钮,这里就会放重这首歌,因为上面1例中的背景音乐是无法关闭的,代码:


<embed src="http://www.rhythmoftherain.com/mp3s/cascades.mp3" width="320" height="25" autostart="false" loop="true" align="middle" volume="100" type="audio/x-pn-realaudio-plugin" controls="console" autostart="true">


注:

HIDDEN=TRUE 如果写上这个属性的话,就会完全隐藏控制面板,但你也不能去设定控制面板的宽和高,当然如果你不想这么麻烦,用论坛UBB模式插入音乐也可以。

2.FLASH


相关属性值可看上面各个属性说明,大多数都是差不多,这里可以根据自己的需要改变align对齐方式值,和width,height宽度和高度值,代码:

<EMBED align=center src=http://bbs.100bao.com/UploadFile/2005-7/20057191644825407.swf width=550 height=400 type=application/x-shockwave-flash quality="high" menu="false" wmode="transparent">

注:发这些效果时,请取消论坛的自动修正(见3楼说明),否则会影响内容的显示和输出格式

世间最珍贵的不是‘得不到’和‘已失去’,而是现在能把握的幸福。http://chuanchuan.photops.com/ QQ:56172035

【五、特效篇】

因大多数代码属性值上面几楼均已有说明,从下面开始,不再重复一一说明,具体均以实例来说明

注:再次提醒,发这些效果时,请取消论坛的自动修正(见3楼说明),否则会影响内容的显示和输出格式

1.淡化边缘效果

style=filter:Alpha(opacity=0-100的数,数越小越朦胧,style=0-3的数)

见如下两个实例,对比一下,改变style的值定义朦胧的形状就会不同

注:此效果也可以不用表格反映出来,直接在img里面也可以,不过论坛现不支持用img定义图片大小,所以只能以表格来反映



代码:
<center>
<table border=0 style=filter:Alpha(opacity=100,style=2)>
<td>
<tr>
<img src="http://bbs.100bao.com/UploadFile/2005-5/20055231492871926.jpg">
</tr></td></table></center>

代码:
<center>
<table border=0 style=filter:Alpha(opacity=100,style=3)>
<td>
<tr>
<img src="http://bbs.100bao.com/UploadFile/2005-5/20055231492871926.jpg">
</tr></td></table></center>

2.图片水平垂直翻转效果

水平翻转(flipH水平):
style="width:600;filter:flipH;"


代码:
<TABLE style="width:600;filter:flipH;">
<TBODY>
<TR>
<TD>
<img src="http://bbs.100bao.com/UploadFile/2005-5/20055231492871926.jpg">
</TD></TR></TBODY></TABLE>

垂直翻转(flipV垂直):
style="width:图片宽度数值;filter:flipV;"

代码:
<TABLE style="width:600;filter:flipV;">
<TBODY>
<TR>
<TD>
<img src="http://bbs.100bao.com/UploadFile/2005-5/20055231492871926.jpg">
</TD></TR></TBODY></TABLE>

3.图片模糊(参数add=true/false指定图片是否模糊,direction设置模糊方向,strength代表多少像素宽度受到模糊影响):
style="width:图片宽度数值;filter:blur(add=true,direction=135,strength=15);"

代码:

<TABLE style="width:600;filter:blur(add=true,direction=135,strength=15);">
<TBODY>
<TR>
<TD>
<img src="http://bbs.100bao.com/UploadFile/2005-5/20055231492871926.jpg">
</TD></TR></TBODY></TABLE>

4.另类效果:
style="width:图片宽度数值;filter:wave(add=0,freq=1,lightStrength=20,phase=50,strength=20);"

代码:
<TABLE style="width:600;filter:wave(add=0,freq=1,lightStrength=20,phase=50,strength=20);">
<TBODY>
<TR>
<TD>
<img src="http://bbs.100bao.com/UploadFile/2005-5/20055231492871926.jpg">
</TD></TR></TBODY></TABLE>

也可以这样,曝光过度:)

代码:
<TABLE style="width:600;filter:wave(add=3,freq=1,lightStrength=20,phase=50,strength=0);">
<TBODY>
<TR>
<TD>
<img src="http://bbs.100bao.com/UploadFile/2005-5/20055231492871926.jpg">
</TD></TR></TBODY></TABLE>

黑白:


代码:
<TABLE style="FILTER: Gray; WIDTH: 600px">
<TBODY>
<TR>
<TD><IMG src="http://bbs.100bao.com/UploadFile/2005-5/20055231492871926.jpg"> </TD></TR></TBODY></TABLE>


底片:


代码:
<TABLE style="FILTER: Invert; WIDTH: 600px">
<TBODY>
<TR>
<TD><IMG src="http://bbs.100bao.com/UploadFile/2005-5/20055231492871926.jpg"> </TD></TR></TBODY></TABLE>

黑白底片:



代码:
<TABLE style="FILTER: xray; WIDTH: 600px">
<TBODY>
<TR>
<TD><IMG src="http://bbs.100bao.com/UploadFile/2005-5/20055231492871926.jpg"> </TD></TR></TBODY></TABLE>

倒影(这个图做这个效果不是太好,懒了,不想找图了,可以自己找图试试:)

代码:

<TABLE height=470 width=600 background=http://bbs.100bao.com/UploadFile/2005-5/20055231492871926.jpg border=0>
<TBODY>
<TR>
<TD></TD></TR></TBODY></TABLE>
<TABLE style="FILTER: flipV wave(add=1,freq=10,lightstrength=80,phase=0,strength=10) alpha(opacity=80)" height=470 width=600 background=http://bbs.100bao.com/UploadFile/2005-5/20055231492871926.jpg border=0>
<TBODY>
<TR>
<TD></TD></TR></TBODY></TABLE>

哈哈,是不是有点意思了:)

注:把长宽都限制成为你的原始图片的大小,否则,失真了就,不过,如果你想要失真的效果也不错,不用PS也能做出效果,感觉也不错哈,哈哈
以上的效果在CSS中用的比较多,一般用DIV来定义,这里不想说多了,那样更加混乱了,这里只是要基本的有个概念吧,就用table了,具体数值属性,也不详细一一介绍,包括以后也要说到的特效字,大家要用就套用好了,可以试着改变里面相关的数值,可以看到不同的效果,如果真的想弄清楚,可以在网上搜一下关于XML和CSS样式表,看看相关介绍:)

5.透明flash

所谓在画面上加FLASH,就是把图片做成TABLE的形式镶嵌在里面,在TABLE上面加透明FLASH. 有一点要注意,透明flash的长宽要和图片的长宽相对应,因是把图片做成table形式镶嵌,如果不对应好的话,图会重复出现


实例说明:

代码:
<TABLE height=470 cellSpacing=0 cellPadding=0 width=600 align=center background=http://bbs.100bao.com/UploadFile/2005-5/20055231492871926.jpg border=0>
<TBODY>
<TR>
<TD>
<EMBED align=center src=http://bbs.100bao.com/UploadFile/2005-7/2005713037617901.swf width=600 height=470 type=application/x-shockwave-flash quality="high" wmode="transparent">
</TD></TR></TBODY></TABLE>

世间最珍贵的不是‘得不到’和‘已失去’,而是现在能把握的幸福。http://chuanchuan.photops.com/ QQ:56172035

-_-算了,还是说说CSS,简单说一下,了解一下,以后还要说到特效字,这里就再复杂一下,希望大家不要晕-_-!!

css滤镜:

css即层叠样式表,功能强大,运用得好可以做出很多绚丽效果,上面已有了一些介绍,这里就不再重复举例了,网页中加入css的方法有很多种,这里介绍的是使用style参数加在部分标记里的方法,综合运用这些滤镜,就可以做出想要的图形或文字效果,不用图形处理软件只要加上几个代码就能实现,是不是很有趣^_^,另对于论坛发帖,有时候并不支持用div来定义这些滤镜,虽然有很多人不喜欢用table,那也没有办法,如果是做网页的话,那就另当别论了,好了,费话少说了,相关属性说明:

--------------------------------------------------------------------------------
1.滤镜:Alpha设置透明层次

语法:STYLE="filter:Alpha(Opacity=opacity,FinishOpacity=finishopacity,Style=style,StartX=startX,StartY=startY,Finish inishX,FinishY=finishY)"

说明:

此滤镜可以使文字或图像产生透明效果(图形上面已有例子,见淡化边缘)

opacity:设定透明度,取值0-100,0为完全透明,100为完全不透明

finishopacity:渐变效果结束时的透明度,值同上

style:设定透明区域的类型,有4个值,=0是统一形状、=1是线形、=2是放射状、=3是长方形

startx、starty:是用于设定渐变透明效果开始的像素坐标,任意值,这个位置的透明度由opacity参数决定

finishx、finishy:是用于设定渐变透明效果结束时像素坐标,任意值,这个位置的透明度由finishopacity参数决定

--------------------------------------------------------------------------------
2.滤镜:blur创建高速度移动效果,即模糊效果

语法:STYLE="filter:Blur(Add=add,Direction=direction,Strength=strength)"

说明:
Add:一般为1,或0。
Direction: 角度,0~315度,步长为45度。
Strength: 效果增长的数值,一般5即可。

--------------------------------------------------------------------------------
3.滤镜:Chroma制作专用颜色透明

语法:STYLE="filter:Chroma(Color=color)"

说明:
color:就是指定要变成透明的颜色,#rrggbb格式,任意。
--------------------------------------------------------------------------------
4.滤镜:DropShadow创建对象的固定影子

语法:STYLE="filter:DropShadow(Color=color,OffX=offX,OffY=offY,Positive=positive)"

说明:

Color:#rrggbb格式,任意。

Offx:X轴偏离值。

Offy:Y轴偏离值。

Positive: 1或0。
--------------------------------------------------------------------------------
5.滤镜:FlipH创建水平镜像图片

语法:STYLE="filter:FlipH"
--------------------------------------------------------------------------------
6.滤镜:FlipV创建垂直镜像图片

语法:STYLE="filter:FlipV"
--------------------------------------------------------------------------------
7.滤镜:glow加光辉在附近对象的边外

语法:STYLE="filter:Glow(Color=color,Strength=strength)"

说明:

Color:发光颜色,光晕的颜色。

Strength:强度(0-100),光晕的大小,单位是像素
--------------------------------------------------------------------------------
8.滤镜:gray把图片灰度化

语法:STYLE="filter:Gray"
--------------------------------------------------------------------------------
9.滤镜:invert反色

语法:STYLE="filter:Invert"
--------------------------------------------------------------------------------
10.滤镜:mask创建透明掩膜在对象上

语法:STYLE="filter:Mask(Color=color)"
--------------------------------------------------------------------------------
11.滤镜:shadow创建偏移固定影子

语法:filter:Shadow(Color=color,Direction=direction)

说明:

Color:#rrggbb格式。

Direction: 角度,0-315度,步长为45度。
--------------------------------------------------------------------------------
12.滤镜:wave波纹效果

语法:filter: Wave(Add=add,Freq=freq,LightStrength=strength,Phase=phase,Strength=strength)

说明:

Add:一般为1,或0。

Freq:变形值,设定将产生多少个波纹。

LightStrength:变形百分比,设定产生光影效果的强度,取值0-100,建议不要设太高,否则会产生很难看的黑条的

Phase:角度变形百分比,设定正弦波开始的偏移量,取值是0-100 。

Strength:变形强度,扭曲的强度。
--------------------------------------------------------------------------------
13.滤镜:Xray使对象变得像被 x光照射一样

语法:STYLE="filter:Xray"

世间最珍贵的不是‘得不到’和‘已失去’,而是现在能把握的幸福。http://chuanchuan.photops.com/ QQ:56172035
完毕!!!
世间最珍贵的不是‘得不到’和‘已失去’,而是现在能把握的幸福。http://chuanchuan.photops.com/ QQ:56172035
太有用了,晚上好好学~~
http://shuangshuangyan.photops.com/ 欢迎来坐坐:)

好东西~~谢谢 星辰兄

偶收藏了

世间如此冷漠,而我们却要获取深爱。

很好的帖子,不错,学习!

欢迎来到照片处理网
欢迎来到照片处理网
不知道是不是这样呀
好难呀!我有一个网站可以学这个代码的~

叶子的离开是风的追求,还是树的不挽留 http://aimee.photops.com/我的博客,欢迎大家的到来哦!!!

版权所有 (C) 2004-2008 照片处理网

Powered by PhotoPS团队2004-2008 社区!