FV.Zone

EditPlus FV.Zone 美化版

Fvart — Wed, 23 Jul 2008 14:44:09 +0800

一直在找像TextMate 一样的编辑器，其实之前我发布了SCITE编辑器的配色方案，说实话，SCITE很强大，功能也很多，高度的自定制我更是喜欢，基于SciLexer高亮语法所以很容易配出很好的颜色，但是还比较年轻吧，不稳定，不过我倒是没有遇到崩溃过。最大的问题是多编码的支持对UTF－8都支持不好，如果使用utf-8 no bom需要在文件头部加coding:utf-8字样来识别UTF－8编码文件，可是我每次手动加入这个代码实在有点累，也不符合人的使用习惯。

我今天对EditPlus的语言高亮进行研究，结果是支持的还算可以，只是很不完善，配置的时候定义也不清楚，总之编辑器是很强大了。

记住哦，在你使用之前一定要把EditPlus的配置目录指向Configs目录，否则无法使用，关于Configs目录请看后面！

先看看图片：

别的我想我不用说了，因为EditPlus这款编辑器使用的人非常多了，专业的介绍也随处可见。
我修改了PHP、JS、HTML、CSS、SQL这几种配色方案，别的没有改动过，因为我是做前台设计的，所以经常写CSS和HTML，有时候也写一点PHP和JS什么的，所以对视觉要求有点高，太丑的编辑器实在无法使用。

想要显示好的效是还需要安装dejavu字体，这个字体是开源的，很好的等宽字体，使用这种字体后代码看起来特别舒服
官方网站：http://dejavu.sourceforge.net/wiki/index.php/Main_Page

PHP调试：
请将你的PHP.exe的文件地址添加到系统的Path里，当然你也可以在EditPlus的用户工具组里面改这个地址，改成绝对路径就行了，使用是的时候EditPlus菜单工具组里面会列出来，分别会显示他的快捷键，第一个工具是Ctrl+1第二个就是Ctrl+2,依次排列。

CSS 格式化和优化：
集成了csstidy 1.3 C语言版，工具菜单有一个叫CSS Format的，主要用于格式化代码，格式化后代码还是竖排的，只是优化了一些写法。然使用这个工具后原来工作台上的代码会被格式化过的代码代替，也会在顶部和尾部留下一些软件运行后的记录数据，删掉他们就可以了。
还有一个叫CSS Optimization的菜单，他主要是优化代码，他会把代码压缩的极小注释也会被删掉，所以作为发布之用很好，但是建议还是用CSS Format吧！

目录说明:
我总觉得将所有的文件放在一个目录里面绝对不是一个好的主意
Configs; 这个目录放的是我们配置的数据，就是语言着色等了，所有的配置都在这里面
Documents; 说明文档目录，放了一些EditPlus的更新记录，帮助文件
Others; 这里面放了一个注册机和两个字典工具
Scripts; 这个里面放了一些CSS优化工具，PHPCB工具等
Template; 各个语言的模板文件

好了多的不说了，想看看怎么样就下载来试试吧！
有什么问题请在这里告诉我，谢谢支持！

下载地址：http://fvcity.googlecode.com/svn/tags/EditPlus.rar

SCITE 编辑器FV.Zone版

Fvart — Sat, 12 Jul 2008 17:56:17 +0800

今天和大家分享我自配色的SCITE编辑器，一直在找一款好用的编辑器，用过也很多的，主要有NOTEPAD++、UltraEdit、EditPlus、EmEditor等等，当然还有很多，这里就不一一列出。

我使用的最久的是UltraEdit和EmEditor,但是后来EmEditor出现了无法复制的问题，使我很郁闷，就没有使用了。
UltraEdit有点笨重，打开文件比较慢，着色方法还是很容易配置的。

后来无意中接触到了SCITE，多平台，开源，完全绿色，而且很小，由于集成了lua语言环境很容易扩增功能。
我目前只配了PHP、CSS、XML、HTML等语言着色，喜欢的就下载来使用吧。

以下是效果图:

PHP调试和格式化:
目前已经集成phpCB格式化代码工具,只需要在打开PHP文件后按Ctrl+F1就OK了，然后编辑器下面会打开输出窗口，拷贝下面的代码就行了。
PHP执行，在使用之前请将PHP的路径写入WIN和系统路径，然后打开PHP文件，按F5执行，作为调试用。

CSS格式化:
已经集成了CSSTidy 1.3版，当你打开CSS文件后可以按Ctrl+F1进行格式化，这样代码会竖排，只是优化了一些写法，如果你是作为发布那么你可以按Ctrl+F2进行高度压缩，压缩后的代码很紧密，很节约空间哦～！

还有许多功能和定义请自行研究吧～！

下载地址：
http://fvcity.googlecode.com/svn/tags/wscite.rar

分享两个WP相关的函数

Fvart — Tue, 24 Jun 2008 01:16:39 +0800

其实我收集了一些关于WP的模板制作的资料和函数
下面这个函数可以很容易获得日志的分类ID

获得当前日志的分类
你可以把他复制到模板文件functions.php中去

function category_id($post)
   { global $wpdb, $table_prefix, $post;
            $sql = "SELECT tt.term_id FROM ". $table_prefix ."term_taxonomy tt, " . $table_prefix . "term_relationships tr WHERE tt.taxonomy = 'category' AND tt.term_taxonomy_id = tr.term_taxonomy_id AND tr.object_id = $post->ID";
            $cats = $wpdb->get_results($sql);
              foreach($cats as $cat) {
                      $result = $cat->term_id;
              }
      return $result;
    }

要使用他很简单
只要将你的日志全局变量传入就OK了，像这样:

echo $c = category_id($post);

获得日志内容的全部图片函数

function getImgTags($s) {
                                $result=array();
                                $p = "#<img\s+(?:[^>]+\s+)*src=[\"']?([^>]+?)[\"']?(?:\s+[^>]+)*\s*/?>#sim";
                                $r=preg_match_all($p,$s,$o);
                                        if (!$r) {return false;}
                                        else
                                        {
                                                foreach ($o[0] as $k=>$v)
                                        {
                                        $result[$k]["tagStr"]=$v;
                                        $result[$k]["src"]=$o[1][$k];
                                        $p2 = "#<img\s+(?:[^>]+\s+)*(alt|title)=[\"']?([^>]+?)[\"']?(?:\s+[^>]+)*\s*/?>#sim";
                                        $r2=preg_match($p2,$v,$o2);
                                        if ($r2) $result[$k][$o2[1]]=$o2[2];
                                        }
                        }
                return $result;

这个函数可能有些复杂，不过他可是相当的强大，前些日子为了应付一个摄影网站写的，他可以获得下面这种格式的图片地址和说明：

<img src="a.gif" alt="a" />

使用方法：

<?php $result = getImgTags(get_the_content());
if($result) :
foreach ($result as $v) : ?>
<a href="<?php echo $v["src"]; ?>" class="lightview" rel="gallery[credit]" title="<?php echo $v["alt"]; ?>"><img src="<?php echo $img_link; ?>" alt="<?php echo $v["alt"]; ?>" title="<?php echo $v["alt"]; ?>" /></a>
<?php endforeach; ?>
<?php endif; ?>

首先是将我们日志的正文传入getImgTags函数，然后得到一个数组，通过使用foreach循环一一将数组取出，

图片名为<?php echo $v["src"]; ?>alt信息为<?php echo $v["alt"]; ?>

当然这些都只是实验性的，并不保证性能会很好，但是就我使用以来没有出现过问题。
还有很多很多技巧，因为实在不想写东西，所以很少发布…

Fvcode 帖代码的小插件

Fvart — Thu, 12 Jun 2008 16:10:32 +0800

呵呵，这只是实验性的，也根本没有实际用途，功能也过于单一，不过我还是觉得够用了。
一直想找一个小巧的灵活的帖代码插件，但一直没有找到，于是今天花了一个小时研究了一下，写出了这个小插件。

使用他很方便只要插入:

<code><?php echo $test; ></code>

效果演示:

/* 我就是演示了 */
<?php phpinfo(); ?>
<html>
<!-- test -->
</html>

就能显示代码了,这也符合我平时的习惯，还很好的向以后更换插件做好了兼容工作，如果像使用[code][/code]之类的特殊符号，那以后会很麻烦的。

因为太小所以就不放下载了
直接帖出代码，下面是PHP代码和CSS样式表

<?php
# -*- coding: utf-8 -*-
/*
Plugin Name: FVcode
Plugin URI: http://fvzone.com/blog/fvcodefvcode.fv
Description: 这是一个小东西
Author: FV.zone
Version: 0.0.0.2
Author URI: http://fvzone.com/blog/
*/
require_once(ABSPATH.'wp-config.php');
require_once(ABSPATH.'wp-settings.php');

function fvcode_style()
{
 $css_url = get_bloginfo("wpurl") . '/' . PLUGINDIR . '/' . dirname(plugin_basename (__FILE__))."/fvcode.css";
  echo "\n".'<link rel="stylesheet" href="' . $css_url . '" type="text/css" media="screen" />'."\n";
}

  function fvcode_code($match)
  {
    foreach ($match as $value) {
      $value = htmlspecialchars($value);
      $content = nl2br($value);
    }

  $o = '<div class="fvcode">';
  $o .= '<div class="code">'.$content.'</div>';
  $o .= '</div>';
  $o .= '<div class="clear"></div>';

  return $o;
}

function fvcode($content) {
		$content = preg_replace_callback("/\s*<code>\s*(.+?)\s*<\/code>\s*/sim", 'fvcode_code', $content);
		return $content;
}

function fvcode_format($content) {
    $content = str_replace("&#8211;", "--", $content);
	return $content;
}

add_action('wp_head', 'fvcode_style');

add_filter ('the_content','fvcode_format');
add_filter ('the_excerpt','fvcode_format');
add_filter ('comment_text','fvcode_format');

add_filter('the_content', 'fvcode',9);
add_filter('the_excerpt', 'fvcode',9);
add_filter('comment_text', 'fvcode',9);

?>

你只要将这个代码复制保存命名随便，然后建立一个文件夹或是不建立也行，放到plugins目录里，在后台激活就可以了。

CSS样式:

/*
coding: utf-8
*/
.clear{clear:both;}
.fvcode {
	margin:6px 0;
	font:12px "Lucida Grande",Verdana,Arial,Sans-Serif;
	text-align:left;
}
.code {
	padding:6px;
	float:left;
	line-height:18px;
	background:#ECF6FF;
	color:#666;
	border:1px solid #D6E9FC;
	display: inline;
}

CSS要把保存的名字命为:fvcode.css才行，当然你也可以改掉PHP里面的定义，这个随便你。

The IE Doubled Float-Margin Bug

Fvart — Thu, 12 Jun 2008 01:49:07 +0800

对高度的解析
IE：将根据内容的高度变化，包括未定义高度的图片内容，即使定义了高度，当内容超过高度时，将使用实际高度
Firefox：没有定义高度时，如果内容中包括了图片内容，MF的高度解析是根据印刷标准，这样就会造成和实际内容高度不符合的情况；当定义了高度，但是内容超过高度时，内容会超出定义的高度，但是区域使用的样式不会变化，造成样式错位。
结论：大家在可以确定内容高度的情况下最好定义高度，如果真的没有办法定义高度，最好不用使用边框样式，否则样式肯定会出现混乱！

其他的细节差别
当你在写css的时候，特别是用float: left（或right）排列一窜图片时，会发现在firefox里面正常而IE里面有问题。无论你用margin:0,还是border: 0来约束，都无济于事。

其实这里还有另外一个问题，就是IE对于空格的处理，firefox是忽略的而IE对于块与块之间的空格是处理的。也就是说一个div结束后要紧接着一个div写，中间不要有回车或者空格。不然也许会有问题，比如3px的偏差，而且这个原因很难发现。

非常不走运的是我又碰到了这样的问题，多个img标签连着，然后定义的float: left，希望这些图片可以连起来。但是结果在firefox里面正常而IE里面显示的每个img都相隔了3px。我把标签之间的空格都删除都没有作用。

后来的解决方法是在img外面套li，并且对li定义margin: 0，这样就解决了IE和firefox的显示偏差。IE对于一些模型的解释会产生很多错误问题，只有多多尝试才能发现原因。

2、嵌套DIV:父DIV的高度不能根据子DIV自动变化的解决方案

<div id="parent">
<div id="content"> </div>
</div>

当Content内容多时，即使parent设置了高度100%或auto,在不同浏览器下还是不能完好的自动伸展。解决方案

<div id="parent">
<div id="content"></div>
<div style="font: 0px/0px sans-serif;clear: both;display: block"> </div>
</div>

在层的最下方产生一个高度为1的空格，可解除这个问题

五、随机的切换图片：
#random {
BACKGROUND: url(/rotate.php);
}
这个方法很巧妙。

关于div的高度自适应
　　今天小尿让我帮他的页子解决一个问题，就是div的高度自适应，也就是在一个父级div中嵌套一左一右两个子div，右边的子div内容可无限扩展，而可以使得父级div的高度能被无限拉长，用一般的布局方法，在IE中可以正确浏览，在Mozilla中父级div的高度就固定在10px左右，无法自适应高度，height:auto也不行，怎么办呢。网上参考到一篇资料，要实现自适应高度，div层必须具有float属性，于是我开始动手试验，float:left的话，div就跑到页面最左边去了，这好办，我在它的外面再套一层div，把位置定好，那么里面的就算float:left也不会被移动位置了。

<div id="container_father">
<div id="container">
    <div id="panel"> test<br />
     test<br />
     test<br />
      <!-- id="panel" -->
    </div>
    <div id="sidebar">
     <ul>
       <li class="current">预安装检查</li>
       <li>阅读 PFC 授权协议</li>
       <li>初始化数据库</li>
       <li>完成安装</li>
      </ul>
      <!-- id="sidebar" -->
    </div>
    <!-- id="container" -->
</div>
</div>

#container_father {
margin-left: auto;
margin-right: auto;
padding: 0px;
width: 750px;
}

#container {
   width: 750px;
   border: 1px solid #cccccc;
   padding: 8px;
   margin: 0px;
   background-color: #F1F3F5;
   float: left;
}

深入标准 ~ The IE Doubled Float-Margin Bug(IE双倍浮动边界Bug)
什么发生故障？
一段无错的代码把一个居左浮动(float:left)的元素放置进一个容器盒(box)，并在浮动元素上使用了左边界(margin-left) 来令它和容器的左边产生一段距离。看起来相当的简单，对吗？但直至它被在IE/Win中浏览为止，在浏览器中居左浮动元素的边界长度被神秘地翻了一倍！

情况应该如何？

下面的图释展示了一个简单的div(茶色的盒子)包含着一个居左浮动的div(绿色的盒子)。浮动元素有一个100px的左边界，使容器盒与它的左边缘之间产生了一个100px的间隙。到现在为止，一直都还不错。

.floatbox {
float: left;
width: 150px;
height: 150px;
margin: 5px 0 5px 100px;
/*This last value applies the 100px left margin */
}

陈旧的IE“双倍占据”
原样的相同代码被在IE/Win中浏览时以些微不同的方式显示，下面的图释展示了IE/Win在布局上所做的。
这为什么会发生？别问这种傻问题！这就是IE，记得吗？符合标准只是理想的状况，不指望实现，这个简单的事实正验证了。

重点

这个Bug仅当浮动边界和浮动元素的方向相同时出现在浮动元素和容器盒的内边缘之间，在这之后的任意有着相似边界的浮动元素不会呈现双倍边界。只有特定的浮动行的第一个浮动元素会遭遇这个Bug。像居左的情况一样，双倍边界同样神秘地显示在居右的相同方式。

修复办法！

直到现在(04年1月)这个Bug一直被认为是无法修复的，通常用来替代错误的边界的控制方法如：一个不可视浮动元素的左边距，连同一个内嵌的盒子一起，可视的盒子装在不可视浮动元素里；或者使用技巧仅对IE/Win设定边界的1/2值。这办法生效了，但是是混乱的而且搞糟了干净的源代码。不过现在全部结束了。

Steve Clason发现了一个修复办法，描述在他的Guest Demo里，修复了双倍边界和围绕文字缩进Bug。这是一个经典的IE的Bug修复办法，使用一个属性来修复影响不相关属性的Bug。

现在如何来做？

研究它，简单地将{display: inline;}设置给浮动元素就是全部所需做的！是的，听起来太简单了，不是吗？不过这是真的，仅仅一个display的”inline”声明已经能够胜任了。

熟悉规则的人知道浮动元素自动设置为”block”元素，而不管他们之前是什么。就如Steve从W3C里指出：

9.5.1 Positioning the float: the ‘float’ property

“This property specifies whether a box should float to the left, right, or not at all. It may be set for elements that generate
boxes that are not absolutely positioned. The values of this property have the following meanings:

left
The element generates a block box that is floated to the left. Content flows on the right side of the box, starting at the top
(subject to the ‘clear’ property). The ‘display’ is ignored, unless it has the value ‘none’.

right
Same as ‘left’, but content flows on the left side of the box, starting at the top.

none
The box is not floated. ”

这说明浮动元素上的{display: inline;}会被忽略，事实上所有的浏览器没有呈现任何改变，包括IE。但是，它不知何故让IE停止将浮动元素的边界翻倍。因而，这个修复办法可以被直接应用，而没有任何繁琐的隐藏方法。如果将来的一款浏览器决定对这个修复办法抱恙，只要把这个修复装入IE独用的Tan Hack里，细节如同IE Three Pixel Text-Jog Demo。

下面是两个使用了前面相同代码的生动演示，第一个照常显示了IE的Bug，下一个对浮动元素使用了”inline”修复。

.floatbox {
float: left;
width: 150px;
height: 150px;
margin: 5px 0 5px 100px;
display: inline;
}

美国国际救援小组:地震中自救窍门

Fvart — Fri, 16 May 2008 17:53:39 +0800

新闻来源:amerrescue.org
美国国际救援小组专家：地震中自救窍门 2008年05月16日
我的名字叫道格·库普（Doug Copp）。我是世界上最有经验的救援小组—美国国际救援小组(ARTI)的首席救援者，也是灾难部的经理。本文中以下信息能在地震中挽救生命。

我和曾经来自60多个不同国家成立的各种救援小组一起工作过，曾在875个倒塌的建筑物里爬进爬出。在联合国灾难减轻(UNX051- UNIENET)小组中我担任了任期两年的专家。从1985年至今，除非同时发生了多个灾祸，我几乎参与了每一次重大的救援工作。

在1996 年，我们用我创立的而且被证明是正确的方法制作了一部电影。土耳其政府、伊斯坦布尔市、伊斯坦布尔大学、及ARTI联合制作了这部科学研究性的影片。

我们人为地摧毁了一座学校，和一个里面有20个人体模特的房屋。十个人体模特用”蹲下和掩护”的方法，而另外十个模特使用我的”生命三角”的求生方法。

模拟地震发生后，我们通过倒塌的碎石慢慢进入了建筑物，并拍摄和记录了结果。

在一个在可直接观察到的而且科学的条件下，这部电影拍摄了我使用的求生技术。结果显示那些用”蹲下和和掩护”方法的人存活率会是零，而那些使用”生命三角”的人能够达到100%的存活率。上百万的人已经在土耳其和欧洲的其他地方，还有美国、加拿大和拉丁美洲的电视节目里看到过这部片子。

我曾进入的第一个建筑物是在1985 年墨西哥地震中的一个学校。每个孩子都在课桌底下。每个孩子都被压扁了。他们如果能在走道里挨着他们的课桌躺下，就有生还的希望。我不知道为什么孩子不在走道里。那时，我不知道孩子们被教导要躲在某物体
的下面。

简单地说，当建筑物倒塌时，落在物体或家具上的屋顶的重力会撞击这些物体，使得靠近它们的地方留下一个空间。这个空间就是被我称作的”生命三角”。物体越大，越坚固，它被挤压的余地就越小。而物体被挤压得越小，这个空间就越大，于是利用这个空间的人免于受伤的可能性就越大。

下次，你在电视里观看倒塌的建筑物时，数一数这些形成的”三角”。你会发现到处都有这些三角。在倒塌的建筑物里，这是最常见的形状。几乎到处都有。我培训 Trujillo (人口约为750,000的地方)的消防部门，教导人们如何求生，如何照顾他们的家人，以及如何在地震中援救他人。

Trujillo 消防部门的救援总负责人是Trujillo大学的教授。他陪伴我同行，他说：”我叫Roberto Rosales，我是Trujillo的首席救援者。我11岁时，我被陷在一幢倒塌的建筑物里。就是发生在1972年的那场地震中，当时有70,000人死亡。我利用我哥哥摩托车旁的”生命三角”保住了生命。我的朋友们，那些躲在床下，桌子下的人都死了。（他列出了这些人的姓名、地址……）。我可以称作是 “生命三角”的活生生的例子，而我那些朋友是”蹲下和掩护”的例子。

道格·库普的提示：

1) 当建筑物倒下时，每个只是简单地”蹲下和掩护”的人都被压死了，每次，毫无例外。而那些躲逃到物体，如桌子，或汽车下躲避的人也总是受到了些伤害。

2) 猫，狗和小孩子在遇到危险的时候，会自然地蜷缩起身体。地震时，你也应该这么做。这是一种安全的本能。而且你在一个很小的空间里就可以做到。靠近一个物体，一个沙发，或一个大件，它仅受到了略微的挤压，但在靠着它旁边的地方留下了一个空间。

3) 在地震中，木质建筑物最牢固。木头具有弹性，并且与地震的力量一起移动。如果木质建筑物倒塌了，会留出很大的生存空间。而且，木质材料密度最小，重量最小。砖块材料则会破碎成一块块更小的砖。砖块会造成人员受伤，但是，被砖块压伤的人远比被水泥压伤的人数则要少得多。

4) 如果晚上生发了地震，而你正在床上。你只要简单地滚下床。在床的周围会形成一个安全的空间。

5)如果地震发生了，而你正在看电视，不能迅速地从门或窗口逃离，那就在靠近沙发，或椅子的旁边躺下，然后蜷缩起来。

6)当大楼倒塌时，很多人在门口死亡了。怎么回事？如果你站在门框下，当门框向前或向后倒下时，你会被头顶上的屋顶砸伤。如果门框向侧面倒下，你会被压在当中，所以，不管怎么样，你都会受到致命伤害！

7) 千万不要走楼梯，楼梯与建筑物摇晃的频率不同（他们和建筑物的主体部份分别晃动）。楼梯和大楼的结构物发生不断地碰撞，直到楼梯发生构造问题。人在楼梯上时，会被楼梯的台阶割断，这是很恐怖的毁伤！就算楼梯没有倒塌，也要远离楼梯。楼梯就像大楼的一样会被损坏。哪怕不是因为地震而倒，还会因为承受过多的人群而坍塌。所以，我们应该始终首先检查楼梯的安全，甚至建筑物的其他部份并没有被损坏。

尽量靠近建筑物的外墙或离开建筑物。靠近墙的外侧远比内侧要好。你越靠近建筑物的中心，你的逃生路径被阻挡的可能性就越大。

9) 当发生地震时，在车内逃生的人会因路边坠落的物体砸伤，这正是Nimitz Freeway的路上所发生的事情。San Francisco地震的无辜受害者都呆在车内。其实，他们可以简单地离开车辆，靠近车辆坐下，或躺在车边就可以了。所有被压垮的车辆旁边都有一个3 英尺高的空间，除非车辆是被物体垂直落下。

10) 我发现，在报社或办公室里堆有很多报纸的地方，通常会好些，因为报纸不受挤压。你在纸堆旁可找到一个比较大的空间。

美国国际救援小组(ARTI)网址
http://www.amerrescue.org/

Dark Final 发布了

Fvart — Thu, 10 Apr 2008 17:23:08 +0800

4.10晚更新了一个由于single.php错位的问题,请更新,对大家带来的不方便还请原谅!
Dark Final版发布了,让大家久等了实在抱歉。
这次只是作了一点小的更新,现在集成了中文工具箱的最新日志和最新评论两个函数。
在英文WordPress 2.5中测试无错，其它未测试。
布局采用XHTML 1.1与CSS 2.1通过W3C验证。
在Firefox 3.0 b5、firefox 2.x、IE6、IE7、IE8(未测试)、Safari 3.1测试无错位！
插件支持:wp_pagenavi,等…
集成了后台设置。
更多的说明请参考以前的发布。
主题中可能有一些我自己的信息,请自已动手改吧!
多的不说了,大家自己看着办吧!

下载地址请转到:
http://www.fvzone.com/blog/downloads
请转到 Dark Final Theme for WordPress 2.5 下载！

FV.Zone Studio beta 2

Fvart — Wed, 09 Apr 2008 23:06:30 +0800

欢迎你使用FV.Zone设计的WordPress风格，接下来我将告诉大家怎么使用它!

首先要告诉你几个不好的消息:
这不是一个入门级的风格,所以如果你只追求简单,请不要使用!
我们将不会提供任何的技术支持,这意味着你要自己承担维护它的责任。
目前他还不支持Widget,或是支持的不良好,我认为这样一款风格Widget已经不太重要了。
在你准备使用的时候,你要遵守Creative Commons License 3.0的约定。
他可能有非常非常多的bug,发现了请告诉我，谢谢。

图片预览:

特别申明:
本风格在WordPress 2.5英文版本中测试无错，其他均未测试。
Xhtml 1.1布局通过W3C验证，CSS 2.1版也通过验证。
风格由默认模板从我很早发布的drak风格经过几个月的时间演变而来，不管是代码还是布局均无Copy迹象！
我的技术和设计能力可能很差，得不到某些用户的认可，但请你记住，我只是在做我喜欢做的事，起马我懂得分享我的经历和成果，我并鼓励大家原创，歧视任何抄袭行为与拷贝。

使用之前你需要掌握的一些计算机语言和技巧:
你应该要懂一点xhtml经及css,因为这样你才有可能对他作你喜欢你的改动。
WordPress自定义字段功能是必须的,你一定要明白他如何工作。
懂一点php的基本修改方法,因为有很多参数并没有在后台配置中提供,原因是尽量少与WordPress的MYSQL查询打交道得以提高速度.
你需要一个良好的心情与懂得维护别人劳动成果的美德。
如果你遇到了问题,你可以在http://fvzone.com/site/给我留言,或是加入我们的QQ群,但是我不敢保证都能为你解答.

使用和自定义方法:
与FV.Zone Studio beta 1相比,这次beta2已经完全重制,我想你一定可以看的出来。
首页Flash轮换取消，更改了很多地方，我就不多说了，请自己对比吧。

自定义字段与缩图生成方法:
FV.Zone Studio beta 1与FV.Zone Studio beta 2有本质的区别，前者使用的是与zenphoto集合生成缩图，显然是很笨的。
后者使用WordPress自己的图片上传功能和自定义字段配合完成缩图的功能。
这次参考了著名的PHPThumb类，但是它太大，所以放弃了使用，后来在网上搜索得到ThumbHandler类，小巧到32kb，当然很不错了，而且功能也不差。
本风格定义了五个字段数据，分别为：
Theme Name ;主题名字
Theme Author ;主题作者
Theme Thumbnail ;主题缩图
Theme Description ;主题介绍
Theme Download ;下载
这五个定义你可以在successful.php文件中查看详细的设置。

首先将一下首页index.php的应用：
$theme_thumb = get_post_meta($post->ID, 'Theme Thumbnail', $single = true);
这句代码我们可以得到当前Post的Theme Thumbnail自定义字段的值，并存在$theme_thumb变量中,为了将来维护方便这里只要求输入文件名，比如abc.jpg,不需要全部地址。

接下来我们在while (have_posts()) : the_post();循环里面调用我们自定义的一个缩图创建函数：
CreateImage($filename, $cat, $title, $width, $height, $crop, $style);

解释一下几个变量：
$filename；文件名，也就是我们向CreateImage函数传入的图片名字如:abc.jpg，这里对应为$theme_thumb变量。
$cat；分类，WordPress 2.5版的附件管理还是让人心碎，我们无法在uploads创建分类名字，只能以死板的日期格式，很无语，这个变量平时不需要，如果你是使用WordPress自己的图片上传工具，那么请在这里留空吧，如果不是，那你可以uploads在目录下建立自己的文件夹，比如uploads/web-design,那么我将$cat写为web-design。
$title；这个是Post的标题，没什么好说的。
$width;缩图的宽度。
$height;缩图的高度。
$crop；缩图建立的类型，这里默认为3,如果你希望使用别的，你可能要改动CreateImage.php文件中的定义，共有四种，请参考fvzone-studio/app/下CreateImage.php文件里的说明。
$style；样式定义，这个是为了给img标签加的css class控制，为了更好的控制缩图。

再来看看index.php里对CreateImage函数的调用:

这里就不再重复说明了，请自行研究。

缩图会依据当前图片的目录下新建一个cache文件夹并将缩图放到里面去，这个文件夹是自动建立的，CreateImage函数首先会检查此图片下的cache文件夹里是不是有相同的文件了，如是有就不再运行ThumbHandler类，而直接输出图片，这样得到了简单的缓存功能，减小服务器的开消。

本风格还集成了一个简单的后台配置，请自行研究吧!
演示地址:
http://fvzone.com/site/

下载地址:
http://fvzone.com/blog/downloads
请选择FV.Zone Studio beta 2 for WordPress 2.5

FV.Zone Studio beta 1

Fvart — Tue, 26 Feb 2008 12:07:51 +0800

发布这个主题的初衷是为了和大家分享和学习更多的东西,所谓抛砖引玉嘛。

这个主题比较复杂,如果你不打算与ZenPhoto一起使用,那有点可惜,当然和ZenPhoto调用方面还是很不完善,本来想将ZenPhoto的MYSQL调用写在主题后台,结果没有完成,所以这个版本仍然要在文件中改写。

由于时间问题，我只能简单说明一下使用方法：
他主要使用自定义字段和ZenPhoto集合来调用图片，因为我们都知道WP的图片管理功能让人力不从心。
典型的列子在主题的successful.php文件中，如果你不明白，那么请参考WP自定义字段资料。

这里的调用方式是：
首先在主题的core/zp.php文件中配置ZenPhoto相册的MYSQL项，然后会查询出ZenPhoto的所有文件夹并附于$zp_theme_album变量中。

解释一下successful.php文件中的变量：

$theme_name = get_post_meta($post->ID, 'Theme Name', $single = true);
$theme_author = get_post_meta($post->ID, 'Theme Author', $single = true);
$theme_thumb = get_post_meta($post->ID, 'Theme Thumbnail', $single = true);
$theme_desc = get_post_meta($post->ID, 'Theme Description', $single = true);
$theme_down = get_post_meta($post->ID, 'Theme Download', $single = true);

获得当前日志的自定义字段信息，这里分别是主题名字、作者、缩览图、说明、地址，分别对应于后面的Theme Name等信息。

<?php if($theme_thumb) { ?>
<a href="<?php the_permalink() ?>"><img src="<?php echo $zp_theme_url ."/cache/". $zp_theme_album ."/". $theme_thumb . $zp_successful; ?>.jpg" alt="<?php if($theme_desc) echo $theme_desc; else echo the_title(); ?>" /></a><?php } ?>

如果$theme_thumb不为空，就显示下面的信息，几个变量解释:
[code]
$zp_theme_url; 在主题core/zp.php文件中配置的ZenPhoto的地址
cache；是ZenPhoto相册生成文件分类的目录
$zp_theme_album; 相册分类名
$theme_thumb; 调用的图片名，如：abc.jpg
$zp_successful; 这个是ZenPhoto生成文件后的后缀，你可以生成不同大小的文件，很灵活具体使用方法请查阅ZenPhoto程序的getCustomImage函数。[/code]
后面的我就不解释了，会PHP的同志一看就明白。

重要提示：
在你想启动后台的ZenPhoto配置之前请保证主题core/zp.php中文中的MYSQL配置正确，否则主题将出错，无法使用，解决方法是在functions.php中取消if($zp_config ==”Yes”) { include(TEMPLATEPATH . ‘/core/zp.php’); }加载，切得！
说明不详细，有时间补充!

下载地址:http://fvzone.com/blog/downloads
预览地址:http://fvzone.com/site/
ZenPhoto 相册预览地址：http://fvzone.com/img/

特别感谢 Ρò.~Beta2 对本主题捐助100RMB

本主题使用css 2.1和html 1.1标准设计，这也是第一个测试版本，经后可能会有很大的改动，后台配置很不完善，因为我对PHP也是不特别精通，还请理解，最后请大家多提宝贵意见，谢谢~！

Dark Theme +PSD for WordPress 2.3.X

Fvart — Wed, 31 Oct 2007 13:46:54 +0800

经过reborn发布后又一次修正版本,废话少说了,Dark 介绍如下；

2007.11.1更新：
1、修正了一些插件引用没有检查的变量，优化了结构。
2、将页面静态内容移动到functions.php文件中，并在functions.php中有一个模式开关，但是由于时间仓促所以只是一个摆设，如果你有兴趣请在functions.php中找到fvmode函数并将其中的false的改为true。
在模式为false的时候她只像一个默认主题，开启后将会调用functions.php中的一些自定义函数，初使用者建议别动他。
3、改善了所有插件调用的机制,不装任何插件的时候功能和默认的皮一样,推荐装上WordPress中文工具箱与Gravatar。如果你使用Widget边栏那WordPress中文工具箱，就可以省去…
4、预置支持的插件：WordPress中文工具箱、Footmark; 我自己开发(不是必须), Gravatar。

1、首先是由reborn样式表延续，所以完全通过W3C的CSS 2.1与XHTML 1.1验证！
废话几句:
不知道大家对w3c验证是怎么理解的,有人说,没关系,有人却一定要通过验证,那么到底验证后有没有用呢
结果是当然的,首先是如果你在考虑标准后你的手写风格就会变化,验证到底验证什么?
简单的说就是四个主要的:
第一,你的标签嵌套是否正确?
第二,标签嵌套正确后你是不是会把块原素写在内联原素中?
第三,是不是使用了W3C不支持的属性?
第四,是不是掉了/或是别的属性什么?
以上这四点是不是都是要命的,当然是,标签嵌套有问题,IE是不知道的,但是FF知道,这就是bug,正规的内联中不能有块的等等…
如果这些都注意到了,不只是标准而已,我想一定可以让你写出更漂亮和SE(搜索引擎)更喜欢的代码。

2、加入纯CSS弹出式菜单，并和Wordpress完美结合,调用方式通过WordPress二级菜单，这CSS源始码来自V2EX，但是我进行了三次缩减删除了60%的多余代码，所以现在与v2ex的代码是完全不一样的，为了兼容IE6和IE系列浏览器透明,加入了一些无法通过W3C的CSS定义，由于IE6不支持除a属性以外的伪类，所以在IE6下是通过一小段JS搞定的，边栏也同样，不支持W3C验证的代码放在ie.css中，js模拟伪类定义请见主题中js目录的dark.js文件。

3、完全支持Widget边栏，定义的时候因为每一个边栏项都有一个小图标，在使用Widget定义的也同样有这样的功能，只是不完整，没有定义的会用star.png图标代替，详细定义请见icons.css中，
列子：

#sidebar .archives, li.widget_archives span.star {
	padding:1px 0 1px 18px;
	background: url(images/icons/package_go.png) no-repeat;
}

这段css的意思是，当你不用Widget功能或使用都调用相同的小图标，可能代码有些复杂，但是用好了css续承的确可以给你带来很多的方便。

4、这次加入了一个小函数在functions.php中，主要功能是调用你的一个gravatar 头像。
调用方式:

<img src="<?php fvzone_author(); ?>" alt="" class="fvzone_author" />

Email地址在functions.php底部修改。

虽然说是纯净版，我仍然不舍得删除我写的一些静态文件，这次我将以下文件放到了stop目录中，如果你确定不需要请删除该目录。
about.php、code.php、downloads.php、footmark、collection.php、bookmark.php、tag.php，如果想使用其中一个文件，请将他移动到dark目录下，在后台设置调用。

修正了一些小图标在IE6中特别难看的bug，但是我仍然推荐大家使用Firefox！

最后谢谢你使用与支持，可能仍然有不少问题，欢迎你向我提供测试结果^^！

下载地址请转到Downloads页，找到Dark Theme +PSD for WordPress 2.3.X并下载!