明天是愚人节，一早起来不少人被何昕这小子给骗了：

AlPar█何昕 10:48:29
最新发现Window XP内藏小游戏：点开始键，然后在键盘上连续按2次“U“.记住一定要快。这样就可以调出隐藏的赛车游戏。大家玩玩看哦。

我也不例外，幸好动作慢了点，否则….

今天一天说来还是比较无聊的，什么事情都不想去做，只想玩玩，于是根据上面的文字又有了以下代码：[code] goto work;
if (Time == “8:30″)
{

MyComputer.Power;
if ((MyComputer.hold) || (MyComputer.sick))
{
MyComputer.reboot;
if (MyComputer.sick.very)
{
MyComputer.reinstall;
}
}

for (int i = 0; i < MyQQ.Friend.count; i++)
{
Send.Message.Text;
Send.Message.Image;
Receive.Message.Text;
Receive.Message.Image;
if (Other.Call)
{
Do.Other.thing;
}

if (Time == “12:00″)
{
MyQQ.Hide;
MyComputer.Lock;
have.lunch;
have.rest;
}

if (Time == “14:00″)
{
MyComputer.UnLock();
MyQQ.online();
}

if (Time == “17:30″)
{
MyQQ.close();
MyComputer.UU();
}
}
}

MyMobile.close();
go home; [/code]

还有就是QQ群里模仿系统消息，把字体大小和颜色改成跟系统消息差不多，消息自己定吧，这一招还挺灵，许多人还真上当了。

明天愚人节，祝大家愚人节快乐，明天别出门哦~~

刚发了一篇关于过滤垃圾信息的代码，才一小会儿又来了。博客银行是吧，被我删除的垃圾引用、垃圾评论、垃圾留言不知道有多少次了，好了，你是第一个，先拿你开刀了。

过滤字符列表：
[color=Red]博客银行 blogbank.cn 六 合 彩 hk365365 [2006/03/30]
[color=Red]allsexpages megaone.com 150m.com closeupsof.us zl-fm.com bedclip.com allbisexual.com [2006/03/31]
[color=Red]builtfree.org hk-365.com 1001an.com hkhk68 narod.ru

[2006/04/01]

一早起来发现留言本里又多了好多条垃圾留言，忽然想起曾在浪人ㄨ黑白看到的一段代码，作用主要是过滤一些垃圾信息。PJBLOG在关键字过滤方面的功能确实还有点差强人意，将以下代码加到const.asp的最后面吧，可以检测提交的垃圾信息，例如垃圾评论、垃圾留言或者屏蔽某未注册用户的发言，都是可以的。

如果你需要功能增加，还可以把过滤字段写入数据库，使得可以动态的更新过滤字段。
[code]Dim GetFlag,ErrorSql,RequestKey,ForI
ErrorSql = “***.com||彩铃”
'此处写上你要过滤的关键字，记住，如果是英文请使用小写，大写的英文将无法被验证!
'其中***.com就是你要过滤的域名，用||隔开，彩铃的垃圾最多了，也写上吧，其他的大家自己加
ErrorSql = split(ErrorSql,”||”)
If Request.ServerVariables(”REQUEST_METHOD”)=”GET” Then
GetFlag=True
Else
GetFlag=False
End If
If GetFlag Then
For Each RequestKey In Request.QueryString
For ForI=0 To Ubound(ErrorSql)
If Instr(LCase(Request.QueryString(RequestKey)),ErrorSql(ForI))<>0 Then
Response.Write (”对不起你提交的字段中有被管理员列入黑名单的关键字”)
Response.End
End If
Next
Next
Else
For Each RequestKey In Request.Form
For ForI=0 To Ubound(ErrorSql)
If Instr(LCase(Request.Form(RequestKey)),ErrorSql(ForI))<>0 Then
Response.Write(”对不起你提交的字段中有被管理员列入黑名单的关键字”)
Response.End
End If
Next
Next
End If[/code]

三、页面顶部制作(2)—-使用列表

这两个HTML元素大家自己去参考相关的内容吧，它们最主要的作用就是在HTML中以列表的形式来显示一些信息。

　　还有一点需要大家一定要分清楚的，当在HTML中定义为id=”divID”时，在CSS对应的设置语法则是#divID{} ，如果在HTML中定义为class=”divID”时，则在CSS中对应的设置语法是.divID。
　　如果id=”divID”这个层中包括了一个，则这个img在CSS中对应的设置语法应该是#divID img {}，同样，如果是包含在class=”divID”这个层中时，则设置语法应该是.divID img {}，这一点希望大家要分清楚了。
　　另外，HTML中的一切元素都是可以定义的，例如table、tr、td、th、form、img、input…等等，如果你要在CSS中设置它们，则直接写入元素的名称加上一对大括号[color=Red]{}就可以了。所有的CSS代码都应该写在大括号[color=Red]{}中。

　　按照上面的介绍，我们先在css.css中写入以下代码：[code]#menu ul {list-style:none;margin:0px;}
#menu ul li {float:left;}[/code]
　　解释一下：
　　#menu ul {list-style:none;margin:0px;}
　　list-style:none，这一句是取消列表前点，因为我们不需要这些点。
　　margin:0px，这一句是删除UL的缩进，这样做可以使所有的列表内容都不缩进。

　　#menu ul li {float:left;}
　　这里的 float:left 的左右是让内容都在同一行显示，因此使用了浮动属性(float)。

　　到这一步，建议大家先保存预览一下效果，我们再添加下面的内容，效果如下：

　　这时，列表内容是排列在一行，我们在#menu ul li {}再加入代码margin:0 10px：[code]#menu ul {list-style:none;margin:0px;}
#menu ul li {float:left;margin:0 10px}[/code]
　　margin:0 10px的作用就是让列表内容之间产生一个20像素的距离(左：10px，右：10px)，预览的效果如下：

　　现在，雏形已经出来了，我们再来固定菜单的位置，把代码改成如下：[code]#menu {padding:20px 20px 0 0}
/*利用padding:20px 20px 0 0来固定菜单位置*/
#menu ul {float:right;list-style:none;margin:0px;}
/*添加了float:right使得菜单位于页面右侧*/
#menu ul li {float:left;margin:0 10px}[/code]

　　这时，位置已经确定了，可是构思图中，菜单选项之间还有一条竖线，怎么办呢？
　　别忘了，我们早就已经留好了一个空的

，要想加入竖线就使用它了。
　　按照上面说的方法，我们再添加以下代码：

程序代码

.menuDiv {width:1px;height:28px;background:#999}

，保存预览一下，竖线是否已经出来了？关于这段代码就不多讲了，应该是很容易理解的。

　　不过，菜单选项的文字却在顶部，我们再修改成以下代码：

程序代码

#menu ul li {float:left;margin:0 10px;display:block;line-height:28px}

　　关于[color=Red]display:block;line-height:28px大家可以去参阅一下手册，我就不多讲了。

　　效果基本上已经实现了，剩下的就是修改菜单的超链接样式，在css.css中添加以下代码：[code]#menu ul li a:link,#menu ul li a:visited {font-weight:bold;color:#666}
#menu ul li a:hover{}[/code]
　　这个也不多说了，没什么好说的了，最后的效果如下：

　　这一节到这里就完毕了，顺便把素材提供给大家：
　　构思图： 点击下载
　　HTML和CSS源文件： 点击下载

相关文章：
Div+CSS布局入门教程(一) # — 页面布局与规划
Div+CSS布局入门教程(二) # — 写入整体层结构与CSS
Div+CSS布局入门教程(三) # — 页面顶部制作(1)
Div+CSS布局入门教程(四) # — 页面顶部制作(2)—-使用列表

天上的星星不说话
地上的娃娃想妈妈
天上的眼睛眨呀眨
妈妈的心呀鲁冰花
……

不知道是什么原因又勾起我想看这部电影的欲望，记得第一次看这部电影的时候还是小学三年级的时候，那是由学校组织的。

在儿童时代看过的所有的电影中，印象最深的莫过于这部《鲁冰花》和《妈妈再爱我一次》。而两部电影的主题曲也都成为了经典，相信80年代出生的朋友应该都看过这两部电影，也是最让人感动的两部电影。感谢eMule，让我重温了童年的感动，也让我想起了许多自己童年时代的事情。不仅仅是因为电影的剧情感动，而是回忆起了童年时代，才更感动。

就连哼一哼这首歌，都成了一种感动，以下是《鲁冰花》歌词：

鲁冰花
夜夜想起妈妈的话
闪闪的泪光鲁冰花
天上的星星不说话
地上的娃娃想妈妈
天上的眼睛眨呀眨
妈妈的心呀鲁冰花
家乡的茶园开满花
妈妈的心肝在天涯
夜夜想起妈妈的话
闪闪的泪光鲁冰花
啊..
夜夜想起妈妈的话
闪闪的泪光鲁冰花
啊…
夜夜想起妈妈的话
闪闪的泪光
(唱)闪闪的泪光
我知道半夜的星星会唱歌
想家的夜晚它就这样和我一唱一和
我知道午后的清风会唱歌
童年的蝉声它总是跟风一唱一和

当手中握妆华
心情却变得荒芜
才发现世上一切都会变卦
当青春剩下日记
乌丝就要变成白发
不变的只有那首歌
在心中来回地唱

三、页面顶部制作(1)

　　当我们写好了页面大致的DIV结构后，我们就可以开始细致地对每一个部分进行制作了。

　　在上一章中我们写入了一些样式，那些样式是为了预览结构而写入的，我们把css.css中的样式全部清除掉，重新写入以下样式代码：
[code]/*基本信息*/
body {font:12px Tahoma;margin:0px;text-align:center;background:#FFF;}
a:link,a:visited {font-size:12px;text-decoration:none;}
a:hover{}

/*页面层容器*/
#container {width:800px;margin:10px auto}[/code]
　　样式说明：

　　[i]a:link,a:visited {font-size:12px;text-decoration:none;}
　　a:hover {}[/i]

　　这两项分别是控制页面中超链接的样式，具体我就不说明了，请大家参阅手册。

　　#container {width:800px;margin:10px auto}

　　指定整个页面的显示区域。
　　width:800px指定宽度为800像素，这里根据实际所需设定。
　　margin:10px auto，则是页面上、下边距为10个像素，并且居中显示。
　　上一章中我们讲过，[color=Red]对层的margin属性的左右边距设置为auto可以让层居中显示。

　　接下来，我们开始制作TOP部分，TOP部分包括了LOGO、菜单和Banner，首先我们要做的就是对设计好的图片进行切片，以下是在FW下完成的切片：

　　我将TOP部分切片为两部分，第一部分包括了LOGO和一条横线。由于LOGO图片并没有太多的颜色，这里我于是将这一部分保存为GIF格式，调色板选择为精确，选择Alpha透明度，色版为白色(此处颜色应与背景色相同)，导出为logo.gif，图像宽度为800px。

　　到这里，有的朋友就说了，* 为什么要使用GIF格式？使用JPEG不是更好吗？
　　因为GIF格式的图片文件更小，这样能使页面载入的速度更快，当然使用此格式之前必须确定图片并没有使用太多的颜色，当我们使用了GIF格式时，从肉眼上并不能看出图片有什么太大的变化，因此这是可行的。

　　* 接下来的Banner部分还能使用GIF格式吗？
　　答案是不能，因为Banner部分是一个细致的图片，如果使用GIF格式颜色会有太大的损失，所以必须使用JPEG格式，将文件导出为banner.jpg。

　　[color=Red]* 合理的切片是非常之重要的，因为切片的方法正确与否决定了CSS书写的简易程度以及页面载入速度。

　　切好片后，我们还需要对TOP部分进行分析并将DIV结构写入Header中代码如下：
[code]　　

[/code]
　　为什么要这么写呢，因为对菜单使用列表

　　插入这一段代码是可以方便地对菜单选项之间插入一些分隔样式，例如预览图中的竖线分隔。

　　然后我们在css.css中再写入以下样式：
[code]/*页面头部*/
#header {background:url(logo.gif) no-repeat}[/code]
　　样式说明：
　　#header {background:url(logo.gif) no-repeat}
　　给页面头部分加入一个背景图片LOGO，并且不作填充。

　　这里，我们没有指定header层的高度，为什么不指定呢？

　　因为header层中还有菜单和banner项，所以层的高度暂时是未知的，而层的属性又可以让层根据内容自动设定调整，因此我们并不需要指定高度。

　　[color=Red]* 接下来，我们开始制作菜单，留到下一章，教程中相关文件请到下一章下载！

相关文章：
Div+CSS布局入门教程(一) # — 页面布局与规划
Div+CSS布局入门教程(二) # — 写入整体层结构与CSS
Div+CSS布局入门教程(三) # — 页面顶部制作(1)
Div+CSS布局入门教程(四) # — 页面顶部制作(2)—-使用列表

7456，宽带线路质量不行，这几天只要一下雨就老掉线。

在家里呆了很长时间了，必须马上找工作了。

暂停一下其他的事情，准备开始设计一份个人简历，并且整理些资料。为免以后更新麻烦，决定用PHP写一个个人简历程序，方便以后修改
[fk]

二、写入整体层结构与CSS

　　接下来我们在桌面新建一个文件夹，命名为“DIV+CSS布局练习”，在文件夹下新建两个空的记事本文档，输入以下内容：
[code]

[/code]
　　这是XHTML的基本结构，将其命名为index.htm，另一个记事本文档则命名为css.css。

　　下面，我们在标签对中写入DIV的基本结构，代码如下：
[code]

[/code]
　　为了使以后阅读代码更简易，我们应该添加相关注释，接下来打开css.css文件，写入CSS信息，代码如下：

[code]
/*基本信息*/
body {font:12px Tahoma;margin:0px;text-align:center;background:#FFF;}

/*页面层容器*/
#container {width:100%}

/*页面头部*/
#Header {width:800px;margin:0 auto;height:100px;background:#FFCC99}

/*页面主体*/
#PageBody {width:800px;margin:0 auto;height:400px;background:#CCFF00}

/*页面底部*/
#Footer {width:800px;margin:0 auto;height:50px;background:#00FFFF}
[/code]
　　把以上文件保存，用浏览器打开，这时我们已经可以看到基础结构了，这个就是页面的框架了。
　　关于以上CSS的说明（详细请参考CSS2.0中文手册，网上有下载）：

　　1、请养成良好的注释习惯，这是非常重要的；

　　2、body是一个HTML元素，页面中所有的内容都应该写在这标签对之内，我就不多说了；

　　3、讲解一些常用的CSS代码的含义：

　　　　font:12px Tahoma；
　　　　这里使用了缩写，完整的代码应该是：font-size:12px;font-family:Tahoma；说明字体为12像素大小，字体为Tahoma格式；

　　　　margin:0px；
　　　　也使用了缩写，完整的应该是：

　　　　margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px
　　　　或
　　　　margin:0px 0px 0px 0px

　　　　顺序是 上 / 右 / 下 / 左，你也可以书写为margin:0(缩写)；
　　　　以上样式说明body部分对上右下左边距为0像素，如果使用auto则是自动调整边距，
　　　　另外还有以下几种写法：
　　　　margin:0px auto；
　　　　说明上下边距为0px，左右为自动调整；
　　　　我们以后将使用到的padding属性和margin有许多相似之处，他们的参数是一样的，
　　　　只不过各自表示的含义不相同，margin是外部距离，而padding则是内部距离。

　　　　text-align:center
　　　　文字对齐方式，可以设置为左、右、中，这里我将它设置为居中对齐。

　　　　background:#FFF
　　　　设置背景色为白色，这里颜色使用了缩写，完整的应该是background:#FFFFFF。
　　　　background可以用来给指定的层填充背景色、背景图片，以后我们将用到如下格式：
　　　　background:#ccc url('bg.gif') top left no-repeat；
　　　　表示：使用#CCC(灰度色)填充整个层，使用bg.gif做为背景图片，
　　　　top left
　　　　表示图片位于当前层的左上端，no-repeat表示仅显示图片大小而不填充满整个层。
　　　　top/right/left/bottom/center
　　　　用于定位背景图片，分别表示 上 / 右 / 下 / 左 / 中；还可以使用
　　　　background:url('bg.gif') 20px 100px;
　　　　表示X座标为20像素，Y座标为100像素的精确定位；
　　　　repeat/no-repeat/repeat-x/repeat-y
　　　　分别表示 填充满整个层 / 不填充 / 沿X轴填充 / 沿Y轴填充。

　　　　height / width / color
　　　　分别表示高度(px)、宽度(px)、字体颜色(HTML色系表)。

　　4、如何使页面居中？
　　　　大家将代码保存后可以看到，整个页面是居中显示的，那么究竟是什么原因使得页面居中显示呢？
　　　　是因为我们在#container中使用了以下属性：
　　　　margin:0 auto;
　　　　按照前面的说明，可以知道，表示上下边距为0，左右为自动，因此该层就会自动居中了。
　　　　如果要让页面居左，则取消掉auto值就可以了，因为默认就是居左显示的。
　　　　通过margin:auto我们就可以轻易地使层自动居中了。

　　5、这里我只介绍这些常用的CSS属性了，其他的请参看CSS2.0中文手册。

相关文章：
Div+CSS布局入门教程(一) # — 页面布局与规划
Div+CSS布局入门教程(二) # — 写入整体层结构与CSS
Div+CSS布局入门教程(三) # — 页面顶部制作(1)
Div+CSS布局入门教程(四) # — 页面顶部制作(2)—-使用列表

一、页面布局与规划

　　好久没有认真写点东西了，想起最近这些时间经常有朋友问到我有关于DIV+CSS布局的问题，其实归根结底还是由于没有入门造成的。那么接下来的这篇文章就带领大家入门吧…

　　在网页制作中，有许多的术语，例如：CSS、HTML、DHTML、XHTML等等。在下面的文章中我们将会用到一些有关于HTML的基本知识，而在你学习这篇入门教程之前，请确定你已经具有了一定的HTML基础。下面我们就开始一步一步使用DIV+CSS进行网页布局设计吧。

　　所有的设计第一步就是构思，构思好了，一般来说还需要用PhotoShop或FireWorks(以下简称PS或FW)等图片处理软件将需要制作的界面布局简单的构画出来，以下是我构思好的界面布局图。

　　下面，我们需要根据构思图来规划一下页面的布局，仔细分析一下该图，我们不难发现，图片大致分为以下几个部分：
　　1、顶部部分，其中又包括了LOGO、MENU和一幅Banner图片；
　　2、内容部分又可分为侧边栏、主体内容；
　　3、底部，包括一些版权信息。
　　有了以上的分析，我们就可以很容易的布局了，我们设计层如下图：

　　根据上图，我再画了一个实际的页面布局图，说明一下层的嵌套关系，这样理解起来就会更简单了。

　　DIV结构如下：
　　│body {}　/*这是一个HTML元素，具体我就不说明了*/
　　└#Container {}　/*页面层容器*/
　　　　　├#Header {}　/*页面头部*/
　　　　　├#PageBody {}　/*页面主体*/
　　　　　│　├#Sidebar {}　/*侧边栏*/
　　　　　│　└#MainBody {}　/*主体内容*/
　　　　　└#Footer {}　/*页面底部*/
　　至此，页面布局与规划已经完成，接下来我们要做的就是开始书写HTML代码和CSS。

相关文章：
Div+CSS布局入门教程(一) # — 页面布局与规划
Div+CSS布局入门教程(二) # — 写入整体层结构与CSS
Div+CSS布局入门教程(三) # — 页面顶部制作(1)
Div+CSS布局入门教程(四) # — 页面顶部制作(2)—-使用列表

插件名称: PJBLOG 友情链接功能增强插件 V1.0 Beta
插件作者: 番茄红了
完成时间: 2006/03/14
演示地址: http://www.tblog.com.cn
联系方式: aultoale##gmail.com
适用版本: PJBLOG 所有版本

主要功能:
1、增强了后台管理操作，对所有链接批量操作(删除、验证、置顶、分类等)
2、增加了链接分类功能
3、增加了链接排序功能，可按链接名称长度、加入顺序进行自动排序，或选择反向排序
4、增加了网站简介功能，可输入200字符长度的简介信息
5、可自定为列表或滚动显示，并可设置滚动速度及高度
6、修正新申请链接无法分配正确序号的错误
7、通过Update文件，轻松升级数据库
8、在不影响原PJBLOG数据库的前提下，可自由选择使用插件或系统内置链接功能

使用方法:
1、下载插件后，将BlogLinks目录解压到根目录下的\Plugins目录下；
2、将压缩包内的update.asp解压到根目录下；
3、在浏览器地址栏输入：http://你的域名/update.asp，然后运行该升级程序；
4、确认成功升级数据库后请删除update.asp；
5、登录进入后台找到名为『友情链接功能增强插件 V1.0 Beta』的插件，安装；
6、进入插件配置–>高级设置，为该插件配置相关设置

FAQ:

[color=Red]问：导航栏菜单过长，我想让他变短，如何设置？
答：进入管理后台–>日志分类管理–>，找到插件标题，修改即可。

[color=Red]问：我想在首页显示链接时，下方显示 查看更多链接，该如何设置链接？
答：进入管理后台–>界面与插件–>设置模板–>，找到标识为BlogLinksSubItem1的选项，点击编辑HTML源代码，输入如下内容即可：
[code]$BlogLinksShow$

申请︱查看更多链接

[/code]
[color=Red]问：出现其他的错误？
答：请到我的BLOG留言：http://www.tblog.com.cn，这是一个测试版的插件，目前只完善了上述功能，欢迎大家提出修改建议和错误纠正。
点击下载此文件

[color=Red]=========== 2006/03/15 补充 ===========
这是写代码大意的一个BUG，打开install.xml找到以下两行代码，删除即可：
[code]ClassName=”

”
BlogLinksShow=BlogLinksShow&ClassName&ReadLinks(empty)[/code]
[color=Red]=========== 2006/03/28 补充 ===========
关于报错：/plugins.asp，行177 ，请下载以下文件替换即可。
点击下载此文件

注意：删除后请反安装插件，并选择不保留原有信息。
　　　 当删除掉这两行时，未分类的链接将不会在首页显示!
另：网站简介只有当鼠标悬停在链接上时才会显示。

附件已重新上传，请大家放心下载！
点击下载此文件