好东西大家共享受，GOOGLE又给我们一个惊喜PICASA



官方中文版的~

数秒钟内就可找到并欣赏计算机上的图片。[支持psd，执行速度快，占用内存小，而且全免费！对我们美工来说无疑是个好东东，比ACDsee速度和性能好多了]





可以从 Google 网站上下载的免费软件。

Picasa 是一款可帮助您在计算机上立即找到、修改和共享所有图片的软件。每次打开 Picasa 时，它都会自动查找所有图片（甚至是那些您已经遗忘的图片），并将它们按日期顺序放在可见的相册中，同时以您易于识别的名称命名文件夹。您可以通过拖放操作来排列相册，还可以添加标签来创建新组。Picasa 保证您的图片从始至终都井井有条。



Picasa 还可以通过简单的单次点击式修正来进行高级修改，让您只需动动指尖即可获得震撼效果。而且，Picasa 还可让您迅速实现图片共享–可以通过电子邮件发送图片、在家打印图片、制作礼品 CD，甚至将图片张贴到您自己的 blog 中。



浏览 Picasa。



系统要求

Microsoft Windows 2000/XP

Microsoft Internet Explorer 5.0+

下载 Picasa

PcHOME第一时间提供了下载。比预定的18：00还要早。

QQ2005 Beta3 What's new:

＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝

1.更大更清晰，超级视频，超乎想"像"

2.安全中心，您的安全专家

3.QQ大瘦身，更灵巧的QQ

4.QQ通讯录，沟通随时随地

5.新增地理位置共享计划和天气预报

6.新增QQ直播，我的电视，我作主

7.QQ校园快车，全面改善校园网基础服务

8.实时音乐状态显示，和好友分享音乐

9.小秘书功能优化

10.选择更换头像界面，魔法表情优化；添加好友流程等QQ基础体验优化



21日更新QQ珊蝴虫外挂3.16

下载地址:点击下载



2005年9月20日



更新腾讯官方下载地址：



http://dl_dir.qq.com/qqfile/qq2005_beta3.exe



PCHOME下载地址见这里：



http://download.pchome.net/internet/communications/Oicq/9606.html

腾讯 QQ/TM 珊瑚虫外挂 v4.0 Beta4



MD5:a706d7c11f57d80b992fbaaf40175319 CQQ4B4.rar



≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡

≡ 腾讯 QQ/TM 珊瑚虫外挂 v4.0 B4 ≡

≡ 珊瑚虫工作室[Coral Studio] ≡

≡ http://www.CoralQQ.com ≡

≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡



■ 珊瑚虫工作室[Coral Studio]出品



■ 珊瑚虫外挂4.0 开发者名单：



项目管理: soff @ 珊瑚虫工作室

外挂设计: cygwin @ 水木社区

KQL库: quaful, luma, notXX @ 水木社区，以及其他参与了LumaQQ开发的志愿者



■ 本外挂仅适用于腾讯 QQ2005 beta2/TM3/TM2005，其它版本请使用 v3.0.4



■ 使用方法：直接将所有文件解压到任意目录，然后运行 CoralQQ.exe 启动外挂，首次运行需要指定 QQ.exe/TM.exe/TMShell.exe 所在位置。



☆ IP 显示 ☆

提供四种显示 IP 的方式，可通过参数定制器自行设置：

1. 在主面板好友列表中，当鼠标移动到头像时，显示该好友的 IP 信息；

2. 传统 IP 条，可自定义是否显示及其具体位置；

3. 在消息对话框中，IP 信息显示在其标题栏中，可自定义是否显示；

4. 另外，当鼠标悬停在左上方的头像和号码处或者消息对话框的边缘处(可定制)，将显示对方的 IP 信息及地理位置，此时单击鼠标右键可将 IP 信息复制到剪贴板。



■ 腾讯 QQ 版权归深圳市腾讯计算机系统有限公司所有，本外挂仅为方便用户使用之辅助性工具，没有任何侵权意图。



■ 凡珊瑚虫工作室发布的软件，均由WinRAR打包制作，且包含珊瑚虫工作室身份验证信息。如果没有身份验证信息，或者验证信息损坏，则该软件包可能已被人篡改，请注意识别。未经珊瑚虫工作室同意，任何人不得以任何形式重新打包此外挂，珊瑚虫工作室保留追究违者之责任的权利，谢谢合作。



2005 年 9 月 2 日 v4.0 B4 测试版



☆ 如来神掌扩充到九式：



○ 佛光初现 ○ 金顶佛灯 ○ 佛动山河

○ 佛问迦蓝 ○ 迎佛西天 ○ 佛光普照

○ 千佛降世 ○ 万佛朝宗 ○ 佛法无边



原如来神掌（继承自LumaQQ）作为第一式“佛光初现”，其余各式预留，待后续开发



☆ 加强了“佛光初现”的掌力，可以探测陌生人的IP

☆ 更改了如来神掌的发招方式，以解决点对点方式下暴露如来神掌指令的问题

☆ 网络层修正，解决发消息超时和断线的问题

☆ 部分协议修正

☆ 修正“同一个QQ号在别处登录导致被迫下线”的消息被误过滤的问题

☆ IP 数据更新到 0830(228371)



下载地址：点击下载

一共2条，一条是封锁PORT的一条是封锁IP的，经几次测试后完全不妨碍HOTMAIL的看邮件。但有效屏蔽了MSN

MSN_Deny_IP.xml( 11.44k )
MSN_Deny_Port.xml ( 6.67k )

[color=Brown]策略来自isacn.org，作者felixOcat

上次在BLOG中写到利用[color=Red]netsh interface ip set address命令解决彻底禁止QQ的命令，今天在isacn.org，上看到老大风间子的用下面这个命令也能达到效果：
[code]net stop fwsrv /y
net start fwsrv [/code]
参数 /y 是必需的，老大的说法是rras服务对fwsrv有依赖性。放在计划任务里，测试，OK了。

文章是长了点，不过如果想学会CSS样式表的话还是看完吧，难度不是很大~!

#1  【教程】CSS快速入门



　CSS是Cascading Style Sheets（层叠样式表单）的简称。更多的人把它称作样式表。顾名思义，它是一种设计网页样式的工具。借助CSS的强大功能，网页将在您丰富的想象力下千变万化。

　　　　　　　　　　　 　　　

　　　　　　　　　　图1 　　　 　　　　　　　　　　　　图2

　　看到上面的两幅图片，您可能会认为这是用photoshop或者是其他图形处理软件制作的吧。可是上面的例子却完全是用CSS编写的。我们来看一下它的源代码（不要以为讲代码您会搞不懂，很简单的^_^）：

　　

　　　

　　　　css word

　 　　　　//*CSS样式定义开始*//

　　　　　

　　　　　 //*样式定义结束*//

　　

　　  

　　 //*以下的区域内采用中里面定义的格式*//

　　 hongen

　　 //*定义字体样式(font-style)，包括字体大小(size)、粗细(bold)、颜色　　　　　　　(color)*//

　　  

　　  

　  

　　上面的代码中以红色显示的是注释部分，用于帮助您更好的理解代码的含义。上面的这一段代码产生的是如图2的效果。而其中字体的模糊效果就是运用了CSS的滤镜功能。滤镜功能是CSS非常有趣也非常吸引人的一个功能，我们将在后面的章节中介绍。

　　实际上CSS的代码都是由一些最基本的语句构成的。它的基本语句的结构是这样的：

　　选择符{属性：属性值}

　　看，是不是很简单，只有三部分。

　　我们结合上面的代码来讲解，比如上面代码的…中，使用来指定样式。

　　一般说来，下面的CSS语句是以注释语句的形式书写的，也就是上面代码中的符号包含的部分。所以，上面的例子中定义页面样式的语句是：

　　div{width：200;filter：blur(add=true,direction=35,strengh=20);}

　　在上面的语句中，DIV是选择符，选择符可以是HTML中任何的标识符，比如P、DIV、IMG甚至BODY都可以作为选择符。

　　这里用DIV做选择符，就是说在HTML中，编辑在中的页面格式将以上面语句中大括号内定义的格式显示。

　　括号内的WIDTH和FILTER就是属性。

　　WIDTH定义了DIV区域内的页面的宽度，200是属性值。

　　FILTER定义了滤镜属性，BLUR是它的属性值，该属性值产生的是一种模糊效果，其小括号内定义的是BLUR属性值的一些参数。

　　ADD参数有两个值：True和False。分别指定图片是否被设置成模糊效果。

　　Direction参数是用来设置模糊的方向。0度代表垂直向上，然后每45度一个单位，例子中的135代表底部向右135度，每一个度数单位都代表一个模糊方向，如果您感兴趣的话，可以参照后面的讲解中详细的参数设定。

　　Strengh代表有多少像素的宽度将受到模糊影响，参数值是用整数来设置的。

　　我们看到除了在中有CSS 的定义，在中也有一段CSS定义：

　　hongen

　　这里Style是内嵌到中来定义该段落内的格式的。我们发现在中的CSS语句与定义在中还有些不同，它是用直接定义的。这种定义方法非常适用于编写的代码比较多的情况。

　　而上面的代码的CSS定义格式则非常适用于代码较少、结构较简单的情况。

　　按照CSS语句的基本格式，我们可以看出上面定义P段落内的CSS代码中font-size、font-style和color是属性，分别定义中“hongen”字体的大小(size)、样式(style)和颜色(color)；

　　而48、bold、red是属性值。意思是“hongen”将以48pt、粗体、红色的样式显示。由于整个段落是定义在中的，所以hongen又将显示出中定义的滤镜属性来。最终的结果就如同图2一样。

　　图1中的效果也是用很简单的CSS语句实现的，只是运用了CSS中的滤镜属性而已。

　　通过上面的讲解，我们可以看到用很简单的CSS语句就可以实现许多需要专业软件才可以达到的效果。利用属性可以设置字体、颜色、背景等页面格式；利用定位可以使页面布局更加规范、好看；利用滤镜可以使页面产生多媒体效果。 怎么样，CSS的功能是不是很强大，在下面的教程中我们将对它进行详细的讲解。

#2  怎样编写CSS？

从上面的例子中，我们可以看到CSS的语句是内嵌在HTML文档内的。所以，编写CSS的方法和编写HTML文档的方法是一样的。

　　您可以用任何一种文本编辑工具来编写。比如Windows下的记事本和写字板、专门的HTML文本编辑工具（Frontpage、Ultraedit等），都可以用来编辑CSS文档。

　　那么您可能会问，独立编辑好的CSS文档怎样加入到HTML文档中呢？其实在第一章中的例子里已经介绍了两种方法。

　　一种是把CSS文档放到<head>文档中：

　　<style type=“text/css”> …… </style>

　　其中<style>中的“type=‘text/css’”的意思是<style>中的代码是定义样式表单的。

　　另一种方法是把CSS样式表写在HTML的行内，比如下面的代码：

　　<p style=“font-size：14pt；color：blue”>蓝色14号文字</p>

　　这是采用<Style=“ ”>的格式把样式写在html中的任意行内，这样比较方便灵活。 　　还有一种方法是：把您编辑好的CSS文档保存成“.CSS”文件，然后在<head>中定义。定义的格式是这样的：

　　<head> <link rel=stylesheet href=“style.css”> …… </head>

　　我们看到这里应用了一个<Link>，“rel=stylesheet”指连接的元素是一个样式表（stylesheet）文档。一般这里是不需要您改动的。

　　而后面的“href=‘style.css’”指的是需要连接的文件地址。您只需把编辑好的“.CSS”文件的详细路径名写进去就可以了。这种方法非常适宜同时定义多个文档。它能使多个文档同时使用相同的样式，从而减少了大量的冗余代码。



　　本章主要介绍了编写CSS的方法以及如何把作好的CSS文档与HTML结合起来运用。您可以根据自己编写的HTML代码的结构、长度来选择用哪一种方法将CSS与之结合。

　　下一章我们将进入CSS的具体知识的学习，我们将先从最基本的属性开始讲起。

※装饰超链接



　　网页默认的链接方式是这样的：未访问过的链接是蓝色文字并带蓝色的下划线，访问过的超级链接是深紫色的文字并带深紫色的下划线。如果您所有的网页都是这种样式，是不是很单调呢？



　　其实，利用文本属性中的Text-decoration属性就可以实现对超链接的修饰。我们先看下面的这段代码：



　　<html>

　　　<title>link css</title>

　　　<head>

　　　<style>

　　　<!–

　　　//*定义伪类元素（ａ：），大括号内定义了前景色属性和文本装饰属性，

　　　hover加上‘font-size’属性目的是让鼠标激活链接时改变字体*//

　　　a：link{color：green;text-decoration：none}

　　　//*未访问时的状态，颜色为绿色(green)，文本装饰属性(text-decoration)值

　　　为没有(none)*//

　　　a：visited{color：red;text-decoration：none}

　　　//*访问过的状态，颜色为红色(red)，文本装饰属性值为没有*//

　　　a：hover{color：blue;text-decoration：overline;font-size：20pt}

　　　//*鼠标激活的状态，颜色为蓝色(blue)， 文本装饰属性值为上划(overline)，

　　　字体大小为20pt*//

　　　–>

　　 </style>

　　 </head>

　　 <body>

　　 <p style=“font-family:行书体；font-size：18pt”>

　　 <a href=“http：//www.hongen.com”>未访问的链接</a></p>

　　 //*加链接，显示三种不同状态，并且定义了链接文本的字体和大小*//

　　 <p> <a href=“http：//www.hongen.com”>访问过的链接</a></p>

　　 <p> <a href=“http：//www.hongen.com”>鼠标激活的链接</a></p>

　　 </body>

　　 </html>



　　您如果想看上述代码的效果，请点击这里。



　　我们从例子中看到没有访问过的链接以绿色显示，并且去掉了下划线；而访问过的链接以红色且没有下划线显示；另外，当鼠标激活链接时，链接以蓝色显示，并且加上了上划线。这种效果是怎么实现的呢？它除了运用了文本属性中的text-decoration属性，而且采用了伪类元素。

　　通过上面的代码注释，相信您应该对伪类元素有一个大概认识。实际上我们用到的这种伪类应当称之为“锚伪类”，它规定了链接不同状态下的效果。



　　怎么样，是不是很简单的就可以实现动态链接的效果，赶紧自己动手试一试吧！下一节我将向您介绍“容器”属性。

4、“容器”属性

　　※边距属性

　　听起来是不是很有趣，什么叫“容器”属性呢？CSS的容器属性包括边距、填充距、边框和宽度、高度、浮动、清除等属性。

　　您想，网页中的内容肯定是都需要“装”进这个“容器”里。“容器”属性是CSS中非常重要的一种属性，我们将分类进行学习。

　　先来看一下边距属性的详细列表：



　　和font属性一样，表中的四个属性可以用一个属性一次。边距顺序是上、右、下、左。我们还是用定义边距属性前后的两个例子来看一下吧。请看下面的这幅图：



　　我们看到上图是没有加上边距属性的效果，而下图则在中加入了如下代码：

　　body{margin：1em 2em 3em 4em}

　　//*定义文本的上、右、下、左的边距分别为1、2、3、4em*//

　　产生的效果如下图所示：



　　定义了边距后的页面，无论您怎么改变窗口的大小，它都会按照您定义好的边距样式显示。

　　如果在margin里有缺失的属性，则按照顺序依次排列。比如：

　　body{margin：1em 3em} 上面这段代码的含义是：body的上、右边距为1、3em。

　　下一节我将向您介绍填充距属性。



※边框属性

　　本节我们来看一下种类繁多的边框属性，先来看一下属性列表：



　　 是不是看上去很多，其实应用起来很方便。

　　 只要灵活的运用一次定义的属性就会方便很多。其实还有一个一次设置所有边框的宽度、样式和颜色属性的border属性，但是border只能使四条边框的属性值是一样的。我们现在来给前面的例子设置一个5像素宽、双边框并且是紫色的边框（如下图）：



　　这就是在中定义的属性，代码如下：

　　P{border：5px double purple}//*定义了四条边框为一样的值*//

　　您还可以找一段文本自己多尝试一下其他的边框属性，看看还有什么效果。下一节将向您介绍一下“容器”属性的其他属性，您将能欣赏到图文混排的效果。

※图文混排

　　我们在来看看“容器”属性还有什么其他的属性，请看属性列表：



　　上表中的float属性很有意思，我们看看用它作的一个页面效果（如下图）：



　　您是不是以为在图片那里插入了一个表格才实现这种图文混排的效果的呢？

　　其实不是的，在这里只是在中定义了一下的float和margin属性，代码如下：



<html>

　　　<title>margin css</title>

　　　<head>

　　　<style>

　　　<!–

　　　 img{margin-right：2em；float：left}

　　　 //*定义图片的右边距为2em，图片浮动在文字的左边*//

　　　 –>

　　　</style>

　　　</head>

　　　<body>

　　　<p class=“p2” style=“line-height：17pt”>

　　　<img src=“logo.gif” alt=“floating” > 　　

　　　　　 我公司是一家以软件开发及销售为主业的高新技术企业。 位于高科技产业

　　　　密集的清华大学东门，拥有近4000平米的独立办公楼，全体员工年轻勤奋而富

　　　　有创造力，极具挑战性和竞争性。</p>

　　　</body>

　　　</html>



　　怎么样，不用表格也能实现图文混排的效果，并且减少了大量的代码。您还可以试试float的其他效果。

　　好了，“容器”属性就讲这么多，我们可以看出，充分利用CSS的“容器”属性，将会使您的页面布局更加合理，样式更加漂亮。下一节我将向您介绍分级属性。

5、分级属性

　　如果您使用过Word，那您一定知道Word中有一个“项目符号和编号”的功能。

　　在html中，您无需使用前面提到的一些字体、颜色、容器属性来对字体、颜色和边距、填充距等进行初始化。因为在CSS中，已经提供了进行分级的专用分级属性。

　　分级属性包括了“list-style”（列表样式）、“list-item”（列表项）等多种属性，我们先来看一下分级属性的详细列表：



　　下面我们来看一个分级属性的例子，代码如下所示：

　　

　　

　　 fenji css  

　　//*定义CSS*//

　　

　　

　　

　　

　　 sampletextsampletextsample

　　 textsample textsample//*定义一段文本*//

　　　//*定义列表项*// list-item 1

　　　list-item 2 list-item 3  

　　 //*定义一幅图片*//

　　

　　

　　上段代码的显示效果如下图：



　　我们看到由于定义了的属性为Block，所以文本、列表、图片都在不同的位置上打开，Inline属性使文本不折行，list-style-type的属性值为square使列表项前的符号为方块；

　　如果我们在上面的代码中做一些改动，则将以另一种效果显示，我们在中把“EM”的display属性值改为block，使其都在新的位置打开；li的“list-style”属性值改为“Upper-roman”（大写罗马符号），img的“display”属性值改为“none”（让图片不显示）。 修改后的显示效果如下图：



　　我们看到分级属性也能达到排版的部分功能，几处代码的改动就可以使页面发生很大的变化。自己来试一试其他的效果吧！

　　下一节我将向您介绍鼠标属性。

6、鼠标属性

　　我们知道，当把鼠标移动到不同的地方时，当鼠标需要执行不同的功能时，当系统处于不同的状态时，都会使鼠标的形状发生改变。

　　用CSS来改变鼠标的属性，就是当鼠标移动到不同的元素对象上面时，让鼠标以不同的形状、图案显示。

　　在CSS当中，这种样式是通过“cursor”属性来实现的。Cursor属性有很多的属性值，我们来看一下它的详细列表：



　　我们来看一个例子吧，请看下面这段代码：

　　我们来看一个例子吧，请看下面这段代码：



　　<html>

　　　 <head>

　　　 <title>changemouse</title>

　　　 </head>

　　　 <body>

　　　 <h1 style=“font-family:文鼎新艺体简”>鼠标效果</h1>//*设置字体*//

　　　 <p style=“font-family:行书体；font-size:16pt；color:red”>

　　　 请把鼠标移到相应的位置观看效果。</p>//*设置字体的名称、大小、颜色*//

　　　 <div style=“font-family:行书体；font-size:24pt；color:green；”>

　　　　//*设置该区域内的字体名称、大小、绿色*//

　　　　<p><span style=“cursor:hand”>手的形状</span><br>

　　　　 //*设置鼠标属性为手的形状*//

　　　　<span style=“cursor:move”>移动</span><br>//*设置鼠标属性为移动*//

　　　　<span style=“cursor:ne-resize”>反方向</span><br>

　　　　//*设置鼠标属性为反方向*//

　　　　<span style=“cursor:wait”>等待</span><br>//*设置鼠标属性为等待*//

　　　　<span style=“cursor:help”>求助</span>//*设置鼠标属性为求助*//

　　　　</p>

　　　　</div>

　　　　</body>

　　</html>



　　上述代码产生的效果请您点击这里



　　CSS的属性就讲到这里，我们看到它的属性还是比较多的，但是您只要搞清楚它们都是什么意思，应用起来就会很方便。在您应用的时候，还可以参照我为您提供的属性详细列表 。

　　下一章将向您介绍CSS定位。

1.动态转换

　　通过在CSS中设置属性，我们可以准确的定义一个页面的样式，如颜色、字体、边框等。现在我们要讲的CSS定位主要是在页面的布局和控制上进行定义，使您的页面从这两个方面都展现的非常完美，更加富有动感。

　　另外，在讲解之前，我们首先介绍两个定义：相对定位和绝对定位。相对定位就是允许在文档的原始位置上进行偏移。而绝对定位则允许任意定位。

　　实现CSS的定位最终还是要靠属性。我们来看一下定位属性的详细列表（见下图）：



　　我们在下面举一个例子，其中带了一点Script的内容，我们来看看它是如何实现动态显示的。讲解之前我们还是先看一下这个例子的效果吧，请点击这里

　　看，通过简单的CSS定位实现了颇具动感的效果。这种效果的代码如下：

　　

　　　

　　　dingwei css

　　　

　　　

　　　  

　　　  

　　　  

　　　

　　　 请选择一幅图片： //*设置字体大小、名称、颜色*//

　　　  

　　　

　　　//*导入一张图片，标识符为container1*//

　　　

　　　 　名称：大漠//*设置字体名称、颜色、大小*//

　　　  

　　　  

　　　

　　　

　　　//*导入另一种图片，标识符为container2*//

　　　

　　　　　名称： 大海

　　　  

　　　  

　　　 //*定义两个按钮*//

　　　

　　　 //*定义鼠标点击事件图片1为可见，图片2为不可见*//

　　　

　　　　//*定义鼠标点击事件图片1为不可见，图片2为可见*//

　　　　

　　　　

　　

　　代码虽然长了一些，但结构很简单，您只要用心看注释，很容易理解的。下一节我将向您继续介绍一个CSS定位的例子。

2.空间定位



　　在这一节里，我们来看一个利用z-index定位的例子，这个例子的效果在这里。

　　我们看到例子中的两幅图片和一段文字分别处于不同的空间位置，文字覆盖在那朵花的图片上，而挥动小旗的小老鼠却又覆盖在文字的上面。那么这种效果是怎样实现的呢？这里利用了CSS定位的z-index属性，代码如下：



　　<html>

　　　 <head>

　　　 <title>zindex</title>

　　　 <style type=“text/css”>

　　　 <!– 　　　　　　　　　　　　　　　　　　

　　　　.pile｛position:absolute；left:2in；top:2in；

　　　　width:3in；height:3in；｝//*定义了类pile，以及它的位置*//

　　　　.pile1{position:absolute；left:3in；top:2in；

　　　　width:1in；height:1in；} //*定义了类pile1，以及它的位置*//

　　　　–>

　　　　</style>

　　　　</head>

　　　　<body>

　　　　<img src=“ss01010.jpg” class=“pile” id=“image”

　　　　 style=“z-index:1”>

　　　　 //*导入一张图片，使它为pile类，z-index属性定义为１，位置处于最下方

　　　　　　*//

　　　　<div class=“pile” id=“text1”

　　　　style=“color:#ffff33;z-index:2” > 这段文字将覆盖在图片上。

　　　　</div>//*定义一段文字的颜色和z-index属性为2，处于中间位置*//

　　　　<img src=“075.gif” class=“pile1” id=“image”

　　　　style=“z-index:3”>

　　　　 //*导入第二张图片，使它为“pile1”类，z-index属性为3，位置处于最上

　　　　　　方*//

　　　　</body>

　　</html>



　　通过这两节的例子，我们可以看到CSS定位具有强大的功能，至于其他的一些定位属性，您可以自己尝试一下，很简单的。

　　利用好了CSS的定位功能，会使您的页面更加精致，更加富有动感。

　　下一章我将带您进入CSS滤镜的精彩世界。



五、CSS滤镜

   

　　1、概述

　　好了，下面我们将进入CSS的最精彩的部分–滤镜，它将把我们带入绚丽多姿的多媒体世界。正是有了滤镜属性，页面才变得更加漂亮。

　　CSS的滤镜属性的标识符是filter。为了使您对它有个整体的印象，我们先来看一下它的书写格式：

　　 filter：filtername（parameters）

　　怎么样？是不是很简单，看上去与前面讲的属性定义没什么太大的差别。Filter是滤镜属性选择符。

　　也就是说，只要您进行滤镜操作，就必须先定义filter；filtername是滤镜属性名，这里包括alpha、blur、chroma等等多种属性，详细内容请看下表：



　　上面filter表达式中括号内的parameters是表示各个滤镜属性的参数，也正是这些参数决定了滤镜将以怎样的效果显示。

　　看了上面长长的列表，是不是觉得很困难呀？不要紧，我们接下来一个一个的介绍这些属性在CSS中是怎样实现的（很简单哟^_^）。

　　下一节我们将首先学习Alpha透明属性的应用。



2、alpha属性

　　alpha是来设置透明度的。先来看一下它的表达格式：

　　filter：alpha（opacity=opcity，finishopacity=finishopacity，

　　style=style，startX=startX，startY=startY，finishX=finishX，

　　finishY=finishY）

　　哇，怎么这么长。是啊，不过这些参数都各有其用。

　　Opacity代表透明度等级，可选值从0到100，0代表完全透明，100代表完全不透明。 Style参数指定了透明区域的形状特征。其中0代表统一形状；1代表线形；2代表放射状；3代表长方形。

　　Finishopacity是一个可选项，用来设置结束时的透明度，从而达到一种渐变效果，它的值也是从0到100。 StartX和StartY代表渐变透明效果的开始坐标，finishX和finishY代表渐变透明效果的结束坐标。

　　从上面讲的我们可以看出，如果不设置透明渐变效果，那么只需设置opacity这一个参数就可以了。说了这么多，我们来看一个实例吧（见下图）：



实现上面这种效果的代码如下：



　　<html>

　　<head>

　　<title>alpha</title>

　　<style>//*定义CSS样式*//

　　<!–

　　div{position：absolute； left：50；top：70； width：150； }

　　//*定义DIV区域内的样式（位置为绝对定位，left、top、width的坐标）*//

　　　　img{position：absolute；top：20；left：40；

　　filter：alpha(opacity=80)}

　　//*定义图片的样式，绝对定位，滤镜属性是透明度为80*//

　　–>

　　</style>

　　</head>

　　<body>

　　<div>

　　<p style=“font-size：48；font-weight：bold；color：red；”>

　　Beautiful </p>//*定义字体属性，前景色为红色*//

　　</div>

　　<p><img src=“ss01076.jpg”> </p>

　　//*导入一张图片*//

　　</body>

　　</html>



　　如果在上面的代码中稍做改动，则将产生另外多种效果。我们只修改img的样式属性，把head中的Img样式属性代码改为如下所示：



　　img{position：absolute；top：20；left：40；

　　filter：alpha(opacity=0,finishopacity=100,

　　style=1,startx=0,starty=85,finishx=150,finishy=85);}

　 //*设置透明渐变效果，起始坐标，终止渐变坐标，并设置透明样式值（style=1）为　　　线形*//



　　这段代码产生的效果如左下图所示，右面的两幅图分别是把Alpha中的Style参数值为2和3后的效果，点击缩略图可放大。







　　

　　　　　　Style=1　　　　　　　　Style=2　　　　　　　　Style=3

　　以上是CSS的Alpha滤镜属性的应用，具体应用还需要您自己找个例子练一练。

　　下一节我们将介绍blur（模糊）属性。

3、blur属性

　　假如您用手在一幅还没干透的油画上迅速划过，画面就会变得模糊。CSS下的blur属性就会达到这种模糊的效果。

　　先来看一下blur属性的表达式：

　　filter：blur（add=add，direction，strength=strength）

　　我们看到blur属性有三个参数：add、direction、strength。

　　Add参数有两个参数值：true和false。意思是指定图片是否被改变成模糊效果。 　　　Direction参数用来设置模糊的方向。模糊效果是按照顺时针方向进行的。其中0度代表垂直向上，每45度一个单位，默认值是向左的270度。角度方向的对应关系见下表：



　　Strength参数值只能使用整数来指定，它代表有多少像素的宽度将受到模糊影响。默认值是5像素。

　　还是看一个例子吧。点击这里看效果　

　　看起来是不是有些像万花筒，在这个例子中加入了一些JavaScript的语句，代码如下：

　<html>

　　　<head>

　　　<title>blur css</title>

　　　<script>

　　　function handlechange(obj)

　　　//*设置一个循环函数handlechange，对象是obj*//

　　　{ with(obj.filters(0))//*Obj的filter属性*//

　　　 { if (strength<255)//*设置循环条件*//

　　　　 { strength +=1；direction +=45；}

　　　　//*每循环一次strength就加1，direction加45度*// 　　　　　　　

　　　 }

　　　}

　　　</script>

　　　</head>

　　　<body>

　　　<p><img id =“img1” src=“ss01087.jpg” 　　　　　　　　

　　　　　style=“filter：blur(strength=1)”

　　　　　onfilterchange=“handlechange(this)”>

　　　//*导入一幅图片，初始blur属性strength等于1，同时调用onfilterchange函

　　　数*//

　　　</p>

　　　 </body>

　　</html>



　　注：在javascript中blur属性是这样定义的：

　　　　[oBlurfilter=] object.Filters.blur



　　这个例子是Blur属性的一个比较复杂的例子，下一节我将向您介绍两个较简单的blur属性效果。

       通过blur属性还可以设置页面中的字体。如果把字体的blur属性add参数值定义为1，得出来的字体效果是这样的（如下图）：



　　怎么样，是不是有些印象派的意思，这种效果的实现代码如下：

<html>

　　　<head>

　　　<title>filter blur</title>

　　　<style>//*CSS样式定义开始*//

　　　<!–

　　　div{width：200；

　　　filter：blur(add=true,direction=90,strength=25)；}

　　　//*设置DIV样式，滤镜blur属性*//

　　　 –>

　　　</style>

　　　</head>

　　　<body>

　　　<div style=“width:702； height: 288”>

　　　<p style=“font-family:lucida handwirting italic；

　　　 font-size:72；font-style:bold；color:rgb(55,72,145)；” >

　　　 LEAF</p>

　　　//*定义字体名称、大小、样式、前景色*//

　　　</div>

　　　</body>

　　</html>

我们看到strength设置为25，如果把其值再改大一些，就会达到非常夸张的效果，同时把Direction参数值为180，显示效果如下图：



　　用blur属性设置字体可以达到很多效果，把direction和strength再做修改，还能达到多种效果，您可以自己修改试一试。

　　这一节我们介绍了Blur属性，下一节将向您介绍Chroma属性。

4、Chroma属性

　　Chroma属性可以设置一个对象中指定的颜色为透明色，它的表达式如下：

　　Filter：Chroma（color=color）

　　这个属性的表达式是不是很简单，它只有一个参数。只需把您想要指定透明的颜色用Color参数设置出来就可以了。比如下面这幅图：



　　图中显示两种字体，两种颜色，我们现在对“leaves”字体添加chroma属性，使其透明。代码如下：



<html>

　　　<head>

　　　<title>chroma filter</title>

　　　<style>

　　　<!–

　　　 div{position：absolute；top：70；width：200；

　　　　　 filter：chroma(color=green)}

　　　//*定义DIV范围内绿色为透明色，另外设置DIV的位置*//

　　　p{font-family：bailey；font-size：48；font-weight：bold；

　　　color：green} //*设置P的字体名称、大小、粗细、颜色*//

　　　em{font-family:lucida handwriting italic；font-size:48；

　　　font-weight：bold；color：rgb(255,51,153)}

　　 //*设置EM的字体名称、大小、粗细、颜色*//

　　　–>

　　　</style>

　　　</head>

　　　<body>

　　　<div>

　　　<p>LEAVES <em>LOVE</em></p>

　　　</div>

　　　</body>

　　</html>

通过上面代码中对chroma的属性设置，使绿色透明。显示效果如下图：



　　我们看到绿色的leaves字体不见了，实际上它是透明了，在IE下点击它所在的区域，它还是会显示出来（见下图）：



　　另外，需要注意的是，chroma属性对于图片文件不是很适合。因为很多图片是经过了减色和压缩处理（比如JPG、GIF等格式），所以它们很少有固定的位置可以设置为透明。

　　本节我们讲述了chroma属性的应用，下一节将向您介绍Dropshadow属性。

5、DropShadow属性

　　DropShadow属性是为了添加对象的阴影效果的。它实现的效果看上去就像使原来的对象离开页面，然后在页面上显示出该对象的投影。看一看它的表达式：

　　Filter：DropShadow（Color=color，Offx=Offx，Offy=offy，

　　　　　　　　　　　　Positive=positive）

　　该属性一共有四个参数： Color代表投射阴影的颜色。 Offx和offy分别X方向和Y方向阴影的偏移量。偏移量必须用整数值来设置。如果设置为正整数，代表X轴的右方向和Y轴的向下方向。设置为负整数则相反。

　　Positive参数有两个值：True为任何非透明像素建立可见的投影，False为透明的像素部分建立可见的投影。

　　同样，我们先来看一个例子（见下图）：



　　看，图中的文字就像是从页面上飞出来一样，并且留下了一层淡淡的影子。

　　实际上在这里应用的就是CSS的DropShadow属性，我们来看一下它的代码：



<html>

　　　<head>

　　　<title>dropshadow </title>

　　　<style>//*定义CSS样式*//

　　　<!–

　　　div {position:absolute；top:20；width:300；

　　　filter:dropshadow(color=#FFCCFF,offx=15,offy=10,positive=1)；}

　　　 –>

　　　//*定义DIV范围内的样式，绝对定位，投影的颜色为#FFCCFF，

　　　 投影坐标为向右偏移15个像素，向下偏移10个像素*//

　　　</style>

　　　</head>

　　　<body>

　　　<div>

　　　<p style=“font-family：matisse itc；font-size：64；

　　　　　　　　font-weight：bold；color：#CC00CC；”>

　　　//*定义字体名称、大小、粗细、颜色*//

　　　Love Leaf </p>

　　 </div>

　　 </body>

　　 </html>



　　和chroma属性一样，Dropshadow属性对图象的支持不好，我指的是JPEG、GIF格式的图象文件。

　　不能支持的原因与Chroma一样，因为这种图象的颜色很丰富，很难找到一个投射阴影的位置。



　　本节讲述了Dropshadow属性的应用，下一节将向您介绍FlipH、FlipV的属性应用。

6、FlipH、FlipV属性

　　Flip是CSS滤镜的翻转属性，FlipH代表水平翻转，FlipV代表垂直翻转。它们的表达式很简单，分别是：

　　Filter：FlipH

　　Filter：FlipV

　　我们先来看一幅图：点击可放大



　　下面我们分别对它实现水平翻转和垂直翻转，并且在图片上方的一段文字，也发生翻转。代码如下：



<html>

　　　<head>

　　　<title>flip css</title>

　　　<style>//*设置CSS样式开始*//

　　　<!–

　　　div{position：absolute；top：20；width：300；

　　　　　filter：fliph（flipv）；}

　　　//*定义DIV范围内的样式，绝对定位，翻转为水平翻转或垂直翻转。

　　　 注意：在这里fliph和flipv只取其中的一个*//

　　 img{position：absolute；top：70；left：40；

　　　　 filter：fliph（flipv）；}

　　　//*定义图片的样式，绝对定位，翻转属性和DIV一样。*//

　　　 –>

　　 </style>

　　 </head>

　　　<body>

　　　<div>

　　　<p style=“font-family：bailey；font-size：36pt；

　　　　　　　　　font-weight：bold； color：rgb(10,128,156)；”>

　　　 Leaf Village </p>

　　 //*定义字体名称、大小、粗细、颜色*//

　　 </div>

　　 <p><img src=“ss05058.jpg”></p>

　　 //*导入一张图片*//

　　 </body>

　　</html>

代码产生的两个效果分别如下图：（点击可以放大）

　　　　　　　　　　　　　

　　　　　　　　水平翻转　　　　　　　　　　　　　　　　垂直翻转

　　翻转的属性应用是不是很简单。下一节我将向您介绍Glow属性。

8、Glow属性

　　当对一个对象使用“Glow”属性后，这个对象的边缘就会产生类似发光的效果。它的表达式如下：

　　Filter：Glow（Color=color，Strength=strength）

　　Glow属性的参数只有两个：Color是指定发光的颜色，Strength指定发光的强度，参数值从1到255。 让我们先来看一下加上Glow属性的效果图：



　　怎么样，是不是有一种燃烧的火焰的感觉。实现这种效果的代码如下：



<html>

　　　 <head>

　　　 <title>filter glow</title>

　　　 <style>//*开始设置CSS样式*//

　　　 <!–

　　　　.leaf{position：absolute； top：20； width：400；

　　　　　　　filter：glow(color=#FF3399,strength=15)；}

　　　 //*设置类leaf，绝对定位，Glow滤镜属性，发光颜色值为#FF3399，强度为

　　　 15*//

　　　　.weny{position：absolute； top：70； left：50； width：300；

　　　　　　　filter：glow(color=#9966CC,strength=10)；}

　　　 //*设置类weny，绝对定位，glow滤镜属性，发光颜色值为#9966CC，强度为

　　　 15*//

　　　　–>

　　　 </style>

　　　 </head>

　　　 <body>

　　　 <div class=“leaf”>//*leaf类样式*//

　　　 <p style=“font-family：lucida handwriting；

　　　　　　　　　font-size：54pt；font-weight：bold；color：#003366；”>

　　　　Leaf Mylove</p>//*设置字体名称、大小、粗细、颜色*//

　　　 </div>

　　　 <div class=“weny”>//*weny类样式*//

　　　 <p style=“font-family：bailey； font-size：48pt；

　　　　　　　　　font-weight：bold；color：#99CC66；”>

　　　 //设置字体名称、大小、粗细、颜色*//

　　　 Weny Good!</p>

　　　 </div>

　　　 </body>

　　</html>



　　您还可以随意修改颜色值，看看其他的发光效果是怎样的。

　　本节主要讲了Glow属性的应用，下一节将向您介绍Gray属性。

7、Gray属性

　　Gray属性把一张图片变成灰度图。它的表达式很简单：

　　Filter：Gray

　　其实这个属性没什么好讲的，只需在您定义的IMG样式中加入一句代码：

　　{Filter：Gray}就一切OK了。

　　下面两幅图分别代表未加Gray属性和添加了Gray属性的效果：



这是原图，点击可放大



转成gray属性后的效果图

　　本节讲述的内容比较简单，下一节将向您介绍Invert转化属性。

9、Invert属性

　　Invert属性可以把对象的可视化属性全部翻转，包括色彩、饱和度和亮度值。

　　它的表达式也很简单：

　　Filter：Invert

　　我们再来看一下加上Invert属性前后的图片效果变化（如下图）：

　　　　　　　　　　　　　　

　　　　　　　　原图　　　　　　　　　　　　　　　 Invert属性效果图

　　　　　　（点击可放大） 　　　　　　　　　　　　　（点击可放大）

　　我们看到Invert属性实际上达到的是一种“底片”的效果。

　　自己拿别的图来试试吧。 本节介绍的是Invert属性，下一节将向您介绍Mask属性。

10、Mask属性

　　Mask属性为对象建立一个覆盖于表面的膜。它的表达式也很简单：

　　Filter：Mask（Color=颜色）

　　只有一个Color参数，用来指定使用什么颜色作为掩膜。

　　同样，我们来看一下一幅图片在加上mask属性前后的效果（见下图）：



原　图



Mask属性效果图

　　 加上MASK属性的效果就好象是在用有色眼镜看物体一样。上面的效果的代码如下：

<html>

　　　 <head>

　　　 <title> mask filter </title>

　　　 <style>//*设置CSS样式开始*//

　　　 <!–

　　　　div{position：absolute；top：20；left：40；

　　　　filter：mask(color：#666699)；}

　　　 //*定义DIV区域的样式，绝对定位，mask属性的color参数值指定用什么颜色遮

　　　 住对象*//

　　　　p{font-family：bailey；font-size：72pt；

　　　　　font-weight：bold；color：#FF9900；}

　　　 //*定义P区域内的样式，字体名称、大小、粗细、前景色*//

　　　　–>

　　　 </style>

　　　 </head>

　　　 <body>

　　　 <div>

　　　 <p> wenyleaf </p>

　　　 </div>

　　　 </body>

　　</html>



　　其实，您就算在代码中去掉对字体前景色的定义，得到的效果还是一样的。因为有了Mask属性的定义，它遮罩下的字体颜色的设置就已经失去了意义。

　　还有一点需要您注意的地方，mask属性对图片文件的支持还是不够，不能达到应该有的效果。

　　本节讲解了Mask属性的应用，下一节将向您介绍Shadow（阴影）属性。

11、Shadow属性

　　Shadow属性可以在指定的方向建立物体的投影。它的表达式是这样的：

　　Filter：Shadow（Color=color，Direction=direction）

　　在这里，Shadow有两个参数值：Color参数用来指定投影的颜色；Direction参数用来指定投影的方向。

　　这里说的方向与我们在第二节Blur属性中提到的“方向与角度的关系”是一样的。 　　也许您会问，前面讲到的Dropshadow属性和Shadow属性有什么不同吗？

　　光说的话，您恐怕还难以理解，让我们看一看分别利用这两个属性做出来的效果有什么不同（见下图）：

　

　　　　　　　　　Shadow效果　　　　　　　　Dropshadow效果

　　这样一对比，就可以很明显的看出两者的不同。

　　Shadow属性可以在任意角度进行投射阴影，Dropshadow属性实际上是用偏移来定义阴影的。所以，看上去左图的文字和阴影就像是一体的，而右图的文字就像脱离了阴影一样。

　　本例的代码如下：



<html>

　　　<head>

　　　<title> shadow</title>

　　　<style>//*开始设置CSS样式*//

　　　<!–

　　　.shadow{position:absolute；top:20；width:300；

　　　　　　　filter:shadow(color=#cc66ff,direction=225)；}

　　　//*定义Shadow类的样式，绝对定位，Shadow属性，阴影颜色、投影方向*//

　　　　.dropshadow{position:absolute；top:180；width:300；

　　　　filter:dropshadow(color=#cc66ff,offx=10,offy=10,positive=1)；}

　　　//*设置Dropshadow类的样式，样式与Shadow类相似， 不同的是滤镜用了

　　　Dropshadow属性，设置X轴和Y轴的偏移量*//

　　　–>

　　 </style>

　　 </head>

　　 <body>

　　 <div class=“shadow”>//*区域内为Shadow类*//

　　 <p style=“font-family：bailey；font-size：48pt；

　　　　　　　　font-weight：bold；color：#FF9900；”>

　　　 Hongen Online</p>//*定义字体名称、大小、粗细、前景色*//

　　　</div>

　　　<div class=“dropshadow”>//*区域内为Dropshadow类*//

　　　<p style=“font-family：bailey；font-size：48pt；

　　　　　　　　 font-weight：bold；color：#FF9900；”>

　　　 Hongen Online</p>//*定义字体样式与Shadow类的一样*//

　　　</div>

　　　</body>

　　</html>



　　本节讲述了Shadow属性的应用，下一节将向您介绍Wave（波纹）属性。

12、Wave属性

　　Wave属性用来把对象按照垂直的波纹样式打乱。它的表达式如下：

　　Filter：Wave（Add=True（False），Freq=频率，LightStrength=增强光效，

　　　　　　Phase=偏移量，Strength=强度）

　　我们看到Wave属性的表达式还是比较复杂的，它一共有五个参数。Add参数有两个参数值：True代表把对象按照波纹样式打乱；False代表不打乱；

　　Freq参数指生成波纹的频率，也就是指定在对象上共需要产生多少个完整的波纹。 　　LightStrength参数是为了使生成的波纹增强光的效果。参数值可以从0到100。 　　　Phase参数用来设置正弦波开始的偏移量。这个值的通用值为0，它的可变范围为从0到100。这个值代表开始时的偏移量占波长的百分比。比如该值为25，代表正弦波从90度（360*25%）的方向开始。

　　说了一大堆，我们还是先看一个实例吧。比如下面这幅图片（点击可放大）：



　　下面我们对上面这个页面加上Wave效果，代码如下：



<html>

　　　<head>

　　　<title> wave css</title>

　　　<style>//*定义CSS 样式开始*//

　　　<!–

　　　 .leaf{position:absolute；top:10；width:300；

　　　　　　 filter:wave(add=true,freq=3,lightstrength=100,

　　　　　　　　 　 phase=45,strength=20)；} 　　　　

　　　//*设置leaf类的样式，绝对定位，wave属性，产生3个波纹， 光强为100，波纹

　　　从162度（360*45%）开始，振幅为20*//

　　　img{position:absolute;top:110;left:40;

　　　　　filter:wave(add=true,freq=3,lightstrength=100,

　　 　　　　　　　phase=25,strength=5)；} 　　　　　

　　 //*设置IMG的样式，绝对定位，wave属性，产生3个波纹，光强为100，波纹从

　　 90度开始，振幅为5*//

　　　–>

　　　</style>

　　　</head>

　　　<body>

　　　<div class=“wave”>//*定义DIV区域内为Wave类*//

　　　<p style=“font-family：lucida handwriting；

　　　　　　　font-size=72pt； font-weight：bold；

　　　　　　　color：rgb(189,1,64)；”>Leaf</p>

　　　//*设置字体名称、大小、粗细、颜色*//

　　　</div>

　　　<p><img src=“ss01044.jpg”></p> //*导入图片*// 　　　

　　</body>

　　</html>

这段代码实现的效果如下图：



　　如果把Wave的参数随便做一下改动，就会达到多种效果，请看另外一种效果：（如下图）：



　　其实这种效果只是增大了freq参数的值，减小了Strength、LightStrength的值就可以了。您也可以多试试，改变其他的参数值，还可以达到许多不同的效果来。

　　本节主要讲述了Wave属性的应用，下一节将向您介绍Xray属性。

13、Xray属性

　　Xray就是X射线的意思。

　　Xray属性，顾名思义，这种属性产生的效果就是使对象看上去有一种X光片的感觉。 它的表达式很简单：

　　Filter：Xray

　　我们还是先来看一个页面（如下图）：



点击可放大

　　如果在上面的页面中加入Xray属性，也就是在的中，增添下面这一句代码：

　　Filter：Xray

　　您再看这个页面就会是另一种效果了：（如下图）



点击可放大

　　看，是不是就像给它拍了一张X光片一样。

正度纸张：787×1092 mm
开数(正度) 尺寸 单位（mm）
全开 781×1086
2开 530×760 3开 362×781
4开 390×543 6开 362×390
8开 271×390
16开 195×271
注：成品尺寸=纸张尺寸－修边尺寸

大度纸张：850×1168 mm
开数(正度) 尺寸 单位（mm）
全开 844×1162
2开 581×844 3开 387×844
4开 422×581 6开 387×422
8开 290×422
注：成品尺寸=纸张尺寸－修边尺寸

常见开本尺寸:
787 x 1092 mm
开数 尺寸 单位（mm）
对开：736 x 520
4开：520 x 368
8开：368 x 260
16开：260 x 184
32开：184 x 130

开本尺寸(大度)：
850 x 1168mm
开数 尺寸 单位（mm）
对开：570 x 840
4开：420 x 570
8开：285 x 420
16开：210 x 285
32开：203 x 140

正度纸张：787×1092mm
开数 尺寸 单位（mm）
全开 781×1086
2开 530×760
3开 362×781
4开 390×543
6开 362×390
8开 271×390
16开 195×271
注：成品尺寸=纸张尺寸－修边尺寸

大度×纸张：
8501168mm
开数(正度) 尺寸 单位（mm）
全开 844×1162
2开 581×844
3开 387×844
4开 422×581
6开 387×422
8开 290×422
注：成品尺寸=纸张尺寸－修边尺寸

16开 大度：210×285 正度：185×260
8开 大度：285×420 正度：260×370
4开 大度：420×570 正度：370×540
2开 大度：570×840 正度：540×740
全开 大：889×1194 小：787×1092

名片：
横版:90*55mm<方角> 85*54mm<圆角>
竖版:50*90mm<方角> 54*85mm<圆角>
方版:90*90mm 90*95mm

IC卡：85×54MM

三折页广告：
标准尺寸: (A4)210mm x 285mm

普通宣传册：
标准尺寸: (A4)210mm x 285mm

文件封套：
标准尺寸:220mm x 305mm

招贴画：
标准尺寸:540mm x 380mm

挂旗：
标准尺寸:8开 376mm x 265mm

4开 540mm x 380mm

手提袋：
标准尺寸:400mm x 285mm x 80mm

本SKIN适用于PJBLOG2　V2.3版本
请继续关注本站，近期内将会有许多新的原创SKIN推出！

SKIN Name:Dawn(黎明)
SkinDesigner：番茄红了
PubDate：2005-09-19
本人QQ：81438567
主页：tblog.com.cn
预览地址：http://www.tongx.com/down/dawn2.gif
点击下载 Dawn V2.0 1024X768（默认）
点击下载 Dawn V2.0 800X600

[color=Red]注：top图片右下角tblog.com.cn允许擦除！但请底部保留本站设计信息！谢谢

　　过完了生日，接下来就是中秋，日子过得很快。每一年都是这样过的，今年也没觉得有什么特别的，唯一特别的我想也就是过完之后会写下一篇日志，谨以怀念。

05/09/17  清晨　8：10

　　是个特别的日子，今天是我的生日，虽然这些天不断有朋友发来消息祝我生日快乐，感觉也没有什么特别的，只是觉得很平常。不过一大早，父亲就打来了电话，当时刚起床到公司上班，父亲的祝福让我感觉到特别的开心，但同时心里也觉得有些不安。上班后第一件事就是忙着改了个图片传上来，告诉自己今天自己生日，别忘记了父母亲……

　　作为一个儿子，不知道父母亲的生日，是一种罪过，如果以前还能用不懂事来作借口说法，我想现在还不知道就只能用不孝了。直到去年，我才从二哥那知道父亲母亲具体的生日时间，以前仅仅是知道父亲的生日在端午前后，母亲的生日在清明左右，尽管到时会提前一点点时间打个电话回家。

05/09/17　傍晚　18：00

　　又到下班时间了，今天生日在哪里过呢？几个同事都知道我今天生日，不过是不行了，虽已经囊中羞涩，不过生日还是得照过。不禁想起了去年的生日，当时在长沙，已经很长时间没找到工作了，跟几个玩得好的朋友住在一起，口袋里的钱也花光了，生日是不可能过得起的了。好友周杰打来电话，问我生日怎么过，由于是特别好的朋友，我也就直说了，身上没钱，生日不过了。

　　“CAO，什么话，我身上没钱咯！？是兄弟的话，生日我来安排。”

　　就这样，我过了一个最穷的生日。

05/09/17  晚上　21：00

　　我已经醉了，为何我的头脑还是清醒的，因为我知道自己醉了。我吐了，但我知道要去洗手间吐。同事陈志平送我回到了宿舍，一回到宿舍就躺在床上，再也爬不起来。下意识地摸了摸手机，突然想给婷婷打电话，为何每次喝醉之后都会想给婷婷打电话。不知道为什么，她没接，我打了两次，有点昏昏欲睡了……

05/08/18  早上　10：00

　　头胀得历害，起来找水喝，洗刷刷后吃顿午饭，今天是中秋节，没什么活动，也没去处，和同事几个躲在宿舍玩了一整天的游戏。一直到晚上12点还在玩游戏，眼睛有点痛，买台电脑就这样玩一天的游戏，恨，下楼吃个拉面上来把游戏全删除了……



05/08/19　星期一

　　今天又开始上班了，到了下班时间才忽然发现今天自己什么事也没做。只是改了改公司的网站，童总交待要我修改公司网站首页，我却忘记了，明天改吧。

　　下午时，不知为何，BLOG有几个小时打开不了，空间商的问题。一个下午，上网找了很多的图片素材，准备设计下一个SKIN，可惜的是没想到好的主题……

　　时间不早了，已经7点了，回去了..

本SKIN适用于PJBLOG2　V2.3版本
请继续关注本站，近期内将会有许多新的原创SKIN推出！

SKIN Name:Dawn(黎明)
SkinDesigner：番茄红了
PubDate：2005-09-16
本人QQ：81438567
主页：tblog.com.cn
预览地址：http://www.tongx.com/down/dawnview.gif
点击下载 Dawn V1.0

[color=Red]注：top图片右下角tblog.com.cn允许擦除！但请底部保留本站设计信息！谢谢

前些时间有网友问到我这样一个情况，他们公司利用ISA 2004禁止掉了QQ，不过在规则设置上只设置了上班时间禁止([color=Red]08：00-12：00，14：00-18：00)。在ISA2004中，只要在这段时间之处上QQ，并且不退出，那么即使到了被禁止的时间，QQ还是能照常使用的。

关于这个问题，有的网友是这样做的，到时间后[color=Red]拔掉连接服务器的网线再重新插上，或者是重启服务器。我想了个办法，就是利用netsh命令来禁止掉。

原理是这样的：
利用[color=Red]netsh interface ip set address这个命令修改ISA 2004服务器的IP地址或者网关，例如在一个Lan里面，只有当网关处在10.10.10.1是才能访问网络，那么我们可以给本机的IP或者网关更改为64.1.1.1，这时服务器已经相当于与网络断开了。然后再通过netsh命令将IP更改回来，这时，客户端通过连接到ISA 2004服务器的的信息则被重新初始化，这时就会执行我们在ISA 2004中设置QQ禁止规则。

命令如下：

程序代码

netsh interface ip set address name=”本地连接” static 64.1.1.1 255.0.0.0 64.1.1.1 1

程序代码

netsh interface ip set address name=”本地连接” static 10.10.10.1 255.0.0.0 10.10.10.1 1

我们编写两个批处理，并以上两个命令分别放在计划任务的不同时间运行。现在我们就不用那么麻烦了，每天到时去拔网线，呵，关于命令的更多资料就自己去查阅吧~!

网站的流量这些天越来越高了，以前日IP最多时才30左右，这些天一天比一天多，前些天达到90多，昨天已经到了96个IP，估计还会有更多的增加。这一切要归功于PJ BLOG，查看IP大多都来自[color=Red]baidu和[color=Red]google，搜索关键词是我的BLOG基本上都是靠前排的，PJ BLOG这一点确实是众多BLOG中做得最好的。

　　另外应网友要求，帮忙修改了一下[color=Orange]Orange mood 橙色心情 SKIN。

　　将所有文件解压至原目录下，覆盖即可。

　　本SKIN适用于PJ Blog V2.3，相对于原2.2版SKIN的日志标题处作了一点小小的调整，保留原有的版权设计信息。

　　如果还有什么问题请跟本人联系~！

下载地址： 点击下载此文件