使用方法：

1

<?php wp_list_categories('参数'); ?>

默认参数设置为：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18

$defaults = array(
'show_option_all' => ",  	显示分类，但默认分类无链接
'orderby' => 'name', 	 	按照分类名进行排序
'order'=> 'ASC', 	 	按照升序排名
'show_last_update' => 0,   	不显示分类中日志的最新时间戳
'style' => 'list',  		用列表显示分类
'show_count' => 0, 0, 		不显示分类下的日志数
'hide_empty' => 1, 		只显示有文章的分类
'use_desc_for_title' => 1,  	显示分类链接中 title 标签的分类描述
'child_of' => 0, 		子分类无限制
'feed' => ”,  			无 feed输出
'feed_image' => ”,  		默认在Feed 中不输出图片
'exclude' => ”,  		不在分类列表中显示该分类
'hierarchical' => true,		分层显示父/子分类
'title_li' => __('Categories'), 在列表前作为标题显示分类
'echo' => 1 			显示分类
);
?>

函数参数参考说明

show_option_all

（字符串）当值为非空时会显示所有链接。默认值是不显示的所有链接。

orderby

字符串型参数，分类的排序方式：

• orderby=ID（按照分类默认的 ID 排序）
• orderby=name（按照分类名排序–默认）
• orderby=count（按照分类下的文章数排序）

order

字符串型参数，分类的排序方式：

• order=ASC （升序排列–默认）
• order=DESC（降序排列）

show_last_updated

布尔型，用于是否显示最近更新的时间：

• show_last_updated=1 （显示）
• show_last_updated=0 （不显示–默认）

style

字符串型，控制分类的输出方式：

• style=list（按照列表的样式输出）
• style=none （无样式输出）

show_count

布尔型，是否显示每个分类下的文章数：

• show_count=0 （不显示–默认）
• show_count=1 （显示）

hide_empty

布尔型，是否不显示没有文章的分类：

• hide_empty=1 （不显示–默认）
• hide_empty=0 （显示）

use_desc_for_title

布尔型，是否将分类的描述插入其链接的 title 标签中：

• use_desc_for_title=1 （插入描述–默认）
• use_desc_for_title=0 （不插入）

child_of

整型，显示指定父分类 ID 下的子分类，无默认值

feed

字符串型，显示每个分类的 RSS 链接，并可以设置链接的文字，默认不显示

feed_image

字符串型，为 RSS 设置一个链接的图标，默认不显示

exclude

字符串型，根据分类的 ID，按照升序将指定分类从分类列表中排除

include

字符串型，根据分类的 ID，按照升序，将指定分类显示出来

hierarchical

布尔型，是否分层缩进显示子分类

• hierarchical=1 （显示–默认）
• hierarchical=0 （不显示）

hierarchical

字符串型，设置分类的标题名和外部列表项目的样式，默认显示“_Categories”，如果没有设置这个值则不显示

number

整型，设置显示分类的数量，默认没有限制。

echo

布尔型，用于显示结果或保持为一个变量，默认显示原有分类。此参数将在2.3版本的有效。

• echo=1 （显示–默认）
• echo=0 （不显示）

depth

（整数）此参数控制如何在多层次的分类层次。

• depth=0 （默认按照分层缩进的方式显示全部分类和子分类）
• depth=-1 （不按照缩进的方式显示全部分类）
• depth=1 （只显示一层子分类）
• depth=n （显示 n 层子分类）

实例说明

按照字母排序，并只显示 ID 为16、3、9和5的分类：

1
2
3

<ul>
<?php wp_list_categories('orderby=name&include=3,5,9,16'); ?>
</ul>

按照字母排序，显示每个分类的日志数，但不显示 ID 为10的分类

1
2
3

<ul>
<?php wp_list_categories('orderby=name&show_count=1&exclude=10'); ?>
</ul>

显示或隐藏列表头，在分类函数 wp_list_categories 中，title_li 这个参数用于设置或者隐藏分类列表的头或者标题。它的默认值是：‘(__(’Categories’)’ ，这也就是为什么我们在不另设置分类列表标题的时候，它会显示“Categories”的原因。如果你在这里不设置任何参数，那么它将什么都不会显示。下面的例子是排除 ID 为4和7并且隐藏列表头的分类列表：

1
2
3

<ul>
<?php wp_list_categories('exclude=4,7&title_li='); ?>
</ul>

接下来的例子是仅仅只显示 ID为5、9和23，并且列表头显示为“诗歌”的分类列表：

1
2
3

<ul>
<?php wp_list_categories('include=5,9,23&title_li=<h2>' . __('诗歌') . '</h2>' ); ?>
</ul>

仅显示某个分类下的子分类，下面的示例代码生成了 ID 为8的父分类下的子分类根据其 ID 进行排序的链接列表（读起来真绕口 -__-|||），它会显示每个分类下的文章数，并且隐藏链接的 title 标签中的分类描述，注意：如果父分类下没有任何文章，那么父分类将不会显示

1
2
3

<ul>
<?php wp_list_categories('orderby=id&show_count=1&use_desc_for_title=0&child_of=8'); ?>
</ul>

这个函数里设置的参数比较多，这里我稍作说明：我们可以看到不同参数之间使用了“&”这个“与符号”来进行区分连接，orderby=id 按照 ID 排序，show_count=1 显示分类下的文章数，use_desc_for_title=0 隐藏分类描述，child_of=8 指定 ID 为8的子分类。

还可以使用 RSS 图标代替 RSS 链接

1
2
3

<ul>
<?php wp_list_categories('orderby=name&show_count=1&feed_image=/images/rss.gif'); ?>
</ul>

Noties:

默认情况下，wp_list_categories（）生成嵌套在一个无序列表项列表（UL）的（li）的列表里面，默认标题为“Categories”。

你可以删除最外面的项目，并通过设置title_li这个参数为空字符串列表。您需要来包装在一个有序列表（ol）或无序列表输出自己（见下面的例子）。如果您不希望在所有输出名单，设置style参数为none。

1
2
3
4
5
6

 li.categories { ... }  /* 最外层的li类 */
 li.cat-item { ... }
 li.cat-item-7 { ... }  /* 第7层应该调用的类，当然后面可以此类推 */
 li.current-cat { ... }
 li.current-cat-parent { ... }
 ul.children { ... }

通过以上的例子我们可以很清楚的看到，我们可以通过对每个class的css样式进行定义，来达到每一层分类的显示样式。

我来介绍！CustomizeGoogle来自上届世界杯的东道主-德国，从初识FF以来，它就一直跟着我 ~  它给我最后大的感觉就是非常非常之贴合Google.

插件功能简介：

通过增加额外信息（例如链接到 Baidu、Yahoo、Ask Jeeves、MSN 等）来增强Google的搜索结果，也可以移除不想要的信息（例如广告与垃圾信息）。所有功能都是可选的。

• 使用 Google 建议（输入时提示备选项）
• 加入到其他搜索引擎的链接
• Google 图像中的链接直接指向图片
• 去除 Google 出版中的图像拷贝限制
• 使用安全的 Gmail
• 正常使用网页快照功能
• 移除广告
• 不使用 Google userid
• 加入搜索结果计数
• 过滤搜索结果
• 加入到网页历史的链接
• 移除点击记录

作者偷懒，CustomizeGoogle尚不支持最新版FF，我就不截图了。

以上为插件官方介绍，有些模糊，个人就再简单介绍一下下~

当你打开GOOGLE搜索时，CustomizeGoogle会在你的搜索的顶栏加上其它搜索引擎的链接，诸如Baidu、Yahoo、Ask Jeeves、MSN等等，当你在GOOGLE中没有找到你想要的东东时，你可以一键切换到其它搜索引擎。
经过配置的CustomizeGoogle，可以为你移除所有的GOOGLE广告，让你使用GOOGLE时有一个良好的用户体验。
打开GOOGLE，当你输入关键词时，CustomizeGoogle会为你添加关键词联想，并对这些联想出来的关键词

做搜索次数统计~  让你对当前的搜索一目了然。

最重要的是它可以帮你阻止各种网站对你的点击进行跟踪，做到真正的踏雪无痕，呵呵，有效防止个人信息的泄露。

配置好的CustomizeGoogle会在查看GOOGLE下页时，自动翻页。

功能完全自选，不会强迫你使用它的任何功能 ~~~~~~

等等等等。。。 还有更多等你试用了才知道哦~

如此上网利器，当然不只FF可以配备它，IE、opera等主流浏览器它都支持。

我的火狐收藏集

我的收藏集，里面有CustomizeGoogle，也有其它不错的插件，如果你喜欢，请收藏我的收藏集~

为XP仿造一个类似Vista的开始按钮 – ViOrb

ViOrb全自动替换一个看起来Vista的开始菜单相同的启动按钮。所以，你可以得到Vista的感觉和外观的Windows XP中。下载ViOrb，无须安装，直接运行即可。

为XP打造一个Vista开始菜单       – ViStart

ViStart可以为XP仿造一出个ViSta的开始菜单，让你能够更快速，更方便的查的自己所需要的东西，当你鼠标移动到每个菜单项时，它会作出相应的反应（图标显示）。当然如果你不喜欢它的界面的话，可以自己来DIY。

为XP仿造一个WIN 7 属性栏        – ViGlance

为XP仿造一个WIN 7 属性栏，可以实现WIN 7属性栏的大部分功能，例如：动态窗口缩略图、属性栏渐隐、程序自定义等等，真实的仿造功能，有了它可以大大提高你的工作效率，再装一个WIN 7皮肤，你的XP就活生生是似WIN7了。~

为XP提供一个伪Vista 文件管理栏  – ViSplore

呵呵，有了属性栏，开始菜单，以及皮肤，当然文件打开依旧还是XP模样。别急，ViSplore为你提供WIN 7仿文件管理功能。它界面简洁、美观大方，且实用，相信用了它你一定会爱上它~

Noties: ViOrb–不知道作者是什么逻辑要弄这么一个软件出来，呵呵，感觉一点用途都没有，太差劲了。ViStart 提供了一个语言更改程序，支持中文，感觉还行。最好用的当然是ViGlance了，相对于SBar哈，当然，在配置了这些武器之后再装备一个True launch bar和音速启动那就是爽上加爽啦，不知道各位看官，以上几类提到的武器您有没有备齐呢~

这里给大家介绍的就是最新FileZilla FTP 3.3.2.1

FileZilla FTP 3.3.2.1最新特性：

新功能：

    * 记忆更新下载目录

错误修正和小的变化：

    * 取消文件重命名的行动，改变文件列表，如更改排序顺序或执行一个刷新
    * 取消文件重命名，如果启动一个拖放操作
    * 如果下载过滤通过双击文件或者从搜索对话框添加无效的字符
    * 解决具体地点的书签菜单
    * 菜单没有反映妥善保存时间戳选项的初始值
    * 垃圾：保持在开始功能表更新FileZilla的子目录时，保留客户订单
    * 垃圾：添加的AppID支持安装

嗯，来看下它的整体工作界面吧：

工具栏，很玲珑，很简洁，可自定义。

工作窗口，可察看更多目录，可操作性极强。

站点设置界面，依旧是那样的简洁，可功能却不少，多种传输方式，一点也不输给免费软件，呵呵，免费！ 我喜欢~

嗯，这里就是它的其它功能的完全设置界面，可以设置FTP相关，可设置语言，皮肤等等，一句话：很好，很强大 ！

OK，就说到这里吧，这里放下的这个版本是从，官方网站下载，优化精简过的版本，免去安装等繁琐步骤，有喜欢和需要的可以免费下载~

腾讯微博是一个由腾讯网推出，提供微型博客服务的类Twitter网站。2010年4月1日，已经对外小规模测试。

　　这里有：

　　不断涌现的即时见闻

　　妙语连篇的名人名嘴

　　真实鲜活的真实故事

　　你可以：

　　跟踪要闻的动态发展

　　感受他们的生活情感

　　分享自己的经常瞬间

腾讯QQ微博唯一制定平台：http://t.qq.com/

腾讯QQ微薄注册：登陆页面开通，根据提示操作即可！

如何开通腾讯QQ微博：

目前只能通过邀请码以及积分兑换，邀请码如下

先奉上5枚腾讯微博邀请码，定期更新：

http://t.qq.com/invite/2d845b4d2126e020bc81

http://t.qq.com/invite/37c87a983b1f842a884b

http://t.qq.com/invite/d13d97cd76ddc20d81fb

http://t.qq.com/invite/56bd6f136bef72a146f9

http://t.qq.com/invite/b988bc67461fed90f04f

说明：
占位空间：元素在文档流中所占据的空间。
物理空间：元素本身所占据的空间。

下面分3种情况分别对相对定位和绝对定位进行讨论：
1.只使用css第一组属性布局定位元素的情况
2.只使用css第二组属性布局定位元素的情况
3.混合使用第一组和第二组属性的情况

图1为未定位时的初始效果，
层级关系为：
<div
<div box1
<div box2
<div box3
效果图：

图1

一、用相对定位布局块级元素
元素设置position值： position:relative
此属性值的设置，元素没有脱离文档流，还是普通流定位模型的一部分，会对文档流中其它元素布局产生影响。（说明：蓝色代表占位空间，红色代表元素）

1.仅使用left、right、top和bottom属性布局相对定位元素的情况
元素原本所占的占位空间仍保留，物理空间偏移。

图2中，设置元素的left和top的值，对box2进行布局，可以发现除了box2偏移之外，其他块级元素的位置没有被影响，可见box2的占位空间还是存在的。
层级关系为：
<div
<div box1
<div box2 ——– position:relative ; top:-60px; left:80px;
<div box3
效果图：

图2

2.仅使用margin属性布局相对定位元素的情况
用margin-bottom属性和margin-top属性设置负值可以改变文档流中所占空间的高度，会影响文档流中的其它元素位置。例如：margin-top:负值; margin-bottom:负值

图3中，box1和box2都设置了元素margin-bottom的值，值等于它们高度的负值。box1和box2物理空间没有改变，占位空间高度为0。box3的margin-bottom值设置为0，物理空间没有改变，占位空间高度不变。再通过margin-left对box2和box3设置左偏移值。
层级关系为：
<div
<div box1 ——– position:relative ; margin-bottom:-102px;
<div box2 ——– position:relative ; margin-bottom:-102px; margin-left:110px;
<div box3 ——– position:relative ; margin-bottom:0px; margin-left:220px;
效果图：

图3

3.混合使用left、right、top和bottom属性与margin属性布局相对定位元素的情况
此情况，它们的值会产生累加的效果。在CSS2.1中所有的浏览器都使用外边距边界来完成偏移计算。本文从数学的角度理解为偏移属性值和外边距属性值累加。

图4中，box2是在图3的基础上增加设置left的值产生的效果，可见margin-left的值和left的值产生了累加。(偏移量:80px = 110px – 30px)
层级关系为：
<div
<div box1 ——- position:relative ; margin-bottom:-102px;
<div box2 ——- position:relative ; margin-bottom:-102px;margin-left:110px; flet:-30px;
<div box3 ——- position:relative ; margin-bottom:0px; margin-left:220px;
效果图：

图4

二、用绝对定位布局块级元素
设置position值：position:absolute;
此属性值的设置，元素从文档流完全删除。

1.仅使用left、right、top和bottom属性布局绝对定位元素的情况
绝对定位的元素的偏移位置以最近的定位(包括相对定位和绝对定位)祖先元素作参照物。如果元素没有已定位(包括相对定位和绝对定位)的祖先元素，那么它的参照物为最顶级元素（由于浏览器的默认参照物不同，物可能是BODY或 HTML 元素）。
注意：IE下参照物需设置宽度或高度bottom和right属性才可以正确的定位。

设置元素为绝对定位元素后，元素的Left、 Right、Top和Bottom属性默认值不是0，只是将元素脱离文档流。以下例子说明这个问题。
在图5中，将橘黄色的祖先元素设置为定位元素（即参照物），box2设为绝对定位，文档流由box1-box2-box3变为box1-box3，可box2却没有移动到距离参照物0值的位置上，可见box2的Left、 Right、Top和Bottom属性默认值不等于0，它只是脱离了文档流而已。
层级关系为：
<div ———————————position:relative 参照物
<div—————————-没有设置为定位元素，不是参照物
<div———————-没有设置为定位元素，不是参照物
<div box1
<div box2 ——–absolute
<div box3
效果图：

图5

以最近的祖先定位元素为参照物的情况
图6中，Box2设置成绝对定位元素，脱离了文档流，文档流由box1-box2-box3变为box1-box3，box2以最近的定位祖先（蓝色框）为参照物。
层级关系为：
<div ——————————— position:relative; 不是最近的祖先定位元素，不是参照物
<div—————————-没有设置为定位元素，不是参照物
<div———————- position:relative 参照物
<div box1
<div box2 ——–position:absolute; top:50px; left:120px;
<div box3
效果图：

图6

图7中，为改变参照物（橘色框）后的效果
层级关系为：
<div ——————————— position:relative;最近的祖先定位元素，参照物
<div—————————-没有设置为定位元素，不是参照物
<div———————-没有设置为定位元素，不是参照物
<div box1
<div box2 ——–position:absolute; top:50px; left:120px;
<div box3
效果图：

图7

图8中，参照物为最顶级的元素情况。
层级关系为：
<div ———————————没有设置为定位元素，不是参照物
<div—————————-没有设置为定位元素，不是参照物
<div———————-没有设置为定位元素，不是参照物
<div box1
<div box2 ——–position:absolute; top:50px; left:120px;
<div box3
效果图：

图8

2.仅使用margin属性布局绝对定位元素的情况
此情况，margin-bottom 和margin-right的值不再对文档流中的元素产生影响，因为该元素已经脱离了文档流。另外，不管它的祖先元素有没有定位，都是以文档流中原来所在的位置上偏移参照物。

图9中，使用margin属性布局相对定位元素。
层级关系为：
<div ——————————— position:relative; 不是参照物
<div—————————-没有设置为定位元素，不是参照物
<div———————-没有设置为定位元素，不是参照物
<div box1
<div box2 ——–position:absolute; margin-top:50px; margin-left:120px;
<div box3
效果图：

图9

IE6的情况下，box2前面没有兄弟节点，则margin-left的值会出现双倍边距，见图10。
层级关系为：
<div ——————————— position:relative; 不是参照物
<div—————————-没有设置为定位元素，不是参照物
<div———————-没有设置为定位元素，不是参照物
<div box1
<div box2 ——–position:absolute; margin-top:50px; margin-left:60px;
<div box3
效果图：

图10

3.混合使用left、right、top和bottom属性与margin属性布局相对定位元素的情况
a.margin属性和top、bottom、left、right属性同时使用，如果同一方向偏移，它们的值会产生累加的效果，见图11。
例如：margin-left:120px; left:-20px; 那么box2的偏移值为120px-20px=100px;
层级关系为：
<div ———————————-不是参照物
<div—————————–不是参照物
<div———————–position:relative; 参照物
<div box1
<div box2 ———position:absolute; margin-left:120px; left:-20px; top:50px;
<div box3
效果图：

图11

b.绝对定位和相对定位的累加加效果不同，如果top、bottom、left、right属性和margin属性偏移的方向相反，top、bottom、left、right属性值有效，反方向的margin属性值无效，见图12。
层级关系为：
<div ———————————-不是参照物
<div—————————–不是参照物
<div———————–position:relative; 参照物
<div box1
<div box2 ———position:absolute; margin-left:120px; right:10px; top:50px;
<div box3
效果图：

图12

总结：

• 相对定位的元素不会脱离文档流，占用文档流的空间，Left; Right; Top和Bottom属性与margin属性混合使用会产生累加效果。
• 绝对定位的元素脱离文档流，偏移不影响文档流中的其它元素，Left; Right; Top和Bottom属性与margin属性混合使用，偏移方向相同值累加，方向相反，margin属性值无效。
• 绝对定位的元素以最近的定位祖先元素为参照物。

文本两端对齐：

代码如下:

1
2

text-align:justify;
text-justify:inter-ideograph;

清除浮动：

代码如下:

1

.clear{clear:both;line-height:0;height:0;font-size:0;}

清除浮动伪类：

代码如下:

1

.clearfix:after{content: ".";display: block;height: 0;clear: both;visibility: hidden;}

设置不让单词断开

代码如下:

1

word-break : keep-all

字符自动换行

代码如下:

1

word-break:keep-all;word-break:break-all;word-wrap:break-word

使用 line-height 垂直居中

代码如下:

1

line-height:24px;

使用固定宽度的容器并且需要一行垂直居中时，使用 line-height 即可（高度与父层容器一致）。

清除容器浮动

代码如下:

1

#main {overflow:hidden;}

不让链接折行

代码如下:

1

a {white-space:nowrap;}

始终让 Firefox 显示滚动条

代码如下:

1

html {overflow:-moz-scrollbars-vertical;}

使块元素水平居中

代码如下:

1

body, html {min-height:101%;}或者margin:0 auto;

隐藏 Exploer textarea 的滚动条

代码如下:

1

textarea {overflow:auto;}

设置打印分页

代码如下:

1

h2 {page-break-before:always;}

设置打印网页时的分页

删除链接上的虚线框

代码如下:

1
2

a,area { blr:e­xpression(this.onFocus=this.blur()) }
:focus { -moz-outline-style: none; }

最简单的 CSS 重置

代码如下:

1

* {margin: 0; padding: 0}

此属性慎用，虽然能消除默认属性，但是对浏览器渲染有影响，而且在语义化表达上也欠佳。不过本人还是蛮喜欢用这个的。

图片回车后打文字需要属性

代码如下:

1

img{vertical-align:top;}

透明属性

代码如下:

1

filter:alpha(opacity=50); -moz-opacity: 0.5; opacity: 0.5;

鼠标换成手的形状

代码如下:

1

cursor:pointer;

十一首歌曲曲风各异，主要以唯美女声为主。炎炎夏日，希望能为你带来清爽的感觉。呵呵，感觉不错话，不要吝啬你的脚印哦~

附装逼级别表：
第一级别：装逼者 — BZhuanger
第二级别：装逼能手 — Big Bzhuanger
第三级别：装逼高手 — HighHand Bzhuanger
第四级别：装逼剥夺者 — ZhuangBReaver
第五级别：装逼达人 — ZhuangB
第六级别：逼人 — BMan
第七级别：逼神 — The B

爱情一定是人生中的锦上添花，而绝对不能是天寒地冻中的雪中送炭。

爱情并不是一种感觉，不是一种媚眼出凡的欣赏，两颗不同轨道的星辰，即使相遇，也不能重合。

对于爱情，我认为不必要的语言有很多时候是多余的。

爱情dě美好 爱情dě神圣

爱情是美好的，同时爱情也是神圣的，爱情是伟大的，爱情是永恒的，崇高的爱情产生的力量是无可抗拒的，纯洁的爱情激发的火花，令人向往。

但谁又能体会到：爱情的另一面则是：有人说，爱情是苦涩的。爱情的影子是痛苦，爱情的背后是孤独，爱情是伤心的泪水。

可是人类不能没有：美好的爱情，崇高的爱情；不能没有神圣的爱情。